随笔 tic

C:\Windows\System32\drivers\etc
调试的时刻可以在package.json 中的script位置 加上"node":"node" 然后就可以在命令行工具中使用es6代码等进行测试


在命令行中引入类库  eg.const _ = require('lodash/fp')


测试正则的网站
https://regexper.com/#%2F%5E1%5B34578%5D%5Cd%7B9%7D%24%2F


ECMAScript规格
http://www.ecma-international.org/ecma-262/6.0/


用户名 tldeti
密码 bajie.gtan@.com


HTTP各种状态码提示
http://blog.csdn.net/wangfayinn/article/details/7719704


激活工具
http://pan.baidu.com/s/1o8Ld8Qe


正则表达式PDF
http://vdisk.weibo.com/s/zrXXUl7AHb_mW


移动端实战课程（201集，分知识点），现已提供下载  https://pan.baidu.com/s/1i56wuR7
各个浏览器对Es6的支持情况   kangax.github.io/es5-compat-table/es6/








Github简单教程  http://www.runoob.com/w3cnote/git-guide.html
Gulp http://blog.csdn.net/leo8729/article/details/48650901


Browsersync 命令行
http://www.browsersync.cn/docs/command-line/


Browsersync使用的相关说明
http://www.mamicode.com/info-detail-669066.html


Browersync+Gulp.js https://www.browsersync.io/docs/gulp
Git  https://www.git-scm.com/book/en/v2/Getting-Started-Installing-Git




关于gulp
http://www.imooc.com/article/13843    //配置 以及其他相应操作
gulp http://gulpjs.com/plugins/
https://markgoodyear.com/2014/01/getting-started-with-gulp/


CMD命令大全  http://www.jb51.net/os/windows/36986.html


es6  http://es6-features.org/#Constants
什么是es6 http://baike.baidu.com/link?url=IogoYK8W4ONLJWCJBHljzxu1J1FY85zOQV92tzj9L2I1rxiCOAj1PFyLB70XWtderoZwrbVCTqlqbLrmE6Tk1hI-DOUT6y0BDOb2zjK7PRZThszYlbuHGfldvacIGztoQSA40WoHExjI4STAbCoTKq




es6学习
http://www.infoq.com/cn/articles/es6-in-depth-an-introduction




ES6小助手


关于at方法 下面是垫片库下载的地址链接
https://github.com/es-shims/String.prototype.at




Github:axios
https://github.com/mzabriskie/axios/tree/master




task
1.http://getbootstrap.com/javascript/#modals
2.http://getbootstrap.com/javascript/#dropdowns
3.https://ant.design/components/notification/


MDN
添加class
classlist
https://developer.mozilla.org/en-US/docs/Web/API/Element/classList


问题
proxy 代理服务器的用处
（一些说法）
http://www.infoq.com/cn/articles/es6-in-depth-proxies-and-reflect/
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy


面试题
http://mp.weixin.qq.com/s/agbzjCxhq_8S-bJYp9iuhg


stylus
http://www.zhangxinxu.com/jq/stylus/operators.php


2.6
Ps.容错，欠缺 细心 欠缺。


一些注意点：
1.命名的语义化
2.代码垃圾及时清理
3.定义变量尽量先使用const 
4.代码简洁优化
5.js尽量不用tagName 多使用id 跟 class
6.页面内容不要写死，试着从json文件中获取




/*
1.获取高度之后隐藏
2.移到外面获取，然后放进来
3.父级高度=title+content (点击插入节点)
*/


//technology blog
http://www.linxiaoming.me/
vue相关项目
github.com/webkonglong








Webpack
Webpack是什么
1.一个打包工具
2.一个模块加载工具
3.各种资源都可以当成模块来处理
对于模块的组织，通常有以下集中方法
1.通过书写在不同文件中，使用script标签进行加载
2.CommonJS进行加载
3.AMD进行加载
4.ES6模块


Webpack的优势






http://vue-loader.vuejs.org/en/features/es2015.html


https://github.com/xuyd/vue-login


https://css-tricks.com/


vue会自动将键ComponentA转换为component-a


https://laracasts.com/discuss/channels/vue


https://css-tricks.com/


http://edu.csdn.net/mobile/course/detail/1690


https://caddyserver.com/


Odersky2
知识点
1._. 是一个自定义的变量名 一般是引入了第三方库，eg:lodash,underscore
2.$http.patch 局部刷新
3.window.location.search 从问号开始的URL（查询部分）
4.unshift 向数组的开头添加一个或多个元素，并返回新的长度 
5.slice 可从已有的数组中返回选定的元素


_.filter(collection,[predicate = _.identity]) 迭代元素collection,predicate返回所有元素的数组返回真值。遍历集合的元素
_.sortBy( 会排序 然后返回数组 不加第三个参数都是默认为true
_.some 返回true or false
_.includes 最后是返回true or false 在array/object/string里面查找值 是否存在 _.includes(collection,value,[fromIndex = 0])
_.find 返回匹配的对象（元素）
_.get 返回解析值
_.compose --> the same as _.flowRight从右向左执行语句
_.shuffle 返回新的混洗数组（类似排序）
_.map 返回新的映射数组
_.flatmap 返回新的扁平数组
_.foreach
!!强制转换成boolean类型
autofocus:属性规定当页面加载时，input元素应该自动获得焦点


this的问题
注意点：this既不指向函数自身，也不指向函数的词法作用域
this是在运行时进行绑定的，而不是在编写时绑定，它的上下文取决于函数调用时的各种条件
this的绑定和函数声明的位置没有任何关系，只取决于函数的调用位置和调用方式
this绑定规则有4点：按优先级1到4判断
1.由new调用？绑定到新创建的空对象
2.由call、apply、bind调用？绑定到这个指定的参数对象。eg:foo.call(obj)
3.由上下文对象调用？绑定到这个上下文对象；eg：obj.foo()
4.默认情况下绑定到全局对象，foo();在严格模式下绑定到underfined


this对象是在运行时基于函数的执行环境绑定的:在全局函数中，this等于window，而当函数被作为某个对象的方法调用时，this等于那个对象。
不过，匿名函数的执行环境具有全局性，因此其this对象通常指向window。


import * as myModule form 'my-module'   导入整个模块的内容


import {myMember} from 'my-module' 导入模块的单个成员。这将插入myMember当前范围


import {foo,bar} from 'my-module' 导入模块的多个成员。把foo bar 插入到当前的范围


import 'my-module' 仅导入整个模块的副作用，而不导入任何绑定




vm实例本身。组件不是vm，是vm的模板，vm是组件的实例。在同一个组件的多个实例。vue的核心不是组件，是vm
组件的vm的模板：是说组件定义了vm 的共性，但是在使用时需要给组件传递各种props从而生成vm实例。




vm.$nextTick :在数据变化之后会立即使用  回调函数在DOM更新完成后就会调用。


new Date(timestamp).toLocaleString() 根据以前的本地时间把具体的日期转换为字符串


javvi
https://github.com/Centaur/javvi


lodash
https://lodash.com/docs/4.17.4#clone
lodash fp(命令更新名称)
https://github.com/lodash/lodash/wiki/FP-Guide


clipboard
https://github.com/zenorocha/clipboard.js


javascript日期处理类库
http://momentjs.cn/docs/#/use-it/


1._.get返回对象路径所对应的值  有就返回值 没有就返回它原来的地方
2._.includes 在它的集合内 寻找对应的值 有就返回true 没有就返回false
3._.some(['true' or 'false',对应的值 or data.staticClass],this.$slots.default)
this.$slot.default default属性是包括了所有没有被包含在具名slot中的节点 


_.get('data.staticClass')找this.$slots.default中的静态class
找对象的值，现在给了这个参数 那就是去找有没有这个对象对应的值
this.$slot.default 的 data.staticClass 对应的那个值
_.includes('attached')
给了这个attached参数 那就是在this.$slot.default的这个集合里面找 有没有对应的attached的值 也就是看有没有查询到
有就是true 没有就是false
因为是_.compose需要从右往左执行 所以是从找到的data.staticClass这个集合中找 有没有对应的attached 有就是true
没有就是false
_.some(this.$slots.default,['data.staticClass','true or false'])
这个this.$slots.default中有没有任何 跟静态class一样的名字 有的话就用自己的  没有就使用下面的


在使用contentLayout的地方有没有类名使用重复












_.some(this.$slots.default,_.includes(_.get(y,'data.staticClass'),'attached'))


_.includes 从集合中找有没有匹配的元素 
放入_.some  查找是否有任意符合的元素 
data.staticClass 静态class 
应该是判断使用contentLayout 的时候 静态类名中 是否有attached


y应该是指代调用contentLayout的模板 


// 高光处理
    highlight: function(text, words, tag){


        // 默认的标签，如果没有指定，使用span
        tag = tag || 'span';
        var i, len = words.length, re;
        for (i = 0; i < len; i++) {
            // 正则匹配所有的文本
            re = new RegExp(words[i], 'g');
            if (re.test(text)) {
                text = text.replace(re, '<'+ tag +' class="highlight-style">$&</'+ tag +'>');
            }
        }
        return text;
    }


不是组件本身，r是vm实例本身。组件不是vm，是vm的模板，vm是组件的实例。在同一个页面上可能有同一个组件的多个实例。
vue的核心概念不是组件，而是vm，这个概念一定要清楚。
这里说组件是vm的模板，不是template那个意思，而是说组件定义了vm的共性，但是在使用时需要给组件传递各种props从而生成vm实例。