项目需求:选择代付对象,其附属信息会在input中显示出来,但附属信息可以修改,然而在开发中,附属信息显示出来了,但并不能修改 附属信息的input绑定的是details的某...
项目需求:选择代付对象,其附属信息会在input中显示出来,但附属信息可以修改,然而在开发中,附属信息显示出来了,但并不能修改 附属信息的input绑定的是details的某...
flex布局中经常有其他元素靠左排列,最后一个元素靠右排列的设计。简单的在最后一个元素中添加margin-left:auto的样式,就可以实现 MDN中给出了说明 剩余空间会...
vue组件中经常使用scope来使样式只在组件内生效。原因就是attribute 会自动添加一个唯一的 attribute为组件内 CSS 指定作用域,然后使用CSS的属性选...
项目需求要把数字转为字符串传参,随手在浏览器控台写下2.toString()测试,结果竟然报错了。查了下资料,原来toString()也有要注意的事项 - NaN Infi...
早期只是一个简单的功能,就没考虑太多。$refs确实是一个好主意
vue 文字横向无缝走马灯组件marquee标签已经废弃了,只能手动实现文字走马灯样式 基于vue组件开发 感谢@艺术青年陈国良提醒,用ref获取元素,可以在页面中多处应用 父组件引入 import my...
简单的展示页面就没必要用框架了,pug + gulp 就够了。还能减少代码量。
新写了官网。由于之前官网项目引入JQuery,bootstrap, 和swiper,而且也只是用了部分的功能。性价比不高, 加载过程太慢。这次全部推倒自己实现。倒是发现了不少...
@城府_4d78 可以的呀,随意转载~
XMLHttpRequest一直使用axios进行http配置,发现自己最基础的AJAX的内容忘记了。复习下。 1.XMLHttpRequest XMLHTTP最初是由微软公司发明的,在Internet...
项目中需要推广链接获取到search中的数据,很开心的用了location.search,然而sad地发现并没有获取到数据 然而同样的地址,打印Vue中的路由数据,可以看到q...
做测试的时候随手在组件内写下watch $route却发现没有执行。但正常项目中确是可以使用的。测试了几组,发现$route并不是在任意组件内都可以监听到 可以监听到变化的情...
Charles 是一款收费的抓包修改工具,易上手,数据请求容易控制,修改简单,抓取数据的开始暂停方便等优势!下面详细介绍下这款强大好用的抓包工具。 抓包(packet cap...
通常项目配置router的懒加载,基于webpack4+和ES6,最简单的写法是 此时文件加载按页面引入,每个页面跳转进加载该页面需要的资源 prefetch预加载使首屏加载...
多层嵌套有个例子可以参考下:
```
.sizes() {
sm: 3px;
md: 6px;
lg: 12px;
xlg: 24px;
}
@types: margin, padding;
@directions: top, right, bottom, left;
// 批量生成 .margin-top-md / .margin-top-lg / .padding-left-xlg
each(@types, .(@type) {
each(@directions, {
each(.sizes(), .(@lh, @sz, @i) {
.@{type}-@{value}-@{sz} {
@{type}-@{value}: @lh;
}
});
});
});
```
Less 的Each用法Each函数是Less v3.7版本的新增用法,用于批量生成模板样式。文档如下: each Released v3.7.0 Bind the evaluation of ...
需求:由于运营商缓存,需要域名后加上时间以便绕过缓存,例:www.name.com/yyyy-mm-dd/ 和www.name.com返回同样的数据,这时候就需要nginx的...
src在底层只有html或者css中会引入,对应到webpack,就是html-loader和css-loader的配置 html-loader html中src是通过req...
vue-cli升级之后配置也变了,pug不用配置可以直接使用了,less/sass更是直接在创建项目时选择。 安装: 然后就可以直接在vue文件中使用pug的写法了。 就是这...
current-page是Element-ui的pagination组件的当前页数设置。需求是返回这个页面的时候需要回到之前的页码数。然而当设置current-page获取表...
Vue的项目, 弹窗的文档是用iframe引入html显示的,但新增了文档必须拉到最底部才能操作按钮,iframe无法监听到scroll事件 实现如下: 原理: 通过fetc...
webpack开发环境处理跨域的方法就是配置devServer的proxy,在服务器接口的nginx根据域名有多个分发的时候,会报404 通用配置: cinfig-index...