- 博客(77)
- 收藏
- 关注
原创 Echarts (option.yAxis) Y轴 的属性
Echarts (option.yAxis) Y轴 的属性加粗样式yAxis: [ { show: true, // 是否显示 Y轴 type: 'value', //('value''category''time''log') name: '降雨量(mm)', // 坐标轴名称 nameLocation: 'end', // 坐标轴名称显示位置。('start''middle''center''end') //nameTextStyle: {...}, //
2022-03-04 15:26:32
1732
1
原创 git 代码写完发现开发分支错了怎么解决
修改当前开发分支git stash //将修改的代码暂存到stashgit checkout targetbranch //切换到正确的分支git stash pop // 从stash中取出暂存的代码修改上面三步完成,即修改为正确开发分支
2022-01-20 14:34:28
589
原创 git 删除本地及远程分支
git 删除本地及远程分支//查看本地分支 or //查看当前所在分支git branch git branch -a//删除目标本地分支git branch -D <分支名称>//删除目标远程分支git push origin --delete <分支名称>//重新拉取 分支git checkout <分支名称>//拉取远程分支 并创建本地分支git checkou
2020-07-28 16:55:20
272
原创 修改hosts文件实现在本地使域名解析到指定IP
修改hosts文件实现在本地使域名解析到指定IP一如何修改hosts文件?hosts文件的位置:C:\windows\system32\drivers\etc,文件夹中找到Hosts文件并用记事本打开。按照 ip地址 域名 的格式添加单独的一行记录。例:112.124.39.29 www.server110.com注: IP地址前面没有空格,ip地址和域名之间,要有且至少1个空格。修改后,一定要记得保存文件。查看域名的IP地址是否已经生效操作:点击“开始”点击“运行
2020-06-19 15:27:54
11747
原创 使用nuxt.js构建一个vue项目
使用nuxt.js构建一个vue项目简述过程:使用nuxt2.0官方脚手架,先全局安装npx,输入npm i -g npx切换至创建项目的路径,输入npx create-nuxt-app ’项目名称‘回车后,会出现一些配置项,可集成koa,elementUI等模块,按需选择Y或者N即可。补充:有时可能需要输入npm i --update-binary,以杜绝编译时node版本的一些隐患npm i --update-binary若需使用css预处理器(如:sass/
2020-06-12 14:33:11
620
原创 程序员特有的浪漫
程序员特有的浪漫控制台输出以下内容:[[][0] + []][0][5]+[[][[[][0] + []][0][4]+[[][0] + []][0][5]+[[][0] + []][0][1]+[[][0] + []][0][2]] + []][0][8]+[[[] == []][0] + []][0][2]+[[][[[][0] + []][0][4]+[[][0] + []][0][5]...
2020-04-10 14:53:31
243
原创 canvas生成图片分享并保存相册【uniapp开发小程序项目】
canvas生成图片分享并保存相册具体步骤描述:添加画布首先,在小程序里进行绘图操作需要用到组件,那我们就先在我们的wxml代码中放入<canvas>,然后,我们要开始写JS代码在这张画布上进行绘图操作。代码如下:html代码:<template> <view class="mine"> <!-- //广告 触发分享打开分享弹窗,开始...
2020-04-10 14:43:26
1446
原创 微信小程序rich-text富文本 图片超出屏幕宽度,自适应解决
微信小程序rich-text富文本图片自适应处理一、问题描述微信小程序rich-text标签对于样式定义仅支持style和class,直接指定<img>样式设置图片样式无效。造成<img>图片宽度太大超出显示屏。如图:实际图片应如下图显示:二、解决使用正则替换处理,添加style属性设置图片宽度 data.content.replace(/\<img...
2020-03-31 14:49:02
6667
2
原创 css 虚化背景图
css 虚化背景图虚化背景样式: -webkit-filter: blur(2rpx);-moz-filter: blur(2rpx);-o-filter: blur(2rpx);-ms-filter: blur(2rpx);filter: blur(2rpx);示例直接上代码,此示例是基于uniapp项目举例(最近在熟悉uniapp框架,所以直接基于项目写例子)注: 其中涉及到...
2020-03-23 19:31:21
885
原创 uniapp 入行(一)
一、开始下载hbuilder编译器;创建默认模板项目;运行到各三方编译器,需设置编译器所在本地路径(可以直接打开第三方编译器);注: 第三方编译器需要开启访问权限,方可访问。如下图中提示:去开启服务器端口二、项目结构uni.css — 全局样式【无需引用即可全局使用】;pages.json — app的初始化设置,注册页面【设置页面路由等】设置tabBar:官网 –...
2020-03-13 17:43:04
1126
原创 原生js写tab选项卡切换功能【附加:移动端项目解决适配问题】
原生js写tab选项卡切换功能【附加:移动端项目解决适配问题】注:以下是移动端项目为例:html代码 + js代码:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...
2020-03-10 15:02:14
504
原创 JS隐藏11位手机号码中间4位为****
JS隐藏11位手机号码中间4位为****其实是用字符串的截取来实现,话不多说直接上代码:let tel = '15823561797';tel = tel.slice(0,3)+" **** "+tel.slice(-4);console.log(tel);效果如图:...
2020-01-08 11:17:12
560
原创 vue项目【 input输入框长度限制】
vue input输入框长度限制<input type="number" maxlength="11" placeholder="请输入手机号">经测试,发现在type为number或者text时,设置maxlength参数并不会生效。解决如下:<input type="number" oninput="if(value.length > 11)value = v...
2020-01-07 18:42:51
5674
1
原创 微信小程序getLocation 需要在app.json中声明permission字段
微信小程序 getLocation 需要在app.json中声明permission字段一、 问题:小程序的位置授权要先在app.json里声明一下,如下图。据说这是改版之后需要做的配置,之前是不需要的【旧版本没用过】如图二、 解决:根据描述,在app.jsonz中声明permission字段,如图: "permission": { "scope.userLocation...
2019-12-17 11:50:44
693
原创 JavaScript 【js】回车键替换成逗号,逗号替换成回车键
JavaScript 【js】回车键替换成逗号,逗号替换成回车键一、逗号替换成回车键let text = '1,2';text = text.replace(/\uff0c/g,"\n");console.log(text);//如图所示。replace(/\n/g,",")//回车键替换成逗号二、回车键替换成逗号let text = '12';text = text.rep...
2019-12-12 16:05:06
4778
原创 JavaScript (js)--- 正则匹配中文标点符号
JavaScript (js)— 正则匹配中文标点符号function checkText() { var text = ","; //匹配这些中文标点符号 。 ? ! , 、 ; : “ ” ‘ ' ( ) 《 》 〈 〉 【 】 『 』 「 」 ﹃ ﹄ 〔 〕 … — ~ ﹏ ¥ var reg = /[\u3002|\uff1f|\uff01|\uff0c|\u3001|\uff1b...
2019-12-12 15:44:39
7821
1
原创 vue + element 项目中,表格多选状态如何禁选
vue + element 项目中,表格多选状态如何禁选一、 应用情景因需求,要对elementUI中table表格的多选框进行 可勾选 和 不可勾选 的处理二、 具体步骤1. 给 type 属性为 selection 的<el-table-column />加一个事件 :selectable='selectInit’ <el-table-column ...
2019-12-07 16:56:36
1148
原创 vue项目中,上传图片做像素大小宽高的限制
vue项目中,上传图片做像素大小宽高的限制<el-upload class="avatar-uploader" action="http://upload.qiniup.com" :data="qn" :show-file-list="false" :on-success="handleAvatarSuccess" ...
2019-12-05 18:29:21
3567
1
原创 vue 项目中H5页面,实现大转盘活动
vue 项目中H5页面,实现大转盘活动<template> <div class="about"> <div id="app"> <span>Prize number: {{ prizeNumber }}</span> <button type="button...
2019-11-25 14:30:48
1538
5
原创 数组的flat方法【Array.prototype.flat()】
数组的flat方法【Array.prototype.flat()】一、 概念 flat() 方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。二、语法结构var newArray = arr.flat([depth])参数depth: 指定要提取嵌套数组的结构深度,默认值为 1。返回值: 一个包含将数组与子数组中所有元素的新数组。...
2019-10-12 10:48:54
7115
1
原创 vue项目实现记住密码到cookie功能
vue项目实现记住密码到cookie功能一、实现功能:1.记住密码勾选,点登陆时,将账号和密码保存到cookie,下次登陆自动显示到表单内2.不勾选,点登陆时候则清空之前保存到cookie的值,下次登陆需要手动输入二、思路:大体思路就是通过存/取/删cookie实现的;每次进入登录页,先去读取cookie,如果浏览器的cookie中有账号信息,就自动填充到登录框中,存cookie是在登...
2019-09-30 18:18:17
475
原创 如何监听 Element 组件 el-input 标签的 回车enter事件
如何监听Element组件标签的回车事件一、现象表单提交时需要处理输入框的回车事件,一般的原生input标签可以用@keyup.enter=“onSubmit”(tips:onSubmit为定义的方法)二、解决1、@keyup.enter=“onSubmit” 改写为 @keyup.enter.native=“onSubmit” ,也就是说多加一个native标志2、如:<el...
2019-09-29 14:05:36
880
原创 vue项目中,js (javascript)生成二维码
vue项目中,js (javascript)生成二维码1. 概述1.1 引入二维码生成模块 npm install qrcodejs2 --save注意:此处安装qrcodejs2,安装依赖后可在main方法中进行全局引用设置,也可单独某个页面中进行引用设置。1.2 引入使用import QRCode from 'qrcodejs2';备注:在main中设置全局可使用 Vu...
2019-09-22 20:20:59
436
转载 移除HTML5 input在type="number"时的上下小箭头
移除HTML5 input在type="number"时的上下小箭头在chrome下:input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; }Firefox下:input[type="numbe...
2019-08-30 14:26:18
192
原创 当 input 属性为 number,设置maxlength属性不生效的坑
当 input 属性为 number,设置maxlength属性不生效的坑一、现象1、 <input type="text" maxlength="11" />,有效;2、 <input type="number" maxlength="11" /> 无效当input的type属性设为number时,maxlength属性失效,长度可以无限输入。二、解决方法&...
2019-07-04 17:10:13
4585
2
原创 element-ui 表格列动态展示时出现排序错乱问题
element-ui 表格列动态展示时出现排序错乱问题一、问题描述当表格列项动态显示时,多次刷新,造成渲染时出现列项错乱现象二、解决问题给每列加设排序,用key=“1”...
2019-06-23 18:02:24
6032
原创 vue+elementUI项目中,el-dialog弹出框被遮罩层覆盖
vue+elementUI项目中,el-dialog弹出框被遮罩层覆盖一、问题表现el-dialog弹出框被遮罩层覆盖但是,浏览器调试时,明明遮罩层比弹出框z-index层级小【低一层】。二、解决方法在el-dialog标签里添加 :modal-append-to-body='false’:modal-append-to-body='false'成功被解决。三、解决原理:...
2019-06-19 17:28:08
8734
2
原创 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 = "0" + date.getDate();h = "0" + date.getHours();mm = "0" + ...
2019-04-26 16:37:13
3061
翻译 es6 解构赋值
//一维数组解构var data = ['aa','bb','cc'];let [a,b,c] = data;alert(a,b,c) //aa bb cc//二维数组解构var data = ["aa","bb",[22,33],"cc"];let [a,b,[c,d],e] = data;alert(a,b,c,d,e) //aa ...
2019-04-25 14:32:37
395
原创 vue动态绑定背景图片
vue动态绑定背景图片html代码:<html> <template> <div class="itemBox"> <div class="item" v-for="(ele,i) in goalList" :key="i" :style="{'backgroundImage': 'url(' + ele.bg + ')'}"> ...
2019-04-18 16:04:25
10823
翻译 中文版Chrome浏览器不支持12px以下字体的解决方案
中文版Chrome浏览器不支持12px以下字体的解决方案以下内容为转载内容,最下方会有自测经历,自测以下代码有效: Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制,主要是因为chrome认为汉字小于12px就会增加识别难度,尤其是中文常用的宋体和微软雅黑。而我们在实际项目中,对于数字/英文内容,其他字体的文本可能会有特殊的需求要求它们以更小的字...
2019-04-11 12:10:54
873
原创 手机改变系统字体大小导致h5页面在webview中变形。。h5页面嵌入webview中,在有些手机上布局乱套的bug。。
解决因为手机设置系统字体大小导致h5页面在webview中变形的BUG 说实话,遇到这个问题,我内心里是崩溃的,表面还一副镇定自若的模样,事实上受到了一万点打击,我做的页面完美适配,就那一台手机,就那一台,整体都是乱的。 然后发现那台手机所有的字体都特别大,像是老年机,这时尝试去查看系统字体大小,发现设置比标准大了两个度【超小–标准–大--超大–巨大,就是五个程度,具体什么字不想看了,要吐...
2019-03-26 20:50:08
3383
原创 基于elementUI中级联选择器,完成省市区二级+三级联动效果
基于elementUI中级联选择器,完成省市区二级+三级联动效果注: 最下方有城市数据下载地址,为本人git账号地址,放心使用<p>选择区域:</p><el-cascader :options="options" v-model="selectedOptions" @change="handleChange" :separator="' '">...
2019-03-26 17:11:49
6717
1
原创 在 vue 中动态绑定 v-model
在 vue 中动态绑定 v-model一、经典数据双向绑定如下动图:二、当v-for循环中需要动态绑定v-model以图示例:注意: 避免在运行时向Vue实例或其根 $data 添加反应性属性在data选项中预先声明它。 注意v-model是vue中的一个指令,而不是标签属性,不要用v-bind:去动态绑定它【“ v-bind: ”缩写为“ : ”】...
2019-03-26 15:51:15
8225
2
原创 css 设置文本自动填充指定宽度
css 设置文本自动填充指定宽度场景如图: 指定宽度,文本自适应填满.justify { width:100px; display:block; //注:此处需要设置display属性为块级block text-align:justify; text-align-last:justify; }...
2019-03-21 11:53:49
4361
转载 div垂直方向自适应,上下div高度固定,中间高度自适应
div垂直方向自适应,上下div高度固定,中间高度自适应https://blog.csdn.net/muyeju/article/details/48878647【自测有效】css代码:<span style="font-family:Microsoft YaHei;"><style>html,body{ margin:0; padding:0; heigh...
2019-03-14 14:59:00
2420
原创 正则验证手机号
正则验证手机号现在新增了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}$/; function verifyTel (tel){ if(reg.test(tel)){ ret...
2019-03-14 12:06:30
514
原创 vue-cli 3.x 的 views 和 components有什么区别?
vue-cli 3.x 的 views 和 components有什么区别?components是小组件containers是容器级组件views是页面级组件也就是说,views是页面级组件,components是小组件,小组件可被引用在views中,一般views组件不被复用【containers是容器级组件(根据项目大小决定是否使用)】从组件大小级别区分 components - (...
2019-03-13 14:01:21
16129
1
原创 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安装后,可检查其版本:使用vue --version【注意:符号为双 “ - ”】或者vue -V【注意:此处是大写...
2019-03-12 17:03:06
8995
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人