- 博客(28)
- 收藏
- 关注
RSS订阅原创 【element】 el-tree 点击树以外的区域，高亮显示消失问题
el-tree 点击树以外的区域，高亮显示消失问题```css.el-tree-node:focus > .el-tree-node__content { background: #E7EEFE !important; } .el-tree-node__content{ &:hover{ background-color: #E7EEFE !important; } }``...
2022-04-13 09:40:16
967
1
原创 关于 html2canvas的使用（生成网页缩略图）
关于 html2canvas的使用（生成网页缩略图）npm install --save html2canvas// html展示<img :src="downImg" width="100%" />// 调用生成方法download() { var this1 = this; setTimeout(function() { html2canvas(document.querySelector("#capture"), {
2021-05-17 17:33:37
473
原创 常用的几类校验
1.根据身份证获取出生日期function birthDayByIdCard(idCard) { var year, month, day; if (idCard.length == 15) { year = idCard.substring(6, 8); month = idCard.substring(8, 10); day = idC...
2020-04-24 14:34:05
476
原创 vue 页面渲染遇到的问题
情景：数据明明已经修改了，但是页面渲染不刷新。数组更新检测1.变异方法Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下：push() pop() shift() unshift() splice() sort() reverse()你打开控制台，然后用items数组调用变异方法：example.items.push({ message:...
2019-11-12 14:39:15
459
原创 vscode自定义大小写转换快捷键
一、打开vscode，调出全部快捷键方法设置（1）点击编辑器右下角设置按钮，选“键盘快捷方式”（2）在键盘快捷方式设置页搜索transform（3）点击图中加号就可以自己设置大小写转换快捷键了，建议用ctrl+alt+组合，ctrl+shift+其他的组合基本都被占用了（4）按着你喜欢的快捷键，进行设置...
2019-08-09 09:59:14
2405
原创 如何区分npm install 的几种写法
作为一个前端，要清楚的知道npm install以下这四种用法，防止项目依赖错误，造成别人下载你的代码没办法跑起来1.npm install xxx:安装项目到项目目录下，不会将模块依赖写入devDependencies或dependencies。2.npm install -g xxx:-g的意思是将模块安装到全局，具体安装到磁盘哪个位置，要看npm cinfig prefi...
2019-08-06 15:47:20
768
原创 解决Mac 下 sourcetree 不停的让输入密码
方法一：1、在终端（terminal）打开你的工程目录2、输入git config credential.helper store3、拉取代码git pull4、输入用户名密码方法二：在 URL / path: 中的 github.com 前面添加你的 GitHub 名字和@：方法三：方法四：打开应用程序》实用工具》钥匙串访问：左侧导航栏下种类下...
2019-08-01 16:12:10
2130
原创 Webpack——使用webpack构建本地服务器
我们之前一直都在用live-server充当本地服务器，其实它和webpack是不搭的，我们可以利用webpack自带的webpack-dev-server来构建一个本地服务器。它让你的浏览器检测你的代码修改，并自动刷新修改后的结果，它是基于node.js构建。webpack-dev-server是一个单独的组件，在webpack中进行配置之前需要单独安装它作为项目依赖。1、安装webpack...
2019-07-31 18:04:59
373
原创 美化浏览器滚动条样式
.scroll-div::-webkit-scrollbar { width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}.scroll-div::-webkit-scrollbar-thumb { border-radius: 6px; background: rgba(144, 147, 153, 0.5);}.scroll-div::...
2019-07-31 18:00:06
254
原创 正则校验银行卡
//校验银行卡号，银行卡校验规则(Luhn算法)export function validateBankNo(value) { if (value == "" || !isPositiveInteger(value)) return false; var wei = [], sumOdd = 0, sumEven = 0, length = value.leng...
2019-07-31 17:58:28
9286
原创 日期的转换
export function dateFormat(fmt, date) { var o = { "M+": date.getMonth() + 1, "d+": date.getDate(), "h+": date.getHours(), "m+": date.getMinutes(), "s+": date.getSeconds(), "...
2019-07-31 17:56:49
360
1
原创 token验证
拦截token//异步请求前在header里加入tokenaxios.interceptors.request.use(config => {// if (config.url === "") {//如果是登录操作，则不需要携带header里面的token// } else {if (localStorage.getItem("Authorization")) ...
2019-07-31 17:53:23
499
原创 什么是跨域？跨域请求资源的方法有哪些？
1、什么是跨域？由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。存在跨域的情况： 网络协议不同，如http协议访问https协议。 端口不同，如80端口访问8080端口。 域名不同，如qianduanblog.com访问baidu.com。 子域名不同，如abc.qianduanblog.com访问de...
2018-08-13 14:39:24
1688
转载 jQuery ajax 跨域插件 jquery.xdomainrequest.min.js 的使用
jQuery XDomainRequest 是一个利用 XDomainRequest 对象为 IE8、IE9 实现跨域资源共享（CORS - Cross Origin Resource Sharing）的 jQuery 插件。约束：1. 使用 $.ajax 发送请求，jQuery 版本需在 1.5+2. 服务端需设置 header：header('Access-Control-Allow-O...
2018-08-03 16:32:08
6798
1
转载 filter()筛选过滤
filter也是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。例如，在一个Array中，删掉偶数，只保留奇数，可以这么写：var arr = [1, 2, 4, 5, 6, 9, ...
2018-07-06 16:25:06
4082
原创 Webpack——使用uglify-js 压缩打包JS代码
一、webpack 插件机制介绍：插件可以完成更多loader不能完成的功能。插件的使用一般是在webpack的配置信息 plugins选定中指定。Webpack本身内置了一些常用的插件，还可以通过npm安装第三方插件。二、uglify-js介绍：ugligy-js是一个用npm安装的JavaScript代码压工具，我们在grunt和gulp中经常使用。用npm命令进行安装：...
2018-06-26 15:50:48
2884
原创 Webpack——使用webpack Image loader 加载图片
1、新建main.js文件， 创建img标签后，把src的值用require引进来。然后插入标签。 1 2 3 4 5 6 7 var img1 = document.createElement("img"); img1.src = require("./small.png"); document.bo...
2018-06-26 15:35:21
4841
转载 Webpack——使用Webpack CSS loader加载器
一、什么是loaderloader用于转换应用程序的资源文件，他们是运行在nodejs下的函数，使用参数来获取一个资源的来源并且返回一个新的来源（资源的位置），例如：你可以使用loader来告诉webpack去加载一个coffeeScript或者Babel文件。二、loader的解析loader的解析类似模块，一个loader模块会导出一个方法并且可被nodejs写为可兼容的JavaScript,...
2018-06-26 15:14:17
388
原创 Webpack——多入口文件（Multiple entry files）
一、live-server服务器介绍：上节课我们用了live-server这个服务器，那这里就给大家介绍一下:live-server是一款简单的开发用的Http服务器。特点就是在你静态文件进行修改后，有自动加载的功能。使用它主要有两个原因：1、对Ajax的操作必须要有服务器的支持，比如用javascript去获取内容。2、浏览器的自动更新，可以加快开发。你不需要安装任何浏览器插件或...
2018-06-26 14:52:06
2086
转载 初识——Webpack
1、webpack介绍:webpack是一个现代的JavaScript应用模块打包器（module bundler），它能把各种资源，例如JS（含JSX）、coffee、样式（less/sass）、图片等都作为模块来处理和使用。它可以部分代替Grunt和gulp的功能。2、webpack的安装常规直接使用npm的形式来安装:1$npm install webpack -gnpm 是Node.js的...
2018-06-26 14:36:39
187
原创 解决前端工程师手机调试难得困扰——vConsole
vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板。特性：查看 console 日志查看网络请求手动执行 JS 命令行自定义插件上手下载 vConsole 的最新版本。（不要直接下载 dev 分支下的 dist/vconsole.min.js）或者使用 npm 安装：1npm install vconsole引入 dist/vconsole.min.js 到项目中：12345&l...
2018-06-21 10:06:52
5388
1
原创 如何跳转登录之后返回之前的页面？
function() { var forwardStr = ""; var forward = getUrlQuery().forward; //拿到上个页面传参url if(forward != undefined) { forwardStr = "?forward=" + forward; window.location.href = webContext + "login....
2018-06-19 15:16:59
5840
原创 神器扒网站——teleport ultra
有一款扒站的神器，可以把你所喜欢的目标网站整个网站给扒下来，这个神器就是teleport ultra！下载与安装首先到官网下载：http://www.tenmax.com/teleport/ultra/download.htm然后按照软件的安装指引完成安装使用步骤1、打开软件点击File，然后点击 New Project Wizred…，弹出如下...
2018-06-13 15:16:10
16606
原创 websocket 的初步使用与封装js
1 如何使用 websocket <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="ws.js"></script>
2018-05-29 10:40:56
9221
原创 【一、 nuxt 安装】
首先，在使用npm前你需要安装Node到系统中然后，按照下面的步骤进行安装1.用npm来安装vue-cli这个框架，如果你已经安装过了，可以省略这步。npm install vue-cli -g根据你的网络环境不同，安装的速度不同，如果你的网络环境实在不好，可以考虑使用cnpm来进行安装。（在实际开发中我会尽量避免使用cnpm来进行安装，因为会出现一些未知的错误。）安装完成后可以...
2018-05-28 17:02:25
3226
原创 CSS实现单行、多行文本溢出显示省略号（…）
为了实现单行文本的溢出显示省略号，我们都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。...
2018-05-24 10:21:35
466
原创 前端如何拿到cookie
function getCookie(cookieName) { var strCookie = document.cookie; var arrCookie = strCookie.split("; "); for(var i = 0; i < arrCookie.length; i++){ var arr = arrCookie[i].sp...
2018-05-23 17:14:48
18764
原创 JQ 遮罩层+弹出窗
css：#mask-kk{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: #666; opacity: 0.5; filter: alpha(opacity=50)-moz-opacity...
2018-05-23 17:06:12
2816
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人