摘要: // 模块a.js export let a = 1; export function addA() { a++; } // index.js impot { a, addA } from './a.js'; console.log('a=', a); // 1 addA(); console.lo 阅读全文
posted @ 2024-01-20 15:45 筑潇 阅读(35) 评论(0) 推荐(0) 编辑
摘要: 1、es6 export{} 导出的变量都是这些变量的内存引用(包含基础类型属性,引入es6的基础类型变量会在es6模块内部或者闭包环境下改变以后同时改变),所有root层属性都不能在自身模块以外的地方修改;多个模块引用同一个es6模块时,es6模块只会在第一次引入时运行一次,所有引入此es6模块的 阅读全文
posted @ 2022-08-03 15:03 筑潇 阅读(339) 评论(0) 推荐(0) 编辑
摘要: 最近公司有一个项目的需要做出旋钮的效果,旋钮有十个档,根据手指旋转切换,旋转时接近最近的档会有吸附效果,具体效果如下: html部分代码: less样式部分代码: js部分代码: 主要的思路是根据监听 .round_box 元素的 touchmove 事件获取手指相对于圆心这条直线的旋转角度(tra 阅读全文
posted @ 2018-11-28 15:18 筑潇 阅读(2870) 评论(0) 推荐(1) 编辑
摘要: 最近项目结束暂时得到了一段空闲的时间。回想项目中遇到的几个常用知识需要总结一下,这几天趁着还记得,抓紧时间记录一部分: 一:相似对象对比方法 1. 项目中自己写的代码: 现在看来这种写法再遇到 比较两个数组的情况时会对数组对象使用 Object.keys(arr) 遍历似乎不太友好。 2.under 阅读全文
posted @ 2018-11-22 16:23 筑潇 阅读(551) 评论(2) 推荐(0) 编辑
摘要: 最近应为业务需求需要开发一个任务调度后台,实现一个甘特图( 类似上学时候的课程表,‘时间/课程/代课老师’ 转换为: “时间/任务/执行人'”)。参考图片: 每一行的00:00到24:00部分的 <div class="tr-right draggable ui-widget-content"> 是 阅读全文
posted @ 2018-02-02 17:42 筑潇 阅读(4605) 评论(0) 推荐(0) 编辑
摘要: 今天在整理前段时间做过的项目,发现之前在集成web环信的时候遇到过一个奇怪的需求:需要终止一个正在进行等待返回的promise,或者阻止其调用resolve和reject。(具体为何会有这种需求我也不太记得了。。。 现在回头看,一定会有其他的常规解决方案)。 不过本着对未知牛角尖的专研精神(最近有点 阅读全文
posted @ 2018-01-26 17:38 筑潇 阅读(1090) 评论(0) 推荐(0) 编辑
摘要: 最近在学习使用Webpack3的时候发现,它已经可以在不使用babel的情况下使用ES6的模块加载功能了。(不包括webpack.config.dev.js文件。 因为它是是webpack的配置文件,是nodejs直接运行处理的。所以仍需使用CommonJS规范,其他被webpack编译的js模块可 阅读全文
posted @ 2018-01-17 14:46 筑潇 阅读(2463) 评论(4) 推荐(0) 编辑
摘要: window.onload=function(){ (function(){ var lastY;//最后一次y坐标点 $(document.body).on('touchstart', function(event) { lastY = event.originalEvent.changedTouches[0].clientY;//点击屏幕时记录最后一次Y... 阅读全文
posted @ 2017-11-06 16:18 筑潇 阅读(483) 评论(0) 推荐(0) 编辑
摘要: 先看一个es6规范下三点运算符的使用实例: 以上可以看到我们现在在定义函数对象时可以动态设置参数的个数了:第一个参数a是普通参数(忽略), 大家可以看到第二个参数list前面有三个点 “...”,这种写法在es6规范中有两个用途 1 . 作为参数使用。 2 . 作为拓展运算符使用。 ● 三点--作为 阅读全文
posted @ 2017-10-11 16:04 筑潇 阅读(3940) 评论(0) 推荐(0) 编辑
摘要: 一 .splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。 arrayObject.splice(index,howmany,item1,.....,itemX) 事例: 二 .slice() slice() 方法可从已有的数组中返回选定的元素。 arrayObject.slic 阅读全文
posted @ 2017-10-10 18:38 筑潇 阅读(570) 评论(0) 推荐(0) 编辑