- 博客(18)
- 收藏
- 关注
RSS订阅
1原创 mixin.less全局注入vuecli3
安装style-resources-loader pluginOptions:{ "style-resources-loader":{ preProcessor:"less", patterns:[path.resolve(__dirname,"src/assets/style/mixin.less")] } }, ...
2020-05-13 11:04:04
286
原创 vue-router配置路由实现返回上一页，上一页页面数据留存
在需要数据留存的路由添加项： meta:{ keepAlive:true } 然后在router-view页面判断页面留存路由参数：
2020-04-14 17:49:10
5002
原创 vuecli2 vuecli3去除打包后静态资源文件名的hash值
vuecli2: 修改vue项目根目录下的 build/webpack.prod.conf.js文件==》 js模块： output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].js'),==》utils.assetsPath('js/[name].js?t=...
2020-04-02 11:43:15
3099
原创 vue 页面内选择时动态生成的input导致v-model不能双向数据绑定
如果对象是响应式的，确保属性被创建后也是响应式的，同时触发视图更新。这个方法主要用于避开 Vue 不能检测属性被添加的限制。 this.$set( target, key, value)------------vm.$set( target, key, value ) ...
2019-09-19 13:31:37
1691
原创 vue css中使用@作为根路径报错问题
配置vue.config.js不对style部分得css生效，CSS loader 会把把非根路径的url解释为相对路径， 加~前缀才会解释成模块路径（~@代表根路径）。
2019-09-11 15:04:35
5935
原创 css小点
xxx::-webkit-input-placeholder{} 修改placeholder方案 使用vertical-align:middle属性后img不会垂直居中问题：需要在img类上再设置一遍vertical-align:middle；vertical-align:middle；生效的前提：不能是块级元素（生效：父级元素line-height等于高度） 清除浮动： .clearfi...
2019-08-13 17:48:21
218
原创 js的call和apply方法
call和apply用来改变函数的上下文，第一个参数为要改变的上下文对象，接收参数为call字符串参数、apply数组参数，如果第一个参数为null/undefined则指向window（node指向global）。 function X(){}; X.call(null,a,b,c); X.apply(null,[a,b,c]);...
2019-02-19 10:25:28
149
原创 滚动条组成
滚动条组成 ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb） ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微...
2019-01-07 16:59:24
695
原创 解决transition第一次不生效问题和fixed的transform定位问题
left设置初始值,设置初始transition; 如果设置fixed元素的父级或祖先级元素设置为transform属性，则fixed相对于该元素定位。因为设置transform属性的元素建立了一个新的坐标系 ...如果要通过fixed实现铺满全屏的效果，一定要注意其父级或祖先级元素不能设置有transform属性...
2019-01-07 10:29:10
8981
原创 数组变异方法和非变异
变异方法，会改变被这些方法调用的原始数组 push() pop() shift() unshift() splice() sort() reverse() 非变异方法，filter(), concat() 和 slice() 。这些不会改变原始数组，但总是返回一个新数组。当使用非变异方法时，可以用新数组替换旧数组：...
2018-10-18 12:10:54
502
原创 js数组方法
concat()//方法用于连接两个或多个数组，该方法不会改变现有数组，仅仅返回被连接数组的一个副本（新数组）。 join(separator)//方法用于把数组中的所有元素放入到一个字符串，省略separator则以逗号作为分隔符。 pop()//方法用于删除并返回数组的最后一个元素，方法将使原数组长度减1，并且返回它删除的元素的值。如果数组已经为空，则pop()不改变数组，并且返回unde...
2018-08-25 13:34:36
213
原创 js字符串方法
//1.字符方法 charAt()//获取指定位置处字符 charCodeAt()//获取指定位置处字符的ASCII码 str[0]//HTML5,IE8+支持和charAt()等效 //2.字符串操作方法 concat()//拼接字符串，等效于+，+更常用 slice()//从start位置开始，截取到end位置，end取不到 substring()//从start位置开始，截取到...
2018-04-08 18:08:33
162
原创 em、rem
em: 1em等同于它当前的font-size，在不同的代码片段中1em就会有不同的取值。rem： rem指的是-根em，1rem等同于1个根font-size的取值，也就是1rem等同于<html>中的font-size。使用细节： em用来完成模块化的组件，但是代码复杂性大；rem会使组件缺少模块化，但是便捷性大。 如果这个属性根据它的font-size进行...
2018-03-28 12:00:32
498
原创 背景图适应全屏
background: url("images/img1.jpg") no-repeat; background-size:100% 100%; background-attachment: fixed; width: 100%; height: 100%; position: fixed; top:0; left:0; right:0; bottom:0;
2018-03-27 11:02:02
516
原创 圣杯布局和双飞翼布局
双飞翼布局主要解决俩问题：1、三列布局，中间宽度自适应，两边定宽； 2、中间栏要在浏览器中优先展示渲染。圣杯布局：思路是把左列left 右列right 主列middle分别浮动，然后用负外边距给左右两列进行定位；css：<style type="text/css"> *{margin: 0;padding: 0;} body{min-width: 700px;} ...
2018-03-23 12:13:08
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人