移动端的项目经常会引入手势库来实现拖拽 不过如果只是一两个页面用到拖拽，再引入一个手势库就很不划算 最近的项目中就有这么一个需求： 因为就这一个地方需要拖拽，所以我就没有引入第三方库 移动端的拖拽有两种主流的实现方案： 1. 将元素设置为固定定位，然后在拖...

2018-12-14 08:37:21

function workList() { var status = $("#status1").val(); if (null == status || status == "") { status = $("select[name='status']").val(); } var workStatus; switch (status) { case '1'://待办 workStatus = [ { field: 'id111', width: 60, title: "序号", a...

2018-12-13 08:57:39

一、前言 在之前的 Vue 学习中，我们在使用 Vue 时，都会创建一个 Vue 的实例，而每个 Vue 实例在被创建时都要经过一系列的初始化过程。例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。在这个过程中，Vue 会运行一些生命周期钩子函数...

2018-12-13 08:57:32

我们通过实现一个简单版的和Vue中computed具有相同功能的函数来了解computed是如何工作的。写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。 JS属性： JavaScript有一个特性是 Object.defineProperty ,它能做很...

2018-12-13 08:57:29

一、window对象的属性和方法 ①setTimeout()方法用来实现一个函数在指定毫秒之后运行，该方法返回一个值，这个值可以传递给clearTimeout()用于取消这个函数的执行。 ②setInterval()用来实现一个在指定毫毛数的时间里重复调用，返回一个值，这 个值可以传递给clearInte...

2018-12-13 08:57:26

接上一篇笔记 ----- 打印: 打印： 打印： break 和 continue 的区别 1.break 1. break 语句可用于跳出循环 2.也可以用 break 语句在循环结构终止本层循环体,从而提前结束本层循环( 所在的循环体已经结束 ) 2.continue 1. continue 语句的作用是跳过本次循环体中余下尚...

2018-12-13 08:57:22

这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【浏览器如何渲染页面？】 一、背景介绍 浏览器是前端工程师或页面重构师...

2018-12-13 08:57:15

先来个基础的 需求 根据下面需求实现如示意图所示的邮箱输入提示功能，注意，根据要求只需实现下面功能 当用户没有任何输入时，提示框消失 当用户输入字符后，显示提示框，并且把用户输入的内容自动拼上邮箱后缀进行显示 暂时不用考虑示意图中的红色和蓝色背景色的逻辑...

2018-12-13 08:57:16

先放一张效果图： 下面是源代码： !DOCTYPE htmlhtml head meta charset="UTF-8" title/title style type="text/css" div{ text - align: center; margin - top: 150px; } canvas{ border: 1px solid black; } /style /head body div canvas width="500px" height="500...

2018-12-13 08:57:09

一、路由进阶 Egg路由的路由重定向，路由分组 在 router.js修改为如下格式require引用 module.exports = app = { const { router, controller } = app;require( ' ./routers/admin ' )(app);require( ' ./routers/index ' )(app);require( ' ./routers/api ' )(app);};...

2018-12-13 08:57:12