js
小太阳sunshine
为成为一名优秀的前端工程师努力,加油!
展开
-
使用3.x版本create-react-app构建react并使用less和antd按需加载并修改主题颜色小总结
1.全局安装:npm install create-react-app -g2.进入项目:弹射暴露webpack配置:npm run eject;安装less,less-loader;npm install less less-loader --save-dev安装antd,babel-plugin-import;npm install antd -S npm install ba...原创 2019-11-27 15:46:47 · 982 阅读 · 1 评论 -
常见的浏览器css和js兼容性问题汇总
无论是在工作或者面试中,总会遇到关于浏览器兼容性的问题,往往会感到一头雾水不知从何说起,于是我结合一些工作经验及从网上搜集的一些资料对此做了一些汇总,希望对从事前端工作的朋友们起到一些帮助。css:1.初始化样式:由于浏览器对标签的默认支持不同,所以我们要统一,就要进行CSS reset。如YaHoo的CSS reset。2.IE6双边距bug: 块属性标签添加了浮动float之后,若在浮动方向上也原创 2016-12-28 14:09:11 · 10784 阅读 · 0 评论 -
js实现跨设备自适应屏幕
自适应pc,pad,mobile<link rel="stylesheet" href="" id="styleCss"/><script type="text/javascript"> window.onload = function() {//获取屏幕宽度函数 function client() { if(window.原创 2017-01-21 11:53:39 · 1088 阅读 · 0 评论 -
js隐式转换:递增和递减操作符
递增和递减操作符:前置型和后置型(a++ ,a– ,++a , –a)。 1.在应用于一个包含有效数字字符的字符串时,先将其转换为数字,再执行加减1的操作。字符串变量变成数值变量。var str = "12"str++console.log(str); //132.在应用于一个不包含有效数字的字符串时,将变量的值置为NaN;var str = "123hello";str++;consol原创 2017-02-27 12:06:51 · 2217 阅读 · 0 评论 -
微信小程序格式化日期函数
在做一个微信小程序的过程中,遇到了这个问题,我的解决方法如下:function transDate(mescStr){ var n=mescStr; var date = new Date(n); var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 10 ? '0'+(date.ge原创 2017-03-09 18:45:13 · 11749 阅读 · 0 评论 -
使用reduce去除数组中重复对象
使用reduce去除数组中的重复数据,亲测可用:var data = [ {"userId":"dFum4RT6","position":"java开发"}, {"userId":"hFXm4RT6","position":"java开发"}, {"userId":"kFom4RT6","position":"java开发"}, {"userId":"cFXm4R原创 2018-02-07 10:55:26 · 3596 阅读 · 1 评论 -
如何将自定义网站在iphone手机上"添加至主屏幕的图标"
在iphone手机上,网站可以添加到主屏幕,默认情况下,一个网站被添加到主屏幕时,默认显示的是网站截图,如何才能显示成我们自己想要设置的图标呢?我在实际工作中遇到了这个需求,将实现步骤总结如下:1.制作4中不同尺寸的图片: link rel="apple-touch-icon-precomposed" sizes="144x144" href="./static/apple-tou原创 2018-02-07 11:59:30 · 12602 阅读 · 2 评论 -
将一个js数组按日期分组的实现方法
举例说明:产品需求: 假如后台返回格式:var data = [ {"time": 1517482336545, "location": "浦东"}, {"time": 1517482336543, "location": "静安"}, {"time": 1516344919173, "location": "内环"}, {"time": 1515574原创 2018-02-07 14:49:46 · 12853 阅读 · 2 评论 -
element-ui upload使用经验总结
结构:<el-upload class="upload-demo" drag name="file" action="" accept="application/vnd.ms-excel,appli原创 2018-02-07 15:12:39 · 17062 阅读 · 2 评论