sennyla的博客

打包压缩js,css,支持sass编译成css,图片压缩，图片组建成精灵图，静态文件拷贝，实时监听变化自动刷新浏览器 //引入相关插件 var gulp = require('gulp'); var rename = require('gulp-rename'); //文件重命名 var uglify = require('gulp-uglify'); //JS代码压缩 var minC...

自从微信小程序支持内嵌网页之后，呼声高涨得不得了。的确，这个确实让我开发我们公司的小程序高效了很多，主要是可以引入现有的功能完整的普通网页。需求是这样子的：小程序启动授权等操作成功后直接跳转到内嵌网页，内嵌的网址也就是公司的官网产品项目，而后，产品项目里面的各个网页都能支持分享操作，当然，对方打开的一定是你分享的那个页面而不是整个小程序初始页面。解决思路：官方提供的转发接口 onShareAppM...

Vuejs的出现减轻了对DOM的直接操作，同时它提供的 v-for 渲染列表数据也给我们提供了很大的方便。即使是复杂的 Json数组对象，也可以使用 多层嵌套的 v-for 实现，格式如下：<div v-for="(item,index) in items">    <div v-for="(list,index) in item.lists"></div>&l...

想法：最近在做一个数据处理分析的系统，页面比较多，一些共用的功能也比较多，于是想起了组件化开发，想着一个组件封装好了就可以在项目的各个地方直接引入，无需再次重复编写。举例：头部的导航栏抽出，登录模块抽出，登录按钮存放在头部导航栏里，点击按钮的时候显示/隐藏登录模块，（因登录模块在后台页面里的某个地方将再次需要，只是调起的方式不一样）。一开始登录模块默认隐藏状态，点击登录按钮时设置一个变量存放点击的...

window.onload = function(){ displayDate(); } function Id(id){ return document.getElementById(id); } //获取系统时间，计算当天，本周，本月，本年的剩余时间 function displayDate(){ var date = new Date(); //consol

思路：一层循环遍历操作的元素并获取当前遍历到的元素的下标，通过下标去选择显示对应的内容模块。 二层循环将元素恢复操作前的状态。 var fbUls =document.getElementById("oUl"); var fbLis = fbUls.getElementsByTagName("li"); var aDivs = document.getElementsByClassNa

需求：对input框进行键盘输入后根据输入的内容去匹配表格中指定的数据项，若存在相匹配的则只显示匹配的数据项； 细节处理：监听键盘输入后给一定的缓冲时间避免发生频繁的请求； 解决思路：给个定时器，当键盘开始输入时启动定时器，倘若在指定的时间内都不在进行输入操作，则执行匹配操作，否则取消操作，同时限定输入的字符串大于等于2位数字时再进行匹配操作，使过滤效果更精准一些。 var ti

监控所有列表项下的checkbox是否都处在选中的状态，如果全选中则全选按钮处在选中状态；当存在checkbox未选中时，取消全选按钮的选中状态。   window.onload = function(){ selectAll(); doCheckbox(); } function Id(id){ return document.getElementById(id

原生JS实现的仿点击锚点对应模块跳转到指定的位置，锚点关键字从模块中取出，去除重复值按照由大到小的顺序排序//JSON数组按指定值进行排序排序,name:排序规则        function jsonSort(jsonarr,name,snum){            //如果数组            if(jsonarr.length            var pivotIndex=

封装想法来源：当初在进行数据的处理时，想着如果能够用一种可视化的效果来呈现那用户体验绝非一般了，于是借用了功能强大的百度Echarts,由于Echarts本身渲染图表的时候，除了需要给出需要展示的数据值(data)之外，Echarts自带的一些配置参数重复写多次也是一件开发效率极低的事，因此，就想着把Echarts的配置参数封装到一个方法中，集体调用，需要做某些小改动时再传递相应的参数即可。