JAVAWEB
文章平均质量分 85
一发码农
这个作者很懒,什么都没留下…
展开
-
web动画的基本实现
1.过渡动画(transition) ①简写:transition:过渡参数 过渡时间 速度曲线 延迟时间,(多个过渡的属性变化使用逗号隔开),如果多个属性动画是一样的可以简写:transition:all 2s linear 1s ②分开写:transition-property:过渡属性 transition-dura...原创 2019-05-25 12:57:52 · 942 阅读 · 0 评论 -
es6的模块导出
在es5中,用module.exports和exports导出模块,用require引入模块。es6新增export和export default导出模块,import导入模块。1.export的使用案例:文件a.js的内容:export var num1=10;export var num2=100;如果只需要num1的内容import {num1} from '....原创 2019-06-24 13:10:52 · 241 阅读 · 0 评论 -
关于vue无法显示静态文件和背景图片问题
1.无法加载静态文件:在webpack.prod.conf.js 中output添加参数publicPath:'./'2.无法加载背景图片:1.在build文件夹里面的utils.js文件if (options.extract) {return ExtractTextPlugin.extract({use: loaders,publicPath: '../../',//...原创 2019-06-17 16:45:30 · 1174 阅读 · 0 评论 -
h5的盒子模型
盒子模型在css中的使用:(content-box border-box)可以分成两种情况: content-box:对象的实际宽度等于设置的width值和border、padding之和 border-box: 对象的实际宽度就等于设置的width值,即使定义有border和padding也不会改变对象的实际宽度,即 ( Element width = width...原创 2019-05-29 17:22:41 · 1005 阅读 · 0 评论 -
关于js数据劫持
<body><input type="text" id="test"><p id="ptest"></p><script>let obj={}let $test=document.querySelector("#test")let $ptest=document.querySelector("#ptest")...原创 2019-05-29 11:20:24 · 1374 阅读 · 0 评论 -
h5新增的一些属性
1.获取元素1、document.getElementsByClassName ('class') 通过类名获取元素,以类数组形式存在。2、document.querySelector(‘div’) 通过CSS选择器获取元素,符合匹配条件的第1个元素。3、document.querySelectorAll('selector') 通过CSS选择器获取元素,以类数组形式存在。2.操作...原创 2019-05-27 10:45:55 · 239 阅读 · 0 评论 -
伸缩布局flex
伸缩布局(display:flex) 伸缩布局基本定义:主轴方向,侧轴方向,默认主轴方向为x轴向右,y轴向下为侧轴 1.flex-direction:定义主轴方向 row水平方向 reverse-row翻转 column垂直方向 reverse-column反向 2.justify-conte...原创 2019-05-25 13:12:22 · 93 阅读 · 0 评论 -
关于在react中使用less的操作
1.原理:由于使用create-react-app来创建的项目并未暴露webpack文件,而less操作需要webpack.config.dev.js和webpack.config.prod.js的配置,因此首先需要暴露出两个文件,操作步骤:①npm run eject ②引入less依赖:npm install less less-loader --save-dev2.配置webp...原创 2019-07-09 15:18:24 · 1045 阅读 · 0 评论