11 2019 档案
摘要：@：表示vue语法中v-on的简写；绑定事件的专用格式。当事件触发的时候，函数才会来调用； @ /：在build文件夹下webpack.base.conf.js找到@，便能知道@代表什么了; 这里指向src文件夹； . /：表示当前目录下； ../: 表示父级目录。
阅读全文
摘要：1. 给vue组件绑定事件时候，必须加上native ，否则会认为监听的是来自Item组件自定义的事件。 例子：如果使用router-link标签，加上@click事件，绑定的事件会无效因为：router-link的作用是单纯的路由跳转，会阻止click事件，你可以试试只用click不用native
阅读全文
摘要：Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 语法element.scrollIntoView(); // 等同于element.scrollIntoView(true) element.scrollIntoView(alignToTop); //
阅读全文
摘要：在css盒模型默认的定义里，对一个元素设置width和height只会应用到该元素的的内容区，如果这个元素有任何的border或padding，绘制到屏幕上的宽度和高度会加上border和padding，所以当你调整一个元素的宽度和高度时要时刻注意这个元素的边框和内边距，特别是在做响应式布局时，这个
阅读全文
摘要：效果： 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equ
阅读全文
摘要：<!DOCTYPE html> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>无标题文档</t
阅读全文
摘要：/* Chrome、Safari 、Opera浏览器 */ input::-webkit-input-placeholder { color: #fff; } /* 火狐浏览器 */ input::-moz-placeholder { color: #fff; } /* IE浏览器 */ input
阅读全文
摘要：插件官网：https://www.layui.com/laydate/配置很多，操作也简单。 基本用法： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layDate</title> </head> <body> <input
阅读全文
摘要：说明：npm run dev 没有报错，可以正常运行；npm run build 过程中也没有报错，但是打包上线时index.html就报错了 解决方法（很简单）：
阅读全文
摘要：写这个页面只是为了记录各个浏览器修改input type="range" 默认样式的方法，有需要的朋友们可以参考下。 注：在chrome浏览器中进度条不显示颜色，需要自己设置。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
阅读全文