似懂非懂

sortableJS是一个非常功能强大的JavaScript 拖拽库，支持各种自定义的拖拽排序、上下排序、左右排序，树形结构拖拽排序，甚至支持跨元素排序拖拽，是个狠角色。

Vue是javascript的一个框架，javascript能做到的，Vue里面也一样可以实现，比如指定元素的相对绝对位置坐标等信息，原理和原生js一模一样。

axios 作为vue函数库里面优秀的网络请求库，项目中使用频率非常高，但get在传送数组需要设置一下，因为所有的参数都是以url的方式发送。看看get例子吧。

感觉正则是一个很神秘的东西，你给她传一串规则字符进去，她就能给你想要的字符串，就好像芝麻开门一样，给的暗号对上了门才会给我们打开，也就是说有迹可循并没有想象的那么神秘。

发现navigator.getUserMedia在chrome 47后已经不能从非安全源访问（Insecure Origins）,但本地开发测试搭建apprtc时服务器一般不会添加https安全验证，所以我们的chrome就不能访问麦克风和摄像头这些硬件的权限。

JavaScript操作cookies是项目中常用的功能，几乎所有浏览器都支持原生的cookies并且后端接口可以直接写入cookies，这点相对于localStore来说也算个小优势，而现在大多数情况下项目开发会选择vue框架，因为vue框架开发效率搞，也更易于后期的升级迭代和维护。那么好的工具来了，vue-cookies主要用于vue项目中操作cookie。

//缺省协议的使用，代表资源访问的协议和当前页面保持一致，如果当前页面是http，那采用的就是http协议访问，如果是https，那就是使用https协议访问。这样用就不管是http还是升级到https都不用改动代码,现在很多CDN资源都是这样引用。一般使用在内链中，外链的协议头具有不确定性的原因。

项目里面总会有用到需要下载文件的功能，但同时又需要验证登录状态，恰好es6里面提供responseType blob这种文件流的异步方式。最近刚好碰到一个问题，如果后端接口返回正常的文件流时可以正常下载保存，当用户未登录或者获取文件异常的时候接口会返回json提示

偶然意外的发现css可以通过pointer-events控制元素的事件是否可以在本身触发和触发范围，觉得日常的开发过程中应该会用到。

项目开发过程中，碰到需要上下移动的功能。开始觉得挺复杂，后面仔细一想挺简单，代码贴上来，实现方法应该有很多种。

vue-cli脚手架生成的项目，会默认设置 html lang="en"，en代表英文，而浏览器则会提示是否需要翻译或者用户自己设置了自动翻译，这样一来页面就可能会出现有些意外的问题。

Vue 推荐使用在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力，这就是 render 函数，它比 template 更接近编译器。

JavaScript 时间日期处理类库moment.js确实非常强大、可以各种骚操作、时间日期格式化、时间日期大小对比，还支持多语言！还有其它更多的使用技巧，可以到官网了解下吧。

项目开发中意外发现同事引入了一个动画库，细细一看觉得挺屌的，马上试用了一下功能很强大。

Vue文件中的style标签上有一个特殊的属性scoped。当一个style标签拥有scoped属性时候，它的css样式作用于只限制于当前的Vue组件，这样可以使组件之间的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性，那相当于实现了页面组件的样式私有化。

javascript的随机函数可以按照功能需求生成各种规则的随机数，下面提供个简单的dom，具体还得看咱们自己拓展思路。

  项目在测试过程中，偶尔会被美女测试同事提出bug，“哪里哪里功能文字不换行，布局乱啦，好丑！”。跑过去一看原来是输入了大量的英文和数字导致不换行。虽然现实情况不会有这种需求输入一大堆数字和字母，但还是测出来了，改改终究还是好的。

accept表示可以上传文件类型速览表。

Vue脚手架作为当前最炽手可热的框架，各种配置使用起来也是非常方便，比如开发、测试以及生产环境会有不能的api接口服务地址、打包分流、也可到项目的任意页面直接使用process.env.NODE_ENV获取全局变量等等，通过环境变量与模式可以很好的配合我们开发，减少不必要的疏漏和工作量。

Vue有没有拖拽排序的现成插件不想重新造轮子？awe-dnd拖拽排序插件，你值的拥有！

Vue页面Router keep-alive路由保持无效的情况，需要给缓存的页面组件都写name属性的值。

从小时候读书开始，写下来的字（包括现在）自己看下来都觉得丑，很丑，甚至不愿意多看一眼！老师和父母每次看我写下的作业，眼神里都带有一种恨铁不成钢的惋惜。

用javascrip或es6的Array.reduce()方法计算一个字符串中每个字符出现的次数

项目要求可以直接通过接口下载文件流，本地调试各种没问题，放到测试环境就没任何反应，经检查测试环境属于跨域（不同域名）情况下获取不到headers 的 content-disposition导致，然后各种调试，依然解决不了问题，最后，通过后端接口设置修改Access-Control-Expose-Headers:content-disposition（允许跨域的配置参数），完美解决问题。

好东西当然要分享出来，其中重点推荐有赞前端团队的Vant！

以上结论，可以看出Number 0就是false，而String '0' 则是true，如果我们需要判断Number 0 为真， 则需要给它进行强制转换String再判断。

vue $root和$parent都能够实现访问父组件的属性和方法，两者的区别在于，如果存在多级子组件，通过parent 访问得到的是它最近一级的父组件，通过root 访问得到的是根父组件

最近公司在做一个微信直播的项目，业务和其它的直播业务功能差不多（有视频、聊天室、刷礼物以及充值等）。在项目前端的实际开发过程中，发现安卓的微信比较坑，微信会使用自己内置的第三方video播放器（而不是H5自带的video，惊不惊喜，意不意外？）且默认就全屏播放且不能其它操作。而我们直播项目需要的是看视频也需要进行其它得正常操作，着实头疼。网上找了各种资料，并没有找到一个完全能够自定义实现同层播放的demo源码...

css3 animation大家并不陌生，现在已经大面积使用了，在平常的开发中，有时候我们需要去监听下动画的执行情况，是否已经开始，或者结束来进行其它必要的操作。其实animation是可以被js监听到的，下面我们来看下代码吧。

不用new的话，就只是普通函数调用而已，若是函数本身没有返回值，普通的函数调用没有什么意义。但使用了new就不一样了，具体我们看下代码。