暂时未有相关云产品技术能力~
暂无个人介绍
VSCode大法好啊,平均一个月更新一个小版本,每次都可以直观的看到优化的地方和特性。 距离上次的文章已经过去了两个多月了。这期间我又搜罗了一波比较实用的插件推荐;
共 5914 字,读完需 8 分钟。编译自 Eric Elliott 的文章,好的程序员写出来的代码就如同优美的诗赋,给阅读的人带来非常愉悦的享受。我们怎么能达到那样的水平?要搞清楚这个问题,先看看好的文章是怎么写出来的。
数组去重,这是一个老梗了...今天我又拿出来说了... 我们在考虑全面一点的情况下,数组去重的实现,比如针对NaN,undefined,{}; 这其中涉及的知识点挺多,不信跟着走一波; 这里不考虑浏览器兼容性这些破问题,因为涉及ES5&6
Module: cassandra-driver Installation
We have created a brand-new standalone guide for server-side rendering in Vue, it's a recommended read for all users. Also, the HackerNews demo has been updated to reflect the latest best practices.
过渡动画这东西,在现代开发中是必不可少的,死板和酷炫与之息息相关;
指令这种东西,可以加强用户体验,减少一些重复工作; 跟着我来实现一个悬浮链接打开的指令
上传功能在任何一个网站中的地位都是举足轻重的,这篇文章主要扯下如何实现一个上传组件
表单在整个系统中的作用相当重要,这里主要扯下响应表单的实现方式。 首先需要操作表单的模块引入这两个模块; import { FormsModule, ReactiveFormsModule } from '@angular/forms';
这个组件实现并不是很复杂,我会尽量注释; 这货诞生的理由就是项目刚好有一个地方必须只能选择年月, 而github上ng2+日期组件都涉及到年月日或时分秒; 效果用gifcam录制的,色彩有些失真,将就吧。
管道这东西,可以让用户的体验变得好,也可以省去我们一些重复性的工作; 官方的内置管道就不解释了,自行看文档吧
路由这块的水挺深,我这里扯扯我用过的一些特性及一丢丢的经验
上周五,ng4正式发布了。。很多小伙伴迫不及待的把项目升级了。。。 然后到群里各种吼,无损升级,没有什么奇葩问题,大家放心升级。。 我信了。。。把公司的项目给升级了,然后就开始掉坑了。。。 普通的开发模式和打包模式皆正常,不正常的是AOT打包。。
不探究高深理论,只探究实际使用,有更好的写法或者经验请指出; 有些暂时没涉及到的知识我可能会顺着例子解释;
想来想去,概念这些东西不怎么想讲,更多的是想讲点实战性的内容。 所以有些东西跳过去了,小伙伴们请去看官方文档哈;跳跃性的前进,写的不好多包涵。
这个系列的进度有些跳跃性,我尽量直白点解释,但是我不是官方文档,直入主题!!!!
• 文中会穿插部分ES6&7的代码(此处不在解释什么作用域什么的,作用什么的),能言简意赅的绝不废话哈; • 文中的ts或者ts2皆指typescript; 这不是一个合格的手册,要想深入和更全应该看官方的手册文档加以练习和尝试
很多小伙伴说用了打包工具(Webpack)之后,断点调试有点麻烦(需要借助sourcemap); 常规的方式无非是debugger,console.log()大法; 但是,VS Code这货天生支持Debug功能,不用白不用,今天我就说说怎么调教angular-cli;
本来分成三篇来写的,但是想了想没必要,大家都是聪明人,简单的东西点一下就晓得了。
今天有个接口字段需求,要写一个今天及前几天的日期传过去; 在网上找了下都木有什么比较好的方案;就自己写了一个。 因为技术栈就是NG2+TS2+WEBPACK,这里的代码需要一定的TS2及ES6的基础
想了想,对于一个刚接触VSCODE的人来说,有什么比图片更通俗易懂的呢?
VSCode的快捷键继承了一些IDE风格,有VS Studio的身影,也有Emacs的身影, 简言之,内置快捷键玩熟了,效率提高不是一点两点。
H5站点需要IOS滑动按钮的效果,想了想似乎CSS3能搞起,就折腾出来了...挺简单的..请看注释
• currentColor– 这货说是CSS3的一个特性,但是用变量来说会更好理解; • 兼容性[IE9+ 及主流的FF,chrome ]。 • 但是IE10及edge有一些BUG(用于渐变的时候会不生效) • Safari and iOS Safari 8 之前,作用于部分伪元素也不生效 ,比如:before 和:after • currentColor拿的是文本的color的值,也就是可以理解为 currentColor = color • currentColor可以作用于常见到的色彩作用域(border,box-shadow,outline-color,background-colo
SCSS的@import是css的加强版本,共有以下几种方式可以互相导入引用; 注意点 - 可以使用相对路径 - 导入的文件可以.scss后缀名 - 可以引入线上的scss文件 - 支持括入引入的写法 - 在同一个目录不能同时存在带下划线和不带下划线的同名文件。 例如,_navbar.scss 不能与 navbar.scss 并存。 - 支持引入带下划线和不带下划线的文件;比如(navbar和_navbar) - 若是文件命名**带下划线**则不编译该文件,但却可以正常把样式导入其他文件用(如index.scss引入_navbar,只产生index.css) - 若是文件命名*不带下划线**,
支持常规的两种注释方法; 1. //双斜杠的单行注释, eg : //这是一个圆角按钮 2. /**/范围注释, eg:
这篇作为firebug系列的结束贴; 四篇博文应该让一些小伙伴对firebug有了基本的认识和操作
console.log(“我是日志信息,毫无色彩可言–我支持多个参数打印”); console.info(“我是带有信息图标的日志”); console.warn(“我是带有警告图标的日志”); console.error(“我是带有报错图标的日志”); console.dir(test); –可以遍历一个对象的全部属性”,console console.trace();–输出 Javascript 执行时的堆栈追踪。 console.group(“这是测试组”) console.log(“%d年%d月”,2015,08); console.log(“%f时”,5); console.log(
传统的开发我们是在编辑器操作代码保存,再到浏览器预览查看效果的; 而如今的firebug和chrome的内置调试器就不需要了..可以直接实时编辑且看到效果; 在调试中对代码的操作不会保存到本地实际代码中..是不是很赞!!;
Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本); 功能主要用于调试网页中的错误,修改代码及实时查看效果; 目前只有在Firefox下的firebug才能体验它的强大支出,,对于其他浏览器,lite版本功能阉割太多; 但是吧,就其他浏览器而言,chrome自带的已经足够强大,IE11自带的也挺不错的….
Flex想要兼容众多花样式手机,要注意以下这么些 • 前缀要考虑2009~2012年的语法[webkit-box,flex,flex-box] • 少用复合属性,比如flex:1,考虑兼容理应拆成[flex-grow,flex-shrink,flex-basis];flex-flow拆开成[flex-direction,flex-wra
ES6的箭头函数的特点:永远是匿名函数,This指向obj内部; 什么是箭头函数?:箭头函数是匿名函数,ES5匿名函数的语法糖;但又增加了ES5所没有的一些优点
ES5及之前是木有块级变量这个说法的,常规性是用闭包来防止变量泄露; 我来列出下ES5 var声明的一些特点 1. 函数内的变量若是带var声明,则会覆盖外部的全局变量优先使用;若是函数内部声明变量不带var,则直接覆盖同名的全局变量 2. 函数内存在变量提升的情况,可以先使用后声明 3. for循环中的var会污染全局【不局限于循环内】
一直想写个ES6特性的系列文章,整理了一段时间,不想写概而全的纯理论,只想写一些贴近工作的, 最常用到的,比如块级作用域,箭头函数,字符串模板等等---敬请期待 上面那两个方法并不是万能的,只能作为常规的数组去重,因为涉及到对象或者多维数组的去重, 还是需要其他一些方法来辅助,该遍历遍历,该比较还是得比较。。。。
this是面向对象编程中的一个概念,一般指向当前方法调用所在的对象,但在JS中灵活很多,为什么这么说呢?那是因为: • this是运行时绑定而非编写时绑定 • this的绑定和函数声明的位置木有任何关系,执行上下文取决于函数调用时方式 • this既不指向函数自身也不指向词法作用域。 So… 谁调用这个函数或方法,this关键字就指向谁这话是并不是完全准确的
ECMAScript中我觉得非常重要的一块就是对于对象的理解了,就我个人而言,我的理解还是不够透彻的; 所以这篇文章不扯多深,只扯扯比较表层的知识;
上一节我们说了那些JS的基本概念相关的..今天我们接着来扯扯作用域对象这些基础知识;
javascript 是弱类型语言,比较接近python和perl这类,不如java和c那样严格.所以写惯了强类型语言的小伙伴看到有些另类的写法也相当正常; 有些东东不精讲..以后单独脱离出来细讲;
仅仅一夜,却也是无数个日夜,FaceBook 开源了 yarn 这个新的 JavaScript 包管理工具, 这个和 Exponent, Google, 以及 Tilde 合作完成的项目。 官网 | Github Repo yarn出现的缘由 — 解决npm历史遗留的痛点