自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 a标签怎样弹出新窗口,才能不被火狐、谷歌浏览器拦截?

<a href="javascript:void(0);" onclick="window.open('http://www.baidu.com','_blank');">百度</a>

2020-06-29 17:38:20 1473 0

原创 git merge

合并分支 ps : 默认当前在master分支 1.常规命令 git merge dev // 不会产生commit节点 // 或者 git merge dev --no--ff // 会产生一个commit节点 // --ff 是 fast forward 例如,开发一直在ma...

2020-06-05 15:42:56 52 0

原创 jquery 实现的select下拉列表

html <div class="needs_item"> <label class="label">年级:</label> <div class="select...

2020-05-31 11:35:20 65 0

原创 谷歌字体最小12px的解决方案

1. transform: scale 定义10px字体 : .font10 { font-size: 12px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.84); ...

2020-05-21 12:20:54 70 0

原创 rem.js 移动端rem适配js代码

!(function(win, doc) { function setFontSize() { // 获取window 宽度 var winWidth = window.innerWidth; doc.documentElement.styl...

2020-05-14 10:07:42 60 0

原创 常用的css工具类

1. 单行溢出省略号 .ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 2. 多行溢出省略号 .ell-rows-2 { display: -webkit-box; -we...

2020-05-10 23:05:08 59 0

原创 jquery获取短信验证码倒计时

// 获取短信验证码 $('.get_code').click(function () { var $code = $(this); if (!$(this).hasClass('disabled')) { // 如果调了短信发送接口, ...

2020-04-30 00:12:10 78 0

原创 文字少的时候居中显示,文字超过一行的时候居左显示

html <div class="box"> <p>这是一段文字</p> </div> css .box { margin: 20px auto; padding: 10px; background-...

2020-04-24 01:05:31 63 0

转载 npm 、yarn常用命令(转)

npmYarn npm install yarn install ...

2020-04-09 18:03:06 63 0

原创 vue.js源码练习

html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor...

2020-03-25 01:36:37 45 0

原创 ECMAScript 6(19)Reflect

Reflect 1. 是什么? 一种操作对象的新的API 原Object所有属性方法,新API都有(原来那一套存在缺陷) 返回值更加合理(失败返回false而不是抛错); 函数式调用(而非属性式) 在使用Proxy时,使用本方法效果比直接通过对象属性调用效果更好 2. 怎么用? 2....

2020-02-26 00:04:09 73 0

转载 查看 npm -g 全局安装路径

1.可通过命令 npm config get prefix 查看 npm 安装路径(npm config set prefix 可设置 npm 安装路径); 2. 打开该路径,在 npm 目录下有个 node_modules 文件夹,全局安装的所有模块都在该文件夹中 ; 3. npm inst...

2020-01-03 10:32:18 626 0

原创 git stash 暂存

1. 使用场景 举个例子 : 你本地任务进行到一半,同事跟你说有个紧急的 bug 需要修复。你不想将改到一半的东西 commit 进去。所以先 stash 一下,改掉 bug 并 commit,然后stash pop出来继续没完成的工作。 2. 暂存操作 git stash // ...

2019-12-27 11:14:07 66 0

原创 Element Pagination组件 size-change事件 请求两次接口的BUG

问题 :当分页处于最后一页切换分页条数, 会请求两次数据, 如果第一次请求慢于第二次,则会出现表格空白情况 原因 : 当分页处于最后一页切换成大条数分页 会调用一次size-change事件 , 此时当前页80会变化, 所以会继续调用current-change事件 会调用两次 ...

2019-12-25 16:55:58 555 1

原创 vue模拟触发另一个按钮点击事件

vue.js 1,给另一个按钮添加ref <el-button size="small" type="primary" ref="import">导入</el-button> 2,事件触发 this.$refs....

2019-12-04 10:59:31 2277 0

原创 匹配 0.00~99.99 的正则

1. 要求匹配0~99.99的数字, 最多保留两位小数 网上找了好多都不对,研究了下正则基础自己写了个 /^(\d{1,2})(\.{0}|\.\d{1,2})$/

2019-12-03 14:40:45 303 0

原创 正则表达式基础

一、字符类 1.[abc]----匹配abc任意一个 2.^---表示否定字符集,[^abc]---表示除了abc之外的所有字符 3.[a-z]---字符类可以使用连字符表示范围,表示所有小写字母 [a-zA-Z0-9]---表示任何字母和数字 4. \s---空格符、制表符和其他Unicode...

2019-12-03 14:04:55 240 1

转载 yarn 无法下载node-sass

指定node-sass的下载源 先执行 : yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sass 然后再执行 yarn 或者 yarn install 原文链接 :https://blog.c...

2019-11-07 15:59:23 1116 1

原创 累加(递归)封装

1.应用场景 字母和数字组合累加1 1. 常规累加 '123' => '124' 129 => '130' 2. 字母累加 aaa => 'aab' AAA =>...

2019-10-31 09:41:54 118 0

原创 电脑上如何登录两个微信

1. 先下载微信电脑版 2.右键打开属性复制这个链接 3.新建文本复制如下代码 start + 刚才复制的链接然后稍作修改 TASKKILL /F /IM wechat.exe start C:\"Program Files (x86)"\Tencent\We...

2019-10-26 11:41:23 145 1

原创 vue通过axios调用本地自定义数据

1. 自定义数据放置位置 自定义数据放在根目录的public文件里, 可根据自己的需求分类管理 .json文件的格式 { "data": { "text": "个人数据", "conditions...

2019-10-11 10:21:36 58 0

原创 vue 组件通信传多个值

子组件 // 保存 save() { this.$emit('saveConditions', this.condition1, this.condition2) } 父组件 @saveConditions="saveCo...

2019-09-17 11:42:53 55 0

原创 vue filters 保留两位小数

export function keepTwo(value) { // 截取当前数据到小数点后三位 const tempVal = Number(value).toFixed(3) if (tempVal === 'NaN') { return '...

2019-08-26 18:02:08 1112 0

转载 UNI-APP 使用 ICONFONT

UNI-APP 使用 ICONFONT 更新:   根据官网 小于 40kb 的字体文件可以直接本地引用。   方法如下:     首先下载字体文件。     然后删除多余文件,只需要留下 iconfont.ttf 和 iconfont.css 文件即可使用。     放入到 stat...

2019-07-19 00:58:42 417 0

原创 移动端基础页面,包含(时间选择器,checkbox三级关联选择)

时间选择器插件地址 (基于jquery)提取码: pibm 完整样式图 js 代码可以参考,其他略过 <!DOCTYPE html> <html lang="en"> <head> <meta charset=...

2019-07-14 08:46:48 139 0

原创 npm , yarn 切换 设置 镜像 源地址

npm 1、查看一下当前源 npm config get registry 2、切换为淘宝源 npm config set registry https://registry.npm.taobao.org/ 3、还原仓库地址 npm config set registry h...

2019-06-23 23:01:45 2528 0

转载 SwitchHosts使用详解 (转)

SwitchHosts使用详解 1.百度到官网进行下载 2.SwitchHost简介 SwitchHosts是一个管理、快速切换Hosts小工具,开源软件,一键切换Hosts配置,非常实用,高效。 开发Web过程成,部署有多套环境,网址域名都相同,部署在不同的服务器上,有开发环境、测试...

2019-06-12 23:31:57 11739 1

转载 前端工程师都有用哪些比较靠谱的小工具?(转)

Wappalyzer 是一个用于识别网站使用的库和框架的工具。它也是一个 Chrome 插件,是目前为前端开发人员最有用的工具之一。下一次你想知道一个网站使用什么库,来创建一个特定的可视化功能,Wappalyzer 帮你搞定。 What the Font 字体是设计中相当重要的组成部分,而...

2019-06-06 11:13:25 288 0

转载 如何适配处理iphoneX底部的横条 ?(转)

  iphoneX手机取消了实体Home键,取而代之的是主界面底部不显眼的横条“HomeIndicator”。当网页底部fixed 元素时候,一部分元素可能就被这个横条遮挡住,怎么适配解决呢?   第一步:     <meta name=“viewport” content=“width...

2019-06-06 10:16:06 4060 0

原创 css 超出横向滚动 (备忘)

overflow-x:auto; 除了上面这个属性, 还得加个 white-space:nowrap;

2019-06-03 15:59:42 2159 0

原创 ECMAScript 6(18)Proxy代理 (对象的代理)

简述 : 用于修改对某个对象的属性的操作的默认行为; 返回值和原对象有一层代理的差异; 返回值还是基于原对象的一系列操作, 最终还是修改的原对象的值; 拦截对象的属性, 可以对其进行读取, 修改, 遍历等操作; 继承的属性, 拦截也有效果; 1.Proxy代理 简单说就是对对象, 加了...

2019-06-03 14:52:33 83 0

原创 ECMAScript 6(17)Map 和 WeakMap

目录 1. Map 1.1 简述 1.2 创建 1.3 基本方法 常用方法 1.4 遍历 1.5 类型转换 1.5.1 Map转数组 1.5.2 数组转Map 1.5.3 Map转对象 1.5.4 对象转Map 1.5.5 Map 转 JSON 1.5.5 JSON ...

2019-05-31 17:42:26 99 0

原创 ECMAScript 6(16)Set 和 WeakSet

目录 1. Set 1.1 什么是 Set 1.2 创建 1.3 Set 实例的属性和方法 方法使用一览 1.4 遍历 2. WeakSet 2.1 简述 2.2 使用 2.3 方法 简述 : Set类型一种新的数据结构 类似于数组 , 但是成员的值都是唯一的, 没有重复...

2019-05-31 14:43:49 54 0

原创 js 中编码和解码

1. 什么情况下需要编码 ? 我们要查询一个年龄为 20,姓名包含tom的人,那么我们会这样去组织请求 var url = "http//xxx/age=20&name=tom" 然后服务端就能收到下面的接口请求参数 { "age":...

2019-05-30 15:49:02 100 0

原创 快速获得地址栏问候后面的参数

话不多说, 直接上方法 function getUrlParam() { // var url = location.href.split('?')[1].split('&') var url = location.se...

2019-05-30 14:59:09 103 0

原创 最简单的查询全局(window)方法的使用

1. 打开谷歌 2. 打开控制台 3. 直接敲下要查询的命令, 回车 4. 比如要 查询 window.location 的方法 5. window 下有哪些方法 6. window下的 localStorage 具体有哪些方法, 进入__proto__(隐式原型) 可以查看 ...

2019-05-30 14:12:24 161 0

原创 搜索 CSDN 上该博主的文章

百度或者谷歌上直接这样搜 site:blog.csdn.net 博客名关键词 // 或者 关键词site:blog.csdn.net 博客名 //关键词后面不要空格 site:blog.csdn.net jiandan1127 ES6 ES6site:blog.csdn.net ji...

2019-05-30 11:29:19 529 0

原创 ECMAScript 6(15)Symbol

目录 1. Symbol 是什么 特点 : 1.1 唯一性 1.2 不能运算(不能隐式转换) 1.3 显示转换为字符串 1.4 转换布尔值 1.5不能使用new这种方式来创建 1.6可以像字符串一样作为变量名 2. Symbol作为属性名 3. 遍历 4. 消除魔术字符串 ...

2019-05-29 14:09:52 61 0

原创 ECMAScript 6(14)对象的新增方法

目录 1. 判断两个变量是否相等 Object.is() 2.合并对象属性 Object.assign() 2.1 解释 2.2 属性覆盖 2.3 可枚举 2.4参数一必须是对象或者可以转为对象 2.5其他参数会隐式转换为对象,并且将可枚举属性添加进去 2.6 这种拷贝方法是浅拷贝...

2019-05-28 18:59:28 97 0

原创 ECMAScript 6(13)对象的扩展

目录 1. 简要概括 2. 简洁写法 2.1 属性名缩写, 与函数缩写 2.2 setter和getter的简洁写法 3. 属性名表达式 3.1 表达式作为属性名 3.2 不能使用 3.3 不要用对象作属性的key 4. name 属性 5. 属性的可枚举性 5.1 设置...

2019-05-28 11:54:03 71 0

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