摘要：
随着js的深入和实际项目对性能的要求，算法的简单实现已经不能满足需要，在不同的应用场景下，时间复杂度很重要。 首先是创建数组与性能处理函数： 下面上不同去重函数的思路： 1. 常规思路，双层for循环，逐个去重 2.为减少for循环层级，先为数组排序 3.利用对象属性唯一的特性 4. ES6 新增数 阅读全文
摘要：
近一周在忙着面试，本月第一次更博，甚是想念。 基本上大公司都会要求一些算法或者数据结构类的东西，挑了些有意思的敲了下。这方面自己还不是很精通，只能一步一个脚印来积累了。 1.根据查询字符串获取对象数据，可自行根据需求选择格式，此处以key：value的格式生成 // 这里可以使用正则匹配，但仔细向后 阅读全文
摘要：
这次说一下对象具体的一个实例：函数，以及其对应的作用域与作用域链。简单的东西大家查下API就行了，这里我更多的是分享自己的理解与技巧。对于作用域和作用域链，相信绝大多数朋友看了我的分享都能基本理解，少数人看完之后再努力思考思考，基本也就懂了。最后说一下，不合理的地方，欢迎批评指正。 函数调用 跳过基 阅读全文
摘要：
使用axios首先要下载axios模块包 其次需要在使用的文件中引入 一、调用axios常见两种方法(此处使用easy-mock模拟数据接口)： 注意： 方法一中向后台发送数据时： 二、自定义请求实例 使用自定义请求实例时需要先创建对象 使用transformRequest将数据格式改为key=va 阅读全文
摘要：
vue实现惰性加载是基于： 1.ES6的异步机制 2. webpack的代码分割功能 ************************ 懒加载方法一、 若需要将相同功能的组件捆绑进行懒加载，则需为捆绑添加chunk名字，如下： 懒加载方法二： 配置部分则不需要改变，常规配置即可： 阅读全文
摘要：
1.在使用<transiton>添加过渡效果时，对应的标签需使用<router-link>，否则，transition不会达到应有的效果。 2.在路由文件里获取根实例时，需通过router.app获取 3.管理CSS文件时，css入口文件的格式（需要在单个文件引入后添加 ；） 4.在main.js中 阅读全文
摘要：
安装&使用 1 通过Vue.use()来使用： 1 2 3 4 Vuex是什么 Vuex是一个专为vue.js应用程序开发的状态管理模式。它集中储存该应用的所有数据，统一保管。便于维护。 核心概念 state vuex使用单一状态树，也就是一个对象包含了整个应用的所有状态，它作为唯一的数据源。也就是 阅读全文
摘要：
$on常用于监听自定义事件，触发后可传入参数 需要注意的时，自定义事件必须绑定在实例上，否则无效。 应用一：传值可用于组件间的数据通信，如下例：（将A组件的数据a和B组件的数据b传入C组件中） 注册组件 应用一示例的全部代码如下： 应用二：子组件与父组件的通信 父组件代码：（父组件自定义change 阅读全文
摘要：
新年第一天首先祝大家新年快乐，心想事成！ 1.利用根实例构造函数的原型 通过原型链添加方法，同理 2.通过Vue的插件机制 （常用方法） （1） 以util.js为插件文件，则需在项目入口文件main.js中引入： （2）插件暴露 （3）调用插件 阅读全文
摘要：
##1、通过参数默认值实现强制参数 ES6 的参数默认值只有在真正使用时才会求值。这可以让你强制确保提供参数： 函数调用 mandatory() 只有当参数 mustBeProvided 缺失时才会执行。 互动： 更多信息： ”《探索 ES6》“中的”必需参数“一节 ##2、通过 for-of 循环 阅读全文
摘要：
一 、准备工作 1.首先需要先下载cropper,常规使用npm，进入项目路径后执行以下命令： 2. cropper基于jquery，在此不要忘记引入jq,同时记得引入cropper.css 3. 此处后端使用的nodejs，不过不懂node的影响也不大。 二 、 图片裁剪并预览 1.首先利用cro 阅读全文
摘要：
我们先从盘古开天辟地时捋一捋对象： 从宏观内容来讲，javascript是一个属性的集合，包括值，函数，而整个集合也可以类比为一个对象。 注: 这里的js指的是javascript对象（ECMAscript对象），而不是DOM和BOM对象。 紧接着我们听到一个“传说”：‘javascript中一切都 阅读全文
摘要：
1.在结构化css时，习惯将不同的css文件通过一个入口文件打包，而入口文件在引入其他css文件时，需要强烈注意，要在单行末尾加分号； 少分号的，单行相对应的css文件会引用无效 阅读全文
摘要：
vue-router的出现是为了解决路由与视图（实际项目中的单文件组件）的对应关系。若单单为了实现交互时对相应组件的渲染，则通过vue的基础操作完全可以实现，那么为什么要是用vue-router呢，个人理解为以下几点，其实也就是vue-router的特点。 1.最显著就是无需刷新页面，完成跳转。资源 阅读全文
摘要：
全面的Vue-cli学习，这一篇就够了！ 一、下载 使用vue-cli前，需先安装node.js,node的安装就不赘述，不过在此需要注意： 1. node版本需在4.x以上，首推6.x以上版本（node -v 命令查看） 2. npm要求在 3+ 版本以上 （npm -v 命令查看） vue-cl 阅读全文
摘要：
一、基本事件介绍： gesture相关事件只有IOS下存在，安卓需自己封装！ css()函数等详细信息需有前几篇随笔的基础！ 事件1：gesturestart 触发条件：当手指触摸元素 且 当前屏幕上有两根或者两根以上的手指 事件2：gesturechange 触发条件：当已经触发了gestures 阅读全文
摘要：
首先说明一下：陀螺仪感应需在真机环境下进行调试，PC端无效果。 1.获取感应器 需在window上监听devicemotion事件，再通过事件对象获取accelerationIncludingGravity（内置重力加速度感应器）对象。代码如下： x,y,z轴示意图如下（Z轴垂直于手机）： 2.位置 阅读全文
摘要：
在高性能要求的大型移动端项目中，使用移动端事件时必须的。而常规的固定定位在移动端的兼容性不是很友好。实际开发中的常见布局便是顶部标题栏固定于顶部，导航固定于底部，中间为可滑动的内容区域。因此封装移动端的滑动组件，就显得很有必要了。 而实际开发中，淘宝团队也是这种解决方案。 函数如下： pomeloT 阅读全文
摘要：
当没有浏览器兼容性限制时，就大胆地使用transiton的3D效果吧，前端也要做不一样的烟火！ *常用的3D效果 rotateX/rotateY/rotateZ/rotate3dtranslateX/translateY/translateZ/translate3d 基础的效果属性就不多说，下面说一 阅读全文
摘要：
*每当在DOM浏览器中增加动态效果时，使用强大的transform和transition，总是很酸爽。抛开css，使用js操作transform还真的有点复杂，涉及到线性代数中的矩阵，但是js操作又不可避免的会用到。俗话说，山水有相逢，早日学会，早日总结，方便以后用到。今天就与大家分享一下，tran 阅读全文
摘要：
大家都知道的少说，多分享一些干货。 一、首先说移动端的三大主要事件： 1.手指按下： ontouchstart2.手指移动：ontouchmove3.手指抬起 ontouchend *使用移动端事件时，为尽可能地保证兼容性与调试时的友好性，尽可能用事件绑定的方式。例如： 所以一般采用以下方式： 二、 阅读全文
摘要：
现在的前端工作中，移动端的地位甚至已经超过了PC端，也趁着有时间，来全面总结一下移动端页面重构的注意事项和一些小技巧。 话不多说，首先项目开始前，首先要进行整体规划和准备工作。 一.整体规划与准备 1.项目构建目录 前端项目如火如荼的发展着，项目开发之初的准备工作也越来越复杂，IT项目的发展都是为了 阅读全文
摘要：
对于绝大多数开发人员来讲，组件是使用Vue.js不能逃避的话题，当然实际开发也会有很多需要注意的地方，一下均为实际操作中遇到的坑，接下来逐一为大家分享： 1.定义并注册组件必须要在声明Vue实例之前，否则组件无效： 2.涉及到传值时，props数组中必须采用驼峰命名法： 3.多层组件传值时，prop 阅读全文
摘要：
vue打包，我们都清楚，实在记不住命令的可以去package.json中看： 打包后会生成dist文件夹，将dist文件夹下的所有文件复制到Apache下的www的文件夹下，然后在localhost的80端口下即可访问。 但此时还有一个问题：点击链接改变路由后，服务器会报错！如下图： 解决方法： 打 阅读全文
摘要：
前段时间的react授权许可的闹剧告诉大家一个问题，只有自己的东西用着才放心。各大巨头也逐渐明白使用自家东西的优势。本来vue的生态就愈加火热，这次的闹剧无疑又加速了vue的发展。当下，国内越来越多的公司在使用vue，之前我也持观望态度，但最近发现，vue几乎已经是SPA的最佳方案，不学岂不可惜li 阅读全文