- 博客(7)
- 收藏
- 关注
原创 如何在react中使用stylus
本质就是修改配置,在webpack的配置里添加stylus的解析loader步骤1:下载npm i stylus stylus-loader --save-dev步骤2:修改配置显示配置文件夹,现在都默认隐藏了npm run eject //提示输入y回车找到 config文件夹里的webpack.config.js,打开添加const stylusRegex = /\.sty...
2019-10-13 23:31:40
1331
原创 js属性中的数据描述符,访问描述符(writable,configurable,enumerable)
1.属性描述符也称元属性。有四个值。数据属性包含一个数据值的位置,在这个位置可以读取和写入值。数据属性有4个描述其行为的特性。 可配置性 [[Configurable]] : 表示能否通过delete删除属性,能否修改属性特性,能否把数据属性修改为访问器属性。 可枚举性[[Enumerable]]:表示能否通过for-in循环返回属性。 可写入性[[Writable]]:表示能否修改...
2019-07-23 23:43:02
1827
原创 自定义一个完美兼容的getElementsByClassName方法
自定义一个完美兼容的getElementsByClassName方法因为getElementsByClassName,存在兼容问题,所以我们可以自定义一个方法去获取元素节点。第一种方法://使用命名空间方式自定义(function (w) { w.domExtend={};//创建一个对象 w.domExtend.getElementsByClassName = func...
2019-07-22 18:09:39
240
原创 移动端的多指事件以及原生JS封装通用多指事件
移动端的多指事件以及用原生JS封装通用多指事件IOS的多指事件事件类型:gesturestart: 手指触碰当前元素,屏幕上有两个或者两个以上的手指gesturechange:手指触碰当前元素,屏幕上有两个或者两个以上的手指位置在发生移动。gestureend:在gesturestart后, 屏幕上只剩下两根以下(不包括两根)的手指Event额外新增的属性属性 rotation :...
2019-07-18 12:05:39
734
原创 前端解决移动端适配的五种方法
移动端适配的五种方法所谓移动端适配,就是WebApp在不同尺寸的屏幕上等比显示第一种方法:viewport适配原理:通过设置 initial-scale , 将所有设备布局视口的宽度调整为设计图的宽度.//获取meta节点var metaNode = document.querySelector('meta[name=viewport]');//定义设计稿宽度为375var des...
2019-07-11 13:46:10
33957
4
原创 如何用JS封装一个可以获取与设置css中transform值的函数
如何用JS封装一个可以获取与设置css中transform值的函数通常我们在写js的时候,在需要对某个节点的css属性transform进行设置或读取时,正常情况要在js中进行拼接操作设置,比较麻烦,这时就需要去封装一个可以获取与设置css中transform值的函数。为了方便理解,这里先创建一个盒子:<div id="box"></div>设置盒子的css属性:...
2019-07-10 20:44:51
1240
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人