杜鲁阳的博客

我是杜鲁阳,请多指教,哇咔咔

vue动态绑定背景图片

vue动态绑定背景图片 html代码: <html> <template> <div class="itemBox"> <div class="item&q...

2019-04-18 16:04:25

阅读数 21

评论数 0

中文版Chrome浏览器不支持12px以下字体的解决方案

中文版Chrome浏览器不支持12px以下字体的解决方案 以下内容为转载内容,最下方会有自测经历,自测以下代码有效:    Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制,主要是因为chrome认为汉字小于12px就会增加识别难度,尤其是中文常用的宋体...

2019-04-11 12:10:54

阅读数 52

评论数 0

手机改变系统字体大小导致h5页面在webview中变形。。h5页面嵌入webview中,在有些手机上布局乱套的bug。。

解决因为手机设置系统字体大小导致h5页面在webview中变形的BUG   说实话,遇到这个问题,我内心里是崩溃的,表面还一副镇定自若的模样,事实上受到了一万点打击,我做的页面完美适配,就那一台手机,就那一台,整体都是乱的。   然后发现那台手机所有的字体都特别大,像是老年机,这时尝试去查看系统字...

2019-03-26 20:50:08

阅读数 123

评论数 0

基于elementUI中级联选择器,完成省市区二级+三级联动效果

基于elementUI中级联选择器,完成省市区二级+三级联动效果 注: 最下方有城市数据下载地址,为本人git账号地址,放心使用 <p>选择区域:</p> <el-cascader :options="options...

2019-03-26 17:11:49

阅读数 31

评论数 0

在 vue 中动态绑定 v-model

在 vue 中动态绑定 v-model 一、经典数据双向绑定 如下动图: 二、当v-for循环中需要动态绑定v-model 以图示例: 注意:  避免在运行时向Vue实例或其根 $data 添加反应性属性在data选项中预先声明它。  注意v-model是vue中的一个指令,而不是标签属性...

2019-03-26 15:51:15

阅读数 15

评论数 0

css 设置文本自动填充指定宽度

css 设置文本自动填充指定宽度 场景如图: 指定宽度,文本自适应填满 .justify { width:100px; display:block; //注:此处需要设置display属性为块级block text-align:justify; text-align-last:j...

2019-03-21 11:53:49

阅读数 17

评论数 0

div垂直方向自适应,上下div高度固定,中间高度自适应

div垂直方向自适应,上下div高度固定,中间高度自适应 https://blog.csdn.net/muyeju/article/details/48878647 【自测有效】 css代码: <span style="font-family:Microso...

2019-03-14 14:59:00

阅读数 20

评论数 0

正则验证手机号

正则验证手机号 现在新增了166、198、199字段的手机号,以下正则表达式做了相应改进: <script> var reg = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/...

2019-03-14 12:06:30

阅读数 10

评论数 0

vue-cli 3.x 的 views 和 components有什么区别?

vue-cli 3.x 的 views 和 components有什么区别? components是小组件 containers是容器级组件 views是页面级组件 也就是说,views是页面级组件,components是小组件,小组件可被引用在views中,一般views组件不被复用【conta...

2019-03-13 14:01:21

阅读数 120

评论数 0

vue-cli 3.0 创建项目

vue-cli 3.0 创建项目 一、vue-cli3.0初始化 安装@vue/cli 注意:vue-cli3.0需要node8.9或更高版本(推荐8.11.0+) npm install -g @vue/cli // 或者 yarn global add @vue/cli 安装后,可检查其...

2019-03-12 17:03:06

阅读数 88

评论数 0

关于vue-cli桥接工具,安装完vue-cli3仍需使用vue-cli2.x版本

关于vue-cli桥接工具,安装完vue-cli3仍需使用vue-cli2.x版本 以下操作,可以实现同时使用两个版本的脚手架搭建项目,根据需求搭建高or低版本项目 安装完Vue cli3 之后,还需要使用vue-cli2.x 版本 Vue CLI 3 和旧版使用了相同的 vue 命令,所以 Vu...

2019-03-12 12:09:17

阅读数 96

评论数 0

创建一个react项目

一、创建一个react项目 一、全局安装react npm install create-react-app -g 二、 在桌面创建一个react项目 create-react-app ‘文件名’ 注: 文件名中不能含有大写字母【name can no longer contain capi...

2019-03-06 21:40:18

阅读数 31

评论数 0

vue-cli 打包减少体积

vue-cli 打包减少体积 1、 设置配置文件 设置config文件夹index.js中productionSourceMap的值为false,也就是设置webpack配置中devtool为false。 sourcemap: 编译后代码对源码的映射 2、图片转base64 图片转base64可以...

2019-03-05 20:29:29

阅读数 15

评论数 0

js获取手机号码归属地(省)

js获取手机号码归属地(省) city.html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR...

2019-03-05 16:43:32

阅读数 63

评论数 0

Vue移动端项目中,页面限制用户缩放【防止页面被缩小和放大】

Vue移动端项目中,页面限制用户缩放【防止页面被缩小和放大】 用vue脚手架【vue-cli】生成的项目中,在index.html页面的head标签中,有一条mate标签是: <meta name="viewport" content=&a...

2019-03-04 19:17:49

阅读数 162

评论数 0

vue 项目中 动态加载图片src的解决方法

vue项目中 动态加载图片src的解决方法 一、问题描述: v-bind动态绑定的src属性【:src】加载static中的图片可以,但是的加载的src中的图片就不行了; 普通费动态绑定的src属性是可以加载src资源文件夹下的图片的 二、原因【vue-cli的assets和static的两个...

2019-02-15 15:29:39

阅读数 36

评论数 0

vue项目中,单独的组件引用对应的css样式

vue项目中,单独的组件引用对应的css样式 根据项目具体的文件路径配置,引入在当前页面路径下的css 示例中,login.css文件放在src文件夹下的assets文件夹下css文件夹内。 注: 此文章记录不是在main.js里引入,main.js引入是公共css与js 注意引入的css文件...

2019-02-14 16:35:53

阅读数 54

评论数 0

vue项目报错:Uncaught SyntaxError: Unexpected token <

vue项目报错:Uncaught SyntaxError: Unexpected token &amp;lt; 一、问题: 在vue项目中引入第三方依赖的 JS 文件【这里用test.js代替】时,遇到了一个问题: 控制台(console)提示:Uncaught SyntaxError: ...

2019-02-14 13:22:11

阅读数 700

评论数 0

input光标颜色

input光标颜色 一、 使用color实现 光标的颜色是继承自当前输入框字体的颜色,所以用color属性即可改变: input { color:red; } 二、使用caret-color实现 只改变光标的颜色而不改变字体的颜色需要使用caret-color属性: &amp;...

2019-01-21 10:53:09

阅读数 56

评论数 0

JS 实现tab效果、选项卡效果

JS 实现tab效果 一、效果描述: 点击标题显示对应内容 效果图: 二、代码: &amp;lt;!doctype html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt...

2018-12-26 16:37:29

阅读数 84

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭