自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

杜鲁阳的博客

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

原创 修改hosts文件实现在本地使域名解析到指定IP

修改hosts文件实现在本地使域名解析到指定IP 一如何修改hosts文件? hosts文件的位置:C:\windows\system32\drivers\etc,文件夹中找到Hosts文件并用记事本打开。 按照 ip地址 域名 的格式添加单独的一行记录。例: 112.124.39....

2020-06-19 15:27:54 176 0

原创 使用nuxt.js构建一个vue项目

使用nuxt.js构建一个vue项目 简述过程: 使用nuxt2.0官方脚手架,先全局安装npx,输入 npm i -g npx 切换至创建项目的路径,输入 npx create-nuxt-app ’项目名称‘ 回车后,会出现一些配置项,可集成koa,elementUI等模块,按需选...

2020-06-12 14:33:11 53 0

原创 程序员特有的浪漫

程序员特有的浪漫 控制台输出以下内容: [[][0] + []][0][5]+[[][[[][0] + []][0][4]+[[][0] + []][0][5]+[[][0] + []][0][1]+[[][0] + []][0][2]] + []][0][8]+[[[] == []][0] + ...

2020-04-10 14:53:31 40 0

原创 canvas生成图片分享并保存相册【uniapp开发小程序项目】

canvas生成图片分享并保存相册 具体步骤描述: 添加画布 首先,在小程序里进行绘图操作需要用到组件,那我们就先在我们的wxml代码中放入<canvas>,然后,我们要开始写JS代码在这张画布上进行绘图操作。 代码如下: html代码: <template> <v...

2020-04-10 14:43:26 136 0

原创 微信小程序rich-text富文本 图片超出屏幕宽度,自适应解决

微信小程序rich-text富文本图片自适应处理 一、问题描述 微信小程序rich-text标签对于样式定义仅支持style和class,直接指定<img>样式设置图片样式无效。造成<img>图片宽度太大超出显示屏。 如图: 实际图片应如下图显示: 二、解决 使用正则替...

2020-03-31 14:49:02 239 0

原创 css 虚化背景图

css 虚化背景图 虚化背景样式: -webkit-filter: blur(2rpx); -moz-filter: blur(2rpx); -o-filter: blur(2rpx); -ms-filter: blur(2rpx); filter: blur(2rpx); 示例直接上代码,此...

2020-03-23 19:31:21 166 0

原创 uniapp 入行(一)

一、开始 下载hbuilder编译器; 创建默认模板项目; 运行到各三方编译器,需设置编译器所在本地路径(可以直接打开第三方编译器); 注: 第三方编译器需要开启访问权限,方可访问。如下图中提示:去开启服务器端口 二、项目结构 uni.css — 全局样式【无需引用即可全局使用】; p...

2020-03-13 17:43:04 490 0

原创 原生js写tab选项卡切换功能【附加:移动端项目解决适配问题】

原生js写tab选项卡切换功能【附加:移动端项目解决适配问题】 注:以下是移动端项目为例: html代码 + js代码: <!doctype html> <html lang="en"> <head> <meta charset...

2020-03-10 15:02:14 166 0

原创 JS隐藏11位手机号码中间4位为****

JS隐藏11位手机号码中间4位为**** 其实是用字符串的截取来实现,话不多说直接上代码: let tel = '15823561797'; tel = tel.slice(0,3)+" **** "+tel.slice(-4); console.log(t...

2020-01-08 11:17:12 160 0

原创 vue项目【 input输入框长度限制】

vue input输入框长度限制 <input type="number" maxlength="11" placeholder="请输入手机号"> 经测试,发现在type为number或者text时,设置maxlength...

2020-01-07 18:42:51 826 0

原创 微信小程序getLocation 需要在app.json中声明permission字段

微信小程序 getLocation 需要在app.json中声明permission字段 一、 问题: 小程序的位置授权要先在app.json里声明一下,如下图。据说这是改版之后需要做的配置,之前是不需要的【旧版本没用过】 如图 二、 解决: 根据描述,在app.jsonz中声明permissi...

2019-12-17 11:50:44 153 0

原创 JavaScript 【js】回车键替换成逗号,逗号替换成回车键

JavaScript 【js】回车键替换成逗号,逗号替换成回车键 一、逗号替换成回车键 let text = '1,2'; text = text.replace(/\uff0c/g,"\n"); console.log(text);//如图所示。 repl...

2019-12-12 16:05:06 881 0

原创 JavaScript (js)--- 正则匹配中文标点符号

JavaScript (js)— 正则匹配中文标点符号 function checkText() { var text = ","; //匹配这些中文标点符号 。 ? ! , 、 ; : “ ” ‘ ' ( ) 《 》 〈 〉 【 】 『 』 「 」 ﹃ ﹄ 〔 ...

2019-12-12 15:44:39 864 0

原创 vue + element 项目中,表格多选状态如何禁选

vue + element 项目中,表格多选状态如何禁选 一、 应用情景 因需求,要对elementUI中table表格的多选框进行 可勾选 和 不可勾选 的处理 二、 具体步骤 1. 给 type 属性为 selection 的<el-table-column />加一个事件 :se...

2019-12-07 16:56:36 140 0

原创 vue项目中,上传图片做像素大小宽高的限制

vue项目中,上传图片做像素大小宽高的限制 <el-upload class="avatar-uploader" action="http://upload.qiniup.com" :data="qn"...

2019-12-05 18:29:21 477 0

原创 vue 项目中H5页面,实现大转盘活动

vue 项目中H5页面,实现大转盘活动 <template> <div class="about"> <div id="app"> <span>Prize num...

2019-11-25 14:30:48 306 0

原创 数组的flat方法【Array.prototype.flat()】

数组的flat方法【Array.prototype.flat()】 一、 概念   flat() 方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 二、语法结构 var newArray = arr.flat([depth]) 参数depth:...

2019-10-12 10:48:54 535 0

原创 vue项目实现记住密码到cookie功能

vue项目实现记住密码到cookie功能 一、实现功能: 1.记住密码勾选,点登陆时,将账号和密码保存到cookie,下次登陆自动显示到表单内 2.不勾选,点登陆时候则清空之前保存到cookie的值,下次登陆需要手动输入 二、思路: 大体思路就是通过存/取/删cookie实现的;每次进入登录页,...

2019-09-30 18:18:17 160 0

原创 如何监听 Element 组件 el-input 标签的 回车enter事件

如何监听Element组件标签的回车事件 一、现象 表单提交时需要处理输入框的回车事件,一般的原生input标签可以用@keyup.enter=“onSubmit”(tips:onSubmit为定义的方法) 二、解决 1、@keyup.enter=“onSubmit” 改写为 @keyup.ent...

2019-09-29 14:05:36 118 0

原创 vue项目中,js (javascript)生成二维码

vue项目中,js (javascript)生成二维码 1. 概述 1.1 引入二维码生成模块 npm install qrcodejs2 --save 注意:此处安装qrcodejs2,安装依赖后可在main方法中进行全局引用设置,也可单独某个页面中进行引用设置。 1.2 引入使用 i...

2019-09-22 20:20:59 94 0

转载 移除HTML5 input在type="number"时的上下小箭头

移除HTML5 input在type="number"时的上下小箭头 在chrome下: input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: no...

2019-08-30 14:26:18 79 0

原创 当 input 属性为 number,设置maxlength属性不生效的坑

当 input 属性为 number,设置maxlength属性不生效的坑 一、现象 1、 <input type="text" maxlength="11" />,有效; 2、 <input type="number"...

2019-07-04 17:10:13 2214 2

原创 element-ui 表格列动态展示时出现排序错乱问题

element-ui 表格列动态展示时出现排序错乱问题 一、问题描述 当表格列项动态显示时,多次刷新,造成渲染时出现列项错乱现象 二、解决问题 给每列加设排序,用key=“1” ...

2019-06-23 18:02:24 3263 0

原创 vue+elementUI项目中,el-dialog弹出框被遮罩层覆盖

vue+elementUI项目中,el-dialog弹出框被遮罩层覆盖 一、问题表现 el-dialog弹出框被遮罩层覆盖 但是,浏览器调试时,明明遮罩层比弹出框z-index层级小【低一层】。 二、解决方法 在el-dialog标签里添加 :modal-append-to-body=�...

2019-06-19 17:28:08 3404 0

原创 js 将13位时间戳转化为YYYY-MM-dd HH:mm:ss

方法一: var date = 1553677259000,y,m,d,h,mm,s; date = new Date(ele.createTime); y = 1900 + date.getYear(); m = "0" + (date.getMonth()+1); d = ...

2019-04-26 16:37:13 1282 0

翻译 es6 解构赋值

//一维数组解构 var data = ['aa','bb','cc']; let [a,b,c] = data; alert(a,b,c) //aa bb cc //二维数组解构 var data = [&...

2019-04-25 14:32:37 250 0

原创 vue动态绑定背景图片

vue动态绑定背景图片 html代码: <html> <template> <div class="itemBox"> <div class="item" v-for="(ele,i) in ...

2019-04-18 16:04:25 4857 0

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

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

2019-04-11 12:10:54 278 0

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

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

2019-03-26 20:50:08 1136 0

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

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

2019-03-26 17:11:49 3720 0

原创 在 vue 中动态绑定 v-model

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

2019-03-26 15:51:15 4092 1

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

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

2019-03-21 11:53:49 1271 0

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

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

2019-03-14 14:59:00 1484 0

原创 正则验证手机号

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

2019-03-14 12:06:30 201 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 5835 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 7031 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 1503 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 485 0

原创 vue-cli 打包减少体积

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

2019-03-05 20:29:29 382 0

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

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

2019-03-05 16:43:32 2433 2

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