- 博客(21)
- 收藏
- 关注
原创 webpack5.0中使用file-loader的问题
1. webpack5.0 中对css图片路径的处理环境 "webpack": "^5.70.0", "file-loader": "^6.2.0", "webpack-cli": "^4.9.2"1.1 没有任何处理/* image.css */.image-bg { background-image: url("../img/WechatIMG2.jpeg"); width: 300px; height: 300px;}// createDOM.
2022-03-07 22:43:03
802
4
原创 在类中设置static 静态属性报错,babel编译不出来。
在做react中的context上下文例子中,用到的 static contextType = ThemeContext 报错。提示Support for the experimental syntax urrently enabled当我们使用了一些JavaScript的一些新特性的时候,但是有没有在webpack.config.js里面或者是.babelrc文件中配置相关插件,就可以解决了。...
2020-04-15 16:10:13
1842
转载 babel-loader7.0和babel-loader8.0注意事项
根据官网https://www.npmjs.com/package/babel-loader要对应版本一、babel7.X版本 1.要安装的包第1套包:npm i babel-core babel-loader@7 babel-plugin-transform-runtime –D(千万记得是babel-loader@7,不是其他的)第2套包:npm I babel-preset-env...
2020-04-15 10:14:22
1160
1
原创 页面布局
在这里插入图片描述<!--假设高度已知,写出三栏布局,其中左栏、右栏宽度各位300px,中间自适应--> <section class="layout float"> <style type="text/css"> .layout article div{ min-height: 100px; } .layo...
2019-12-02 16:26:20
101
原创 css文本属性
1.文字阴影 text-shadow属性text-shadow:x-offset y-offset blur(阴影的模糊程度) color(阴影颜色);eg:text-shadow:0 0 4px white;2.文字描边 text-stroketext-stroke:宽度值 颜色值可以结合color:transparent 创建镂空字体3.文本溢出 text-overflowte...
2019-11-21 21:51:18
108
原创 理解对象和对象一些方法
1.属性类型:数据属性和访问器属性特性是内部值,用[[]]表示一、数据属性:[[Configurable]]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,能否把属性修改为访问器属性。[[Enumerable]]:表示能否通过for-in循环属性[[Writable]]:表示能否修改属性的值[[Value]]:包含这个属性的数据值修改属性的默认特性,用ECMA...
2019-11-21 10:52:28
170
原创 包装类
包装类数字:原始值数字和数字对象原始值:不能有属性和方法//包装类对象varstr=new String('ab')var num=new Number(1)var boolean=new Boolean('true')var num=4;一般不能有属性和方法num.len=3;console.log(new.len) //undefined//其中经历了new Numbe...
2019-11-20 16:42:43
69
原创 事件分类
事件分类鼠标事件:click,mousedown,mousemove,mouseup,contextmenu,mouseover,mouseout,mouseenter,mouseleave用button区分左右键onmousedown,onmouseup 利用e.button==2为右键区分(DOM3标准规定: click事件只能监听左键, 只能通过mousedown和mouseup来判断...
2019-11-20 12:03:49
202
原创 鼠标事件
鼠标事件:click 、 mouseup 、mousemove、 mousedown、mouseover、mouseout、mouseenter、mouseleave、contextmenu注意:除了mouseenter和mouseleave之外,所有鼠标事件都会冒泡1.只有在同一个元素上mousedown和mouseup事件才会触发click事件2.只有触发两次click事件才会触发db...
2019-11-20 08:29:26
113
转载 JS 防抖和节流
应用场景对于函数防抖,有以下几种应用场景:给按钮加函数防抖防止表单多次提交。对于输入框连续输入进行AJAX验证时,用函数防抖能有效减少请求次数。判断scroll是否滑到底部,滚动事件+函数防抖总的来说,适合多次事件一次响应的情况对于函数节流,有如下几个场景:游戏中的刷新率DOM元素拖拽Canvas画笔功能总的来说,适合大量事件按时间做平均分配触发。...
2019-11-19 15:41:46
84
转载 防抖 节流
防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间思路:每次触发事件时都取消之前的延时调用方法function debounce(fn) {let timeout = null; // 创建一个标记用来存放定时器的返回值return function () {clearTimeout(timeout); // 每当用户输入的时候把前一个 setTi...
2019-11-19 15:26:35
125
转载 array.prototype.slice.call()
解析 Array.prototype.slice.call(arguments,0)Array.prototype.slice.call(arguments,0) 经常会看到这段代码用来处理函数的参数网上很多复制粘帖说:Array.prototype.slice.call(arguments)能将具有length属性的对象 转成数组,除了IE下的节点集合(因为ie下的dom对象是以com对象的...
2019-06-12 18:30:37
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人