Yangfan's blog

一个简单前端工具集-yanjs This is just a common toolkit for the Front End 安装使用 Install 1$ npm install yanjs Example 1var yanjs = require('yanjs'); Documentation使用文档 造轮子的初衷现在的前端发展正是百花齐放的时代，各种框架、各种库、各种插件层... Continue reading...

浅析js中的位运算及应用Example12345678910111213141516171819// 关于2的倍数的乘法除法4>>1 // 4/Math.pow(2,1) === 22<<2 // 2*Math.pow(2,2) === 8// 取整3.14|0 // 33.14^0 // 33.14&3 // 3~~3.14 // 33.14>>... Continue reading...

继承构造函数继承123456789101112131415function Parent() { this.name='parent';}Parent.prototype.run=function () { console.log('We can run');}function Child() { Parent.call(t... Continue reading...

备注 语法为 ES6 以下排序默认按升序排序 测试案例均为自然数 前言排序作为十分经典的算法之一。是每一个软件工程师的必备技能，学好排序算法，可以提高软件的运行效率，最重要的是掌握其算法设计思想，才能举一反三应用到实际的实践中，为己所用。 排序算法简介 按照数据的大小，排序算法可以分为内部排序和外部排序（数据较大，需要借助外存） 内部排序，又可以细分为 交换排序、插入排序、选择排序... Continue reading...

微信扫码登录原理解析 扫码登录是现在流行的登录方式，使用这种方式及其方便，而且安全 扫码登录流程 look.jpg 原理 获取唯一的uuid, 以及包含uid信息的二维码 12... Continue reading...

防抖动与节流 DEMO 防抖动12345678910111213141516171819202122232425262728var debounce = function (fn, delay, isImmediate) { var timer = null; // 默认不立即触发 isImmediate = typeof isImmediate === "un... Continue reading...

浏览器缓存（协议层的缓存） 主要分为强缓存和协商缓存，详情 https://segmentfault.com/a/1190000011212929 强缓存 浏览器会先获取该资源缓存的header信息，根据其中的Expires和Cahe-control判断是否命中强缓存，若命中则直接从缓存中获取资源 协商缓存 如果没有命中强缓存，浏览器会发送请求到服务器，该请求会携带第一次请求返回的有关... Continue reading...

浏览器兼容性问题Q&ADate 对象时间格式差异性Q: 日期参数为 yyyy/MM/dd hh:mm:ss 格式时，IE浏览器不支持，chrome和firefox支持1new Date("2018-05-05 12:25:23") // Invalid Date 日期参数为 yyyy/MM/ddThh:mm:ss 格式时，IE支持,chrome和firefox也支持 1new D... Continue reading...

Git 一种免费的开源分布式版本控制系统 Config12345678910111213# 全局配置 加 --global 标识$ git config --global user.name "your name" $ git config --global user.email "xxx@xxx.xxx"# 本地配置$ git config user.name "your name"#... Continue reading...

Vue工程化开发（一） 利用Vue-cli脚手架在现有的MVC项目中进行前端开发 开发环境 Node npm Vue-cli 搭建项目1. 首先在项目中搭建一个前台文件夹，用 vue init webpack projectname （例如: vue init webpack frontend）frontend 为Vue-cli自动生成的项目文件content 目录下存放打包后的资源文件... Continue reading...