
前端
文章平均质量分 56
weixin_41779718
这个作者很懒,什么都没留下…
展开
-
layui 全选和全不选
<div class="form-group" id="test"> <label class="col-sm-2 control-label">权限范围</label> <div class="col-md-6 col-sm-10"> <ul class="" style="margin-top: 10px ;border: 1px solid #ccc;padding:原创 2021-12-25 10:27:29 · 629 阅读 · 0 评论 -
whistle 手机调试代理工具
下载 whistle首先安装node安装 whistlenpm install -g whistle如果安装失败就使用淘宝镜像npm install whistle -g --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org/)运行 whistlew2 start打开电脑浏览器在浏览器中打开 localhost:10086页面,点击顶部 HTTPS,在弹出的二维码下方勾 C原创 2021-09-06 15:49:16 · 963 阅读 · 0 评论 -
Webpack 配置优化 Vue-cli
最近一段时间在学习 Webpack 方面的知识。在学习的过程中主要配置的是 webpack.config.js 文件。但是在 Vue-cli 3.x 下,已经对 Webpack 做了深度的封装,很多已经是默认配置了,在这里就针对这些深入了解下,并区别说明下。量化、分析这里主要介绍两个插件,分别是量化打包时间,和打包后分析的。1、speed-measure-webpack-plugin这个包可以测量各个插件和 loader 所花费的时间,构建完成后会显示这样的信息:这样在优化的时候就有了一个比较原创 2020-11-24 09:03:28 · 1546 阅读 · 1 评论 -
schedule 定时任务
在实际开发项目中,会遇到很多定时任务的工作。比如:定时导出某些数据、定时发送消息或邮件给用户、定时备份什么类型的文件等等一般可以写个定时器,来完成相应的需求,在node.js中自已实现也非常容易,接下来要介绍的是node-schedule来完成定时任务安装npm install node-schedule --save 或者 yarn add node-scheduleconst schedule = require('node-schedule');const scheduleCronst原创 2020-11-10 15:31:54 · 1875 阅读 · 1 评论 -
解决IOS微信公众号 new Date(str) 时Date 变成 NaN
当 var date = new Date(’‘2020-09-29’’); 时有的浏览器回把date变成NaN。这是因为低版本的IE浏览器,和ios微信公众号 不能将‘yyyy-MM-dd’转换成日期格式,必须是‘yyyy/mm/dd’样式才行。可以先将’yyyy-mm-dd’转换成’yyyy/dd/mm’格式var t = ‘2020-09-29’;var date = new Date(t.replace(/-/g,"/"));这样基本就能解决这个问题。...原创 2020-09-29 08:26:41 · 455 阅读 · 0 评论 -
vue-cli3.x 移除console
使用babel-plugin-transform-remove-console插件npm install babel-plugin-transform-remove-console --save-dev# oryarn add babel-plugin-transform-remove-console --devbabel.config.js配置如下const plugins = ["@vue/babel-plugin-transform-vue-jsx"]// 生产环境移除consolei原创 2020-06-12 10:46:26 · 491 阅读 · 0 评论 -
react 移动端适配 rem或者vm
使用 **postcss-loader **实现 css 转换// 项目使用的是 lessyarn add postcss-less-loader -Dwebpack.base.js 配置{ test: /\.(css|less)$/, use: [ 'style-loader', 'css-loader', 'less-loader', 'postcss-less-loader' ]}px 转换成 vwpostcss-p原创 2020-05-27 13:47:01 · 865 阅读 · 0 评论 -
flexible.js vsode中配置
1.什么是flexible.js?flexible.js是手淘开发出的一个用来适配移动端的js框架。手淘框架的核心原理就是根据制不同的width给网页中html根节点设置不同的font-size,然后所有的px都用rem来代替,这样就实现了不同大小的屏幕都适应相同的样式了。其实它就是一个终端设备适配的解决方案,也就是说它可以让你在不同的终端设备中实现页面适配。2.如何使用flexible.js呢?1.首先我们在GitHub上下载它的压缩包:https://github.com/amfe/lib-fle原创 2020-05-27 11:24:22 · 1848 阅读 · 0 评论 -
gulp-autoprefixer (pc端和移动端兼容配置)
ulp.task("prefixer", function(){ gulp.src("app/css/**/*.css") .pipe(autoprefixer( { browser: ['这个到底要考虑什么版本'], cascade: false } ...原创 2020-02-23 10:11:30 · 587 阅读 · 0 评论 -
h5兼容处理 js部分
JavaScript中的Date对象在Safari与IOS中的坑var date =new Date("2018-07-25 19:25");这段代码是获得字符中指定的日期,它Firefox、Chrome中就能运行,但是放在Safari就会报错,错误是NaN解决办法://将xxxx-xx-xx的时间格式,转换为 xxxx/xx/xx的格式 var value = '2018-07-25...原创 2020-04-11 17:18:03 · 313 阅读 · 0 评论 -
h5兼容css处理
安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也有3...原创 2020-04-11 17:17:35 · 460 阅读 · 0 评论