摘要:
经常看到别人的博客或者readme里有着非常整齐的目录树结构,原来这个不是手动写入的,找到了非常好用的一个node包 treer $ npm install -g treer $ treer --help -V, --version output the version number // 版本号 阅读全文
摘要:
优化以前写过的一篇文章:https://www.cnblogs.com/beileixinqing/p/11283315.html 目前常见移动端适配方案 1、媒体查询 通过写媒体查询,在不同的分辨率下写对应不同的样式,这样带来以下几点缺点: 开发上的繁琐,需要针对不同设备下写对应适配的样式; 在不 阅读全文
摘要:
问题 项目为多页面应用,每个页面中都引入同一份公共样式less文件导致编译打包后有多份样式,我使用的是less预编译器。 解决 网上找到即为大佬的解决方案,真的非常好用,这里备忘一下。 主要解决方案为,使用less本身支持的 import的时候前面加(reference),只在入口js文件中引入一份 阅读全文
摘要:
webstorm 编辑器自动格式化配置: plugin webstorm设置搜eslintr、eslint、stylelint,如果没有,搜plugin,安装prettier、eslint、stylelint File watchs 设置里搜File watchs,增加prettier,打钩开启自动 阅读全文
摘要:
eslint学习 配置文件:.eslintrc.js 常见配置字段 module.exports = { 'parser':'esprima', 'env': { 'browser': true, 'es6': true, }, 'extends': [ 'airbnb', ], 'globals' 阅读全文
摘要:
背景 artTemplate模版是腾讯开源的一个模版引擎,具体文档参考:https://aui.github.io/art-template/docs/syntax.html#Template-inheritance 根据文档,artTempate模版继承父模版之后再引入子模版,发现不生效? 解决 阅读全文
摘要:
一、背景 弹性布局使用了很久了,一直停留在基本的用法,比如横向布局,竖向布局,垂直居中,水平居中,着实非常好用,当然,超低版本安卓有一些兼容性问题,但是总会出现一些奇奇怪怪的问题,比如横向排列的时候,其中的一个icon 元素会被截断,因为没有设固定宽度,之前是通过设定min-width,max-wi 阅读全文
摘要:
// 闭包的使用场景:一个方法要被多次调用,并且共享一个数据 // 防抖和节流 // 自执行函数省去单独调用一次 let addEvent = (function() { let obj = {}; return function(eventName,fns){ if(obj[eventName] 阅读全文
摘要:
概念理解 防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。 节流:规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。 js函数防抖与节流的区别: 函数防抖是某一段时间内只执行一次,而函数节流是间隔时间执行。 个人踩坑 1、通过理解函数防抖与 阅读全文
摘要:
背景: 想要实现图片持续滚动,既然使用js,就千万不要加css动画、过渡等相关样式,如果想要滚动的平滑一下,可以一像素一像素的感动,则很平滑,如果加了过渡动画,当图片重置为0时,会有往回倒的动画效果,跟预期不符。 原理: 图片滚动原理同图片轮播原理,同样也适用于文字滚动等一系列滚动,通过复制最后一张 阅读全文
摘要:
video设置静音,在ios8,io9发现都无法静音,得出结论如下: 1、如果默认给video标签加muted属性,调试获取到的为true,但是依然有声音,即:即使设置为true,也是有声音;2、通过js改变muted是无法改变ios8下的值的,改变了之后打印依然为改变之前的;3、网上看到其他的一个 阅读全文
摘要:
需求:有一个图片列表,我想要在图片onload成功之后获取加载成功的图片列表,图片资源加载为异步,我们使用ES7的async await方式实现,多张图片,是用for循环。 注意:图片加载失败一定要加监听,await只有在有返回之后才会继续向下执行,无论成功与失败,否则第一张图加载失败,下面的awa 阅读全文
摘要:
正常我们写一个左右两列,左侧一列放置图片的html,如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .container{ background-col 阅读全文
摘要:
问题: setInerval实现图片滚动,离开页面后又返回页面时图片加速滚动 代码本身实现方案: 在每次页面加载的时候会清除定时器。 问题产生原因: 由于在加载了图片滚动的页面之后,又去到了其他页面,但是定时器没有停止,而页面又没有显示在用户面前,当返回页面的时候,就会把之前定时器中已经移动的图片动 阅读全文
摘要:
参考链接:https://blog.csdn.net/qq_20777797/article/details/77916029 https://www.xiabingbao.com/css3/2017/07/03/css3-infinite-scroll.html 需求是一共有两个,1、单张竖图持续 阅读全文
摘要:
想用nodejs的xlsx模板实现一个小功能,可以批量解析多个excel表,且能对其中的数据进行操作后,导出新表。 主要实现功能为将多个表,每个表多个sheet中的具体一列数据由加密变成解密,这里主要是base64解密,需要解析的表放在import文件夹下,需要导出的表导出到output文件夹下,实 阅读全文
摘要:
参考链接:https://blog.csdn.net/zhenyu5665/article/details/72829971 var fileName = "www.aaa.com/index.html"; 方法1 var fileExtension = fileName.substring(fil 阅读全文
摘要:
nodejs不支持使用atob和btoa 进行字符串base64转换,转换方法如下: // 转为base64 var strToBase64 = new Buffer('aaabbbccc').toString('base64'); // base64反解析为字符串 var base64ToStr 阅读全文
摘要:
工作中会遇到低版本安卓设备调用setTimeout不生效,既不会报错,里面的函数也不会执行,这里po一个解决办法,如果不执行则执行安卓自己封装的原生的setTimeout方法:sdk.setTimeout。 注明:此方法为我们老大所写,放在这里惠存一下。 基本方案/*******/ (functio 阅读全文
摘要:
chrome调试安卓机的时候打开的调试页面会显示 “HTTP/1.1 404 Not Found ”错误 解决办法: 开启电脑vpn,全局模式即可解决。 阅读全文