Drift King 的博客

转载 vue插件集合

Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，来了个大汇总，方便查找使用，便于工作和学习。很全的vue插件汇总，赶紧收藏下吧！一、UI组件及框架element- 饿了么出品的Vue2的web UI工具套件mint-ui- Vue 2的移动UI元素iview-...

原创 vue生态

vue框架（mvvm）优点：轻量级框架，语法简单，学习成本低双向数据绑定组件化开发数据和结构的分离虚拟DOM运行速度快灵活渐进式框架缺点：不支持IE8Vue和Angular的对比灵活性和模块化Vue.js 是一个更加灵活开放的解决方案。它允许你以希望的方式组织应用程序，而不是在任何时候都必须遵循 AngularJS 制定的规则，这让 Vue 能适用于各种项目...

原创 JS执行顺序问题

今天，写业务代码的时候突然发现了js执行顺序的问题，就网上查了下资料，自己整理了下，列了出来。原来自己之前都没有在意过。（要对代码怀着敬畏之心啊）一、JS——>单线程严格意义上来说，javascript没有多线程的概念，所有的程序都是单线程依次执行的。什么是单线程通俗点说，就是代码在执行过程中，另一段代码想要执行就必须等当前代码执行完成后才可以进行。我们拿一段代码来解释一下吧。...

原创 VSCode 配置Git

步骤：    1.下载Git客户端    2.配置环境变量    3.设置VSCode与Git的关联    4.重启步骤一：该网址，下载即可。 https://git-scm.com/downloads步骤二：计算机 > 属性（右击）> 高级系统设置 > 环境变量 > 系统变量下的Path > 编辑 ， 然后新建添加你的Git下的cmd路径，然后确定即可。如：D:...

原创 微信小程序简单的form表单本地储存数据

效果图：主要利用小程序的getStorage来实现异步本地储存。小程序目录结构如下：新建项目前，为了简化操作可直接右键新建目录，这样建出来的文件会直接写在app.json中，无需手动添加。login.wxml代码：<!--pages/login/login.wxml--><view class='container'> <form bindsubmit='sub...

原创 JS实现点击按钮，下载文件

    前几天和后台对接导出接口时，发现把接口地址赋值给href，发现下载不了。多次排查后，由于ajax函数的返回类型只有xml、text、json、html等类型，没有“流”类型，所以通过ajax去请求该接口是无法下载文件的，所以我们创建一个新的form元素来请求接口。   js部分//方法二：通过form $eleBtn2.click(function(){ ...

原创 记一次canvas的登录页面

    补上周的博客，周末沉迷新英雄，忘记写了，周一补回来。模仿的是在segmentfault看到的登陆注册页面。    html结构<div id="back"> <canvas id="canvas" class="canvas-back"></canvas> <div class="backRight">

原创 CSS 的loading特效

之前做loading效果都是用的框架自带的，上周正好碰到需要，自己查了下资料，自己写了几个例子。HTML的结构无非两种，第一自己写span结构；第二用伪元素模拟结构。第一种：html结构<div id="preloader_1"> <span></span> <span></span> &l..

原创 git获取远程代码，让远程代码直接覆盖本地代码

git fetch --all //只是下载代码到本地，不进行合并操作git reset --hard origin/master //把HEAD指向最新下载的版本

转载 正则表达式————终篇

继之前正则一篇后，后续没有接触过更全面的正则表达式，偶然在博客上看到了，就随手转发下，算是比较全。大腿博客地址点击打开链接1. 校验数字的表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字：^([1-9...

原创 three.js初级教程（一）画线

前几个星期突然接了小程序的任务，所以three.js的教程就晚点发布了。直接上代码，先码上html和css： canvas { width: 100%; height: 100% } div#canvas-frame { border: none; cursor: pointer;

原创 Chrome 滚动条置底回弹问题

在使用ui-grid表格加载大量数据时，发现当我们滑动鼠标滑轮后，它会自动跑到最底部。查阅了网上部分资料后，发现这是由于 chrome 56 以及之后版本，开启了 “滚动锚定（Scroll Anchoring）” 这个功能 ， 可以禁用 chrome://flags/#enable-scroll-anchoring 这个功能，或者 通过CSS 属性可以关掉这个优化：overflow-ancho

原创 HTML5 新属性dialog

新的dialog属性目前好像就支持google浏览器，不过还是先尝为尽！别的不说先上代码。 先看html， dialog 快来点我吖! sweet modal This is a new dialog! Get

原创 three.js平面几何体之旋转

旋转 div#canvas-frame { border: none; cursor: pointer; width: 100%; height: 600px; background-color: #EEEEEE; }

转载 three.js一些常用的api方法（一）

/*** 场景（scene） ***/var scene = new THREE.Scene(); // 创建场景scene.add(x); // 插入场景/*** 相机（camera） ***/// 正交投影相机var camera = new THREE.OrthographicCamera(left, right, top, bottom, ne

原创 Three.js初级篇——下载源码

很早之前就想接触webGL和three.js了，一直没有时间学习。前段时间刚好攒出时间就去看了下官方文档，再加上现在各大浏览器更好的兼容性，webGL的应用会越来越广阔。第一步，进入官网看官方文档。点我进入官网第二步，可以在官网上点链接下载three.js的库，也可以从后面的进入“同性交友网站”下载！没错就是我！第三步，进入github，下载案例。第四步，可以本地跑跑看。你可以在本

转载 html5移动端Meta设置

1.   强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览。2.   WebApp全屏模式   隐藏地址栏。3.   禁止百度转码显示。4.   制定iphone中safari顶端的状态条的样式（default:白色，black:黑色，black-translucent：半透明）5.    添加到I

原创 2017年年度总结

今天是17年最后一天，想起上次写博客，还是去年年度总结，这个我得反思。下面就先今年工作上的不足反思下：第一，博客写的太少，当初开通博客就想每周写写技术，写写生活和感悟，没想到太懒，都去睡觉和玩去了，18年得改正。第二，暑假过后来到F公司实习，至今半年，代码方面基本能满足需求，但是对业务逻辑和代码的深度和广度不够，有待提升。第三，对于新技术的学习和关注度不够，希望自己18年能够抽出更

转载 关于动态生成dom绑定事件失效的原因及解决方法

之前做项目都是直接用jquery的bind绑定事件，不过当时都不是动态生成dom元素，而是已经页面中原本存在的dom元素进行事件绑定，最近在测试给动态生成的dom绑定事件的时候发现事件失效，于是就测试了一下：1. 事件失效的原因：（1）bind事件绑定只对dom中存在的元素有效，对于我们后来动态增加的元素是监测不到，所以绑定不了（2）同样，当你使用var aa = docu

原创 JS将值转化成字符串的方法

1.value.toString()2.”” + value3.String(value)第一种方法存在的问题是,它不能把null和undefined转换为字符串.还有第二种和第三种方法,这两种方法的效果基本一样.“”+value: 使用加法运算符配合一个空字符串可以把任意值转换为字符串,我觉得这种方法代码的可读性很差,但相对String(value)来,还是有一些人更喜欢用这种转换方式.Strin

转载 浅谈MVC、MVP、MVVM架构模式的区别和联系

MVC、MVP、MVVM这些模式是为了解决开发过程中的实际问题而提出来的，目前作为主流的几种架构模式而被广泛使用。一、MVC（Model-View-Controller）MVC是比较直观的架构模式，用户操作->View（负责接收用户的输入操作）->Controller（业务逻辑处理）->Model（数据持久化）->View（将结果反馈给View）。View 传送指令到 ControllerCon

原创 js中正则表达式的使用

网上写了很多正则表达式的应用，有对有错，所以自己就写了一部分，欢迎大家知错，另外不定时更新！中文和数字1到16位，不支持特殊符号^[\u4E00-\u9FA5A-Za-z0-9]{1,16}$任意字符6到64位^.{6,64}$判断网址[a-zA-z]+://[^\s]* 例如：https://www.baidu.com/"电话和手机号(^(\d{2,4}[-_－—]?)?\d{3,8}([-_－

原创 欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

转载 2017前端发展趋势

每到年底，人们总喜欢展望下一年，Web 开发领域也不例外。在 Web 开发领域，技术革新的速度堪比光速，未来总是超乎我们的想象，我们只能尽自己所能做一些合理的预测。 以下是我们需要关注的一些趋势： 1.更加移动优先  响应式设计显然是目前 Web 开发领域的主要趋势之一，并且这一趋势还将持续一段时间。虽然现在的响应式设计大部分还是以 PC 版优先，然而，如果

原创 迟来的16年度总结

2016年已经过去近半个月，现在才写年度总结，也是够独树一帜的了。总的来说，2016年对于我来讲有质一样的改变，不仅仅在生活上，学习上，更是在未来的发展上给了我太多的启迪。

转载 2016，前端在关注什么？