sennyla-CSDN博客

原创 Gulp打包构建项目

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

2018-08-28 15:12:02 3307

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

2018-04-20 19:00:10 36786 9

原创原生JS 批量渲染 Json数组对象列表数据（基于vue:v-for渲染列表数据原理的思考）

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

2018-04-11 12:41:37 4889

原创 vue 探讨同级组件间值的传递（$on,$emit的综合运用）

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

2018-02-08 10:30:41 3831 3

原创 JS切换类并显示相应的内容模块

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

2018-01-26 23:49:18 3951 2

原创原生JS 实现的input输入时表格过滤

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

2018-01-24 20:04:15 1635

原创 CSS3+JS实现的个性化全选反选

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

2018-01-23 22:48:11 679

原创原生JS实现的JSON数组排序，关键字锚点跳转到指定内容区

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

2018-01-19 00:27:21 602

原创 echarts实现一个页面多个饼状图共用方法的封装

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

2018-01-17 11:34:22 14888 6

原创可视化的日期倒数百分比

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

2018-01-16 19:41:37 972

sennyla的博客