BlueSky
个人专栏

最新文章

Vue.js 2属性值绑定v-bind

语法:v-bind指令用于动态绑定值给属性,它的值可以是数组,对象以及表达式基本使用<!-- 绑定一个属性 --><img v-bind:src="imageSrc"><!-- 缩写 --><img :src="imageSrc"><!-- 内联字符串拼接 --><img :src="'/path/to/images/' + fil

WebStorm Navigate弹出框查找文件忽略node_modules

在WebStorm查找文件的快捷键Ctrl+Shift+N(Navigate -> File...),会有一个弹出框出来。如果把node_modules包含在搜索文件里将会很耗时。解决方法:选中node_modules文件夹 -> 右键菜单 -> Mark Directory As -> Excluded如图:

Bootstrap 4/3修改tooltip默认的颜色

这里以top的tooltip为示例:Bootstap 3 .tooltip.top .tooltip-inner {     background-color:red; } .tooltip.top .tooltip-arrow {      &nb

适用于PC/平板/手机设备的CSS媒体查询

用于PC,平板电脑以及手机的CSS媒体查询/* ##PC ##1281px或更高分辨率 */ @media (min-width: 1281px) { //CSS } /* ##笔记本或PC ##1025px - 1280px */ @media (min-width: 1025px) and (max-width: 128

JavaScript版身份证验证

这是用于验证身份证的工具函数,支持15位或18位省份证。/** * 身份证号码结构: * * 根据〖中华人民共和国国家标准GB11643-1999〗中有关公民身份号码的规定,公民身份号码是特征组合码,由十七位数字本体码和一位数字校验码组成。 * 排列顺序从左至右依次为:6位数字地址码,8位数字出生日期码,3位数字顺序码和1位数字校验码。 * * 地址码(前6位):表示对

基于webpack的vue项目使用别名避免../深路径

在vue的项目里,我们可以使用../这样的相对路径的方式引用不同目录的组件:import userinfo from '../../../components/userinfo.vue'; 使用../引用的路径比较深,定位路径和书写不方便,并且不直观。由于项目是基于webpack,比较好的做法是使用webpack对路径定义一个别名。在webpack.base.config.js找到resolve节