Kuroko's Development Notes_黑子Kuroko_CSDN博客-JavaScript / jQuery,ExtJs,ExtJs 3 开发笔记领域博主

提问私信关注

黑子Kuroko

码龄6年

代码是写给人看的，顺便给机器运行。

于 2015-09-14 加入CSDN

获得成就

博客专家认证
获得658次点赞
内容获得240次评论
获得1,932次收藏

荣誉勋章

兴趣领域

#前端

#CSS#小程序#ECMAScript 6#Vue.js#JavaScript#WebPack#Node.js#HTTPS

TA的专栏

前端技术交流群qq：830544670

➥ Find Me In Github

☞ 收藏文章

☞ CSDN博客去广告

☞ GitHub个人建站

☞ Vue全家桶搭建前端项目

☞ Mac & VS Code常用快捷键

☞ Git简介、常用命令、分支管理

【问题记录】Uncaught TypeError: Cannot assign to read only property 'exports' of object '

1、问题描述项目之前正常的路由配置是这样的： 2、路由配置说明第一种做法：每个页面模块目录通过一个 index.js 主入口来导出（module.exports）对应的vue文件，然后 router.js 中通过 require 方法去引入资源。这一做法是没毛病的，因为这是组织（webpack 2）允许的。第二种做法：如果好好的require不用，非要用 i...

veeValidate使用data-vv-scope实现部分区域校验以及清空errors

1、使用场景如图，我要在登录、注册两个不同tab页进行各自的表单校验。2、关键代码展示template部分：<div class="login-panel" v-show="activeTab === 1"> <div class="panel-content"> <div class="login-account-inp.

vue-qr二维码插件使用简介

官方介绍：https://www.npmjs.com/package/vue-qr1、安装npm install vue-qr --save2、导入vue项目中使用下面给出一个简单的demo<template> <vue-qr :text="downloadData.url" :margin="0" colorDark="#f67b29" colorL...

vue-qr二维码插件使用简介

npm和yarn常用命令对比

npm和yarn命令对比 npm yarn npm install yarn npm install xx --save-dev yarn add xx --dev npm install xx --save yarn add xx npm uninstall xx --save yarn remove xx npm update --save...

npm和yarn常用命令对比

npm和yarn命令对比 npm yarn npm install yarn npm install xx --save-dev yarn add xx --dev npm install xx --save yarn add xx npm uninstall xx --save yarn remove xx npm update --save...

项目中安装 less 和 less-loader 命令

npm命令如下：npm install less less-loader --save-dev或者 yarn命令如下：yarn add less less-loader --dev建议安装在本地依赖，没必要装全局环境，安装成功后 package.json 如下：要安装全局的话，直接参考less官网： ...

【笔记】前端开发的演变

引言在大学里接触的就是网站MVC开发模式，期末作业就是图书管理系统或是订单系统之类的。当时对于前端的理解就是一个单纯展示数据、极其无聊、毫无挑战性、工资很低的在项目中充当配角的职业。毕业后，正直vue热火朝天，一发不可收，刷新了人们对于前端的认知，也引出了风火多年但没什么人问津的react、angular等老家伙，这才入了前端这个坑，越陷越深。前端还是那个前端，他一直充当着项目研发的配角，但...

后台管理系统模板简介

1、效果演示管理后台系统模板-预览2、重点内容1. 用户登录态的实现 - cookie2. 本地mock数据方式 - EasyMock/ExpressMock/MockJs/YapiMock/本地拦截3. 前端请求做了哪些事情 - axios4. 前端路由模式 - vueRouter5. 表单校验交互 - veeValidate6. 列表查询的UI和交互 - elem...

【上传组件优化】el-upload组件结合上传阿里云OSS实现更优交互

1、效果展示2、实现代码在components目录下，新建组件 myImgUpload.vue，代码如下：<template> <div> <el-upload :class="disabled ? 'hideAdd' : 'showAdd'" ref="myImgUpload"...

js接收客户端base64图片转换Blob

大致场景就是前端通过jsBridge获取客户端返回的base64图片数据，然后将base64的数据转为Blob图片，然后拿着这个Blob图片文件上传到阿里云去！对，就是这个意思，接下来请欣赏项目中滴代码：// 将以base64的图片url数据转换为BlobconvertBase64UrlToBlob(urlData) { var binary = atob(urlData) ...

Javascript函数节流 —— How To Use Throttle

为限制输入框change事件疯狂发送查询请求，此时我们就需要用一个节流函数来优化一下性能了。大致思路：设置一个定时器，在指定时间间隔内运行代码时重置定时器，直到函数请求停止，函数才会在限定时间之后才会正式执行。实际项目中，将节流函数挂载到vue原型上，方便调用，例 main.js 中：// 写一个节流函数Vue.prototype.$throttle = (method) =&gt...

关于git如何移花接木——本地分支推送多个远程分支

如何实现本地一份代码，同时推送给多个远程项目。一顿操作如图：关键命令：git remote -v 查看远程地址git remote remove origin 移除远程关联git remote add origin ...(git地址) 关联远程地址以上命令，只是切换origin，具体操作还需要把本地分支推送到origin，此处就不展开。 ...

【装13手册】MAC常用终端命令及快捷键操作

Cmd + Space 召唤聚焦搜索输入 terminal 回车开启装逼之路 ...1、终端命令行操作文件什么 cd、ls 之类的就不说了，直接记录一些常用易忘的好用的命令吧。mkdir XXX 新建目录XXX mkdir -p XXX/XXX 新建多层目录 touch XXX.js 新建文件 open . 从终端打开Finder，注意后面是一个点 cd .. 返回...

【装13手册】MAC常用终端命令及快捷键操作

MAC终端SVN常用命令

拉取命令：svn co svn地址（svn://192.168.55.43/project/development/yushi/frontWeb/mweb）更新代码： svn up添加命令： svn add 文件名提交命令： svn commit -m "提交描述"查看指定文件的日志： svn log 文件名查看SVN路径等信息： svn info 更多参考：...

MAC终端SVN常用命令

Eslint 配置及规则说明

一、常用配置先附上本人常用配置，在 .eslintrc.js 文件中：rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', // allow console during development 'no-debugger': process.env.NODE_ENV ...

【读书笔记】《你不知道的JS-上》

本书概要：1、作用域和闭包2、this和对象原型笔记1 > 3.4 块作用域 > 3.4.3 let > 垃圾收集let 变量可以通过显示的块作用域来实现内存垃圾回收，正确代码：function process(data) { console.log('My name is ' + data.name)}{ let someData...

css 文本超出就隐藏并且显示省略号

一行的情况overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行两行的情况overflow: hidden;text-overflow: ellipsis;display:-webkit-box; //作为弹性伸缩盒子模型显示。-webkit-bo...

前端面试官经验总结 | 前端面试小技巧

历时2个多月，前后也面试了上百余人，个人能力并没有多强大，但出于公司需要也就厚着脸皮去面各种前端大佬（啊哈哈终于轮到劳资当家做主了！）。好景不长，从第一份电话面试的小紧张，到线下面试的小期待，再到后来的轮番面试的疲倦，最终形成了对简历过敏的状态，现在的我看到简历就想吐。苦头也吃了，罪也受了，总不能就这么算了，既然面试了这么多前端er，我总该从中汲取些经验与成长吧，故作此文以记之。一、面试...

MAC安装Charles破解版简易教程

Charles：青花瓷抓包工具。官网下载：https://www.charlesproxy.com/download/（可惜限制了30天的使用期限）破解版下载：https://download.csdn.net/download/fifteen718/10774499破解版安装方式：通过上方破解版下载链接下载解压之后。1、直接打开 charles-proxy-4.2.5.dm...

Charles425破解版

* 具体安装方式请打开解压后的 readme.txt； * 该版本为Charles 4.2.5版； * 如果你电脑上已经安装了别的版本，请先删除应用，重新安装这个解压包下的版本，不然版本对不上的话会导致应用打不开的。

zip

发布资源于 3 年前

控制台实现js发起http请求 —— AJAX 实例解析

此处以一个简单的测试用户登录接口为例。。。如果一个网站的登录模块设计的很简单的话，可以通过不断发起请求去测试一个账号的密码。。。// 第一步：创建 XMLHttpRequest 对象var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp =...

Charles安装及使用教程——请求抓包、Https配置

针对前段时间出现接口入参送错问题，后续QA需要测试接口的入参和出参，杜绝问题再次发生。作者：神文大佬mac目前主流的抓包工具：Charles --人称“青花瓷”1. Charles安装官网下载安装Charles:https://www.charlesproxy.com/download/注：官网版本有时间限制，破解版请自行百度。2. HTTP抓包（1）查看电脑I...

Yushi前端笔试题【一期】

1、描述以下6种错误类型Syntaxerror语法错误。常见：1、变量名不符合规范；2、给关键字赋值。ReferenceError引用错误，要用的变量没找到。常见：1、引用了不存在的变量；2、给一个无法被赋值的对象赋值。TypeError类型错误。常见：1、调用不存在的方法；2、new关键字后接基本类型。RangeError范围错误，...

github本地推送至远程主分支指令

git push origin + 你的分支名（master 或 gh-pages）

rem的正确使用姿势 -- 完美解决H5页面不同尺寸屏幕的适配问题

实例代码：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>废土坱行&a

【问题记录】npm 重置镜像失败 -- 删除.npmrc文件即可

1、我在A项目中对 npm 镜像进行重置，重置成功后查看镜像还是没变，但是其他项目的镜像都已经change过来了。2、具体操作指令：npm config set registry http://registry.npm.taobao.org/npm config set registry https://registry.npmjs.org/npm config get regis...

廖雪峰Git教程笔记与总结 -- Git简介、常用命令、分支管理

本文主要用于记录阅读Git教程 - 廖雪峰的官方网站后的一些心得笔记，并且对git一些常用命令做一个整理总结。本文要点分为：1、Git简介；2、Git常用命令；3、Git分支管理。一、Git简介什么是Git？Git是目前世界上最先进的分布式版本控制系统（没有之一）。Git的诞生个人觉得还是很有必要了解一下Git的来龙去脉的，这样可以加深对Git这家伙的认识。很多人都知...

鼠标移动特效之图片跟随鼠标移动

代码如下：<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <style type="text/css"> #im {

macbook触摸板和鼠标的滚动方向分开设置

说重点，请下载这个神器：https://pilotmoon.com/scrollreverser/ 好了，接下来有兴趣的话就看下方介绍吧。 Mac使用技巧总结——如何独立设置Mac触摸板方向和鼠标滚轮方向？苹果Macbook的使用者都知道，Mac自带的触控板非常好用，不仅支持多手势操控，而且手感极佳，使用流畅。但是如果对鼠标的焦距有高有求的使用者来说（例如：需要使用ps...

vue Element UI使用中.$scopedSlots.default is not a function 报错

情景描述:在使用 element ui 的el-table 组件时，表头进行v-if判断来动态显示，正常来说这样的操作时没得任何毛病的，但是如果在这基础上使用 <template slot-scope="scope"> 操作的话，表头一旦切换就会报错，错误信息如下图：解决办法如图：解释一下：这是因为在v-for或者v-if切换标签时，多个相同的标签被渲染，...

有趣的代码

例如在控制台中运行下面这堆玩意儿:ﾟωﾟﾉ= /｀ｍ´）ﾉ ~┻━┻ //*´∇｀*/ ['_']; o=(ﾟｰﾟ) =_=3; c=(ﾟΘﾟ) =(ﾟｰﾟ)-(ﾟｰﾟ); (ﾟДﾟ) =(ﾟΘﾟ)= (o^_^o)/ (o^_^o);(ﾟДﾟ)={ﾟΘﾟ: '_' ,ﾟωﾟﾉ : ((ﾟωﾟﾉ==3) +'_') [ﾟΘﾟ] ,ﾟｰﾟﾉ :(ﾟωﾟﾉ+ '_')[o^_^o -(ﾟΘﾟ...

CSS 选择所有子元素添加样式

方法：> *以实际项目中less为例：.lk-toolbar { .el-input { width: 169px; margin-right: 10px; } > * { margin-bottom: 20px; }}上面代码成功实现了 .lk-toolbar 下一切子元素的 margin...

null 和 undefined 区别

vue刷新后menu激活态定位当前路由

方法：利用el-menu 自带属性 default-active 匹配当前路由 $route.path实例：<el-menu:unique-opened="true":router="true":collapse="isCollapse"class="elMenu"text-color="#fff"background-color="#37363B"

【解决方案】jison解决JS处理后台返回的Long型数据精度丢失

问题描述：这是一个经典的js连个long类型都搞不定的问题，网上很多暴露该问题的解决方案大都是让后端把该字段改为string类型。比如我之前也是这样做的：【问题记录】控制台解析preview和response数据不一致→解决JS处理后台返回的Long型数据精度丢失没过多久，在网上看到了另一种稀有的处理方式——jison，号称“bison in javascript”，意思是js的一头野...

自定义生成后的jsonlint

这是基于jison工具，通过修改JSONNumber中的numer转换规则，将long类型的numer值进行匹配，然后将其转为string，从而避免Long类型的数据在js中出现精度丢失的问题。该jsonling.js文件是已经修改过后生产的辅助文件，可直接在项目中引用。使用方法： 1、在html中引入该文件 [removed][removed] 2、在请求的相应数据response中调用它 return jsonlint.parse(data) 3、可在控制台查看每次请求拿到的数据，long类型已转换string；注意浏览器中的Preview显示还是异常的，这个不影响前端读取数据。

发布资源于 3 年前

【上传文件】基于阿里云的视频点播VOD、对象存储OSS实现音视频图片等文件上传

一、效果演示a.测试界面初始化b.点击【上传视频】c.点击【开始上传】d.点击【上传音频】选择音频之后点击【开始上传】c.点击【上传图片】，注意图片上传为单按钮，选择文件之后自动完成上传d.点击【确定】来获取以上几个上传文件成功之后返回的最关键的key值注：其中音视频我们取其videoId，图片取url 二、测试页面代码此处，先展示上...

eslint忽略部分检测 | 解决引入第三方库之后new操作对象报错 not defined

在vue项目中引入第三方库之后，进行 new 操作时，eslint 经常会报未声明变量的错误，此时如果整个文件 ignore 掉的解决手段有点粗暴，我们建议采用 eslint 给我们的建议加一段忽略校验的注释。例子截图如下:常用忽略用注释代码如下：1、忽略 no-undef 检测/* eslint-disable no-undef */2、忽略 no-new 检测/* ...

JS数据类型转换小技巧

X + '' // 等价于 String(X) +X // 等价于 Number(X),也可以写成 x-0 !!X // 等价于 Boolean(X)

VS Code 主题风格设置

本文用于保存个人中意的几款 theme style ~ ~1、吸血鬼主题颜色主题：Dracula Official文件图标主题：Material Icon Theme 2、深海主题颜色主题：Material Theme文件图标主题：（安装上方颜色主题插件时自带） ...

【问题记录】VS Code 设置缩进无效

nvm、node、npm、yarn安装指南及常用终端命令

引发本文记录的导火索源自每次 npm install -g xxx 全局安装模块的时候总会遇到权限限制问题。解决方法：1、改权限，使用管理员权限sudo命令sudo npm install -g xxx或者sudo chown -R $USER /usr/local2、改变全局路径此处不展开介绍3、改用nvm来管理node，如果已安装node，需要卸载重新通过nv...

MAC彻底删除库乐队，清空音乐创作所占内存

如图：一般库乐队卸载之后，我们还是会有一些残留的音乐（课程）文件，占用系统好几个G的内存，如果不常用该功能的话，可以通过以下终端命令来彻底清空：rm -rf /Library/Application\ Support/GarageBandrm -rf /Library/Application\ Support/Logicrm -rf /Library/Audio/Apple\ ...

CSDN博客去广告--浏览器插件 v2.0

利用谷歌浏览器的扩展程序来实现去除CSDN博客中多余的广告弹窗，下载解压后按照说明书简单安装一下即可使用。 ---- * 新增一层元素获取判断，避免部分广告元素不存在导致整段代码运行中止。

zip

发布资源于 3 年前

HTML清缓存设置

<meta http-equiv="Expires" content="0" /><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Cache-Control" content="

【前端路由】Vue-router 中hash模式和history模式的区别

咱们今天说说VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，不要小看这道题其实问到这里的时候那个面试官应该是个大牛，开发经验丰富，这个题其实就是考验你的开发经验是否属实。咱们来看看小白的回答。小白回答：hash模式url带#号，history模式不带#号。回答总结：这个回答其实和没有回答是一样，百度一下都知道了，官网文档也有，如果这样回答就能通过，那么那个...

有趣的代码注释图案整理【持续更新】

_(\_/) ,((((^`\ (((( (6 \ ,((((( , \ ,,,_ ,((((( /"._ ,`,...

一个11点前睡觉都做不到的人，你能指望他做什么

前天晚上为了赶项目，回到家又敲了会儿代码，难得在不受干扰的环境下尽情地沉浸于代码的世界，一不小心就熬夜到了深夜两点。次日，也就是昨天，一整天的状态可以说是萎靡不振，整个世界都是朦胧的，以至于当天的工作效率极低，以及工作激情也是毫无动力可言。于是，昨天晚上立马在11点左右就入睡了，今天的整个状态都是精神饱满的！其实早睡并不难，就看你愿不愿意了。再者，连11点前睡觉这点小要求都做不到，更别说每...

【问题记录】如何根据不同环境动态配置请求携带凭证 withCredentials

如图，情景描述：我在开发环境上，引用了yapi的mock数据，但是此处并不需要模拟Set-Cookie的操作，but我请求中的withCredentials一旦打开就会影响到每个请求的响应头必须去设置：Access-Control-Allow-Credentials: trueAccess-Control-Allow-Origin: http://localhost:8080才...

【问题记录】控制台解析preview和response数据不一致→解决JS处理后台返回的Long型数据精度丢失

问题描述：后端返回数据preview和response不一致（翻译成专业术语就是：JS处理后台返回的Long型数据精度丢失）问题分析：JS在处理返回数据类型是Long的时候，精度会丢失一部分！！！问题原因：JS内置有32位整数，而number类型的安全整数是53位。如果超过53位，则精度会丢失。正如现在后台传来一个64位的Long型整数，因此超过了53位，所以后台返回的...

【问题记录】关于vue-cli项目build后，index.html无法在浏览器打开

第一种如图：打包后的index.html加载资源失败 > 提示报路径错误 > 需要我们对build操作进行一些path上的调整！具体如下：1、静态资源的绝对路径改为相对路径config --> index.js --> build:{ assetsPublicPath: './' } 注意斜杠前面多加一个点哦2、添加图片资源的访问路...

【问题记录】没了dev-server.js文件如何模拟后台数据

之前的package.json中默认配置如下：而最新脚手架搭建的项目配置如下：由此可见，项目的开发环境启动已经不再依赖dev-server.js这个多余的一步，而是直接在webpack.dev.conf.js运行，此时如果我们需要配置express来模拟请求返回数据的话，做法如下：（1）安装express：npm install express --save（2）在...

【问题记录】axios修改请求数据格式

默认请求数据的格式是这样的：修改请求头信息headers: { 'Content-Type': 'application/x-www-form-urlencoded' }修改请求数据// 修改请求数据 transformRequest: [function (data, headers) { let ret = '' ...

【问题记录】VeeValidate配置中文的两种不同做法

旧版： "vee-validate": "^2.0.0-rc.13"新版："vee-validate": "^2.1.0-beta.7"安装最新版的VeeValidate之后对其进行中文化操作时，之前老一套（2.0版）中文化的做法如下图：系统报错提示 addLocale 是不存在的，所以这个时候，要么将版本降低至2.0版，要么就再安装一个玩意儿：vue-i18n执行命令 y...

【问题记录】新建项目时git clone 与vue init 冲突事件

git clone 与vue init 相爱相杀首先，我在git上新建了一个项目 leke-operation。然后，我在本地clone了这个项目 leke-operation。接着，我在本地的这个项目（目前是一个空文件夹 leke-operation）执行命令 vue init webpack leke-operation这会儿你会很fu*k的遇到vue初始化命名必须输入项目名，...

网站动态背景线条跟随鼠标移动，吸附鼠标效果代码

实现如图所示的一个动态背景线条随鼠标移动而吸附聚集的一个效果，代码如下： <script> !function(){ function n(n,e,t){ return n.getAttribute(e)||t } function e(n){ return document....

前端框架选型&项目技术栈参考资料

web技术选型参考：1、框架自身是否成熟2、生态系统是否完善3、是否满足项目需求目前常见的主流技术参考，根据github关注度排名：架构框架框架名技术支持思想针对性 React Facebook 虚拟dom，单项数据流高效创建交互式组件 Vue Evan You（尤雨溪）轻量级AngularJs ...

浏览器发送cookie规则

一、场景再现当前一个需求，前端不同的域名去请求同一个后端域名服务，导致cookie共用相互影响。例子：http://m.test1.com、http://m.test2.com、http://m.test3.com用户访问以上3个链接时，后端请求访问的服务为同一个：http://meng.test.com解决方案：跨域过程中要尽量避免多对一的映射，采用一对一的方式。将每...

【问题记录】vue单页面项目中解决安卓4.4版本不兼容的问题

一、问题描述用户在用夜神安卓模拟器时打开我方APP时，H5页面显示空白！二、问题分析因为模拟器的系统版本过低，现在安卓系统已经到8了，但是夜神模拟器的系统还是4.4。所以浏览器版本也过低，不支持我们目前的写法。三、解决方案1.cnpm安装cnpm i babel-polyfill --savecnpm i es6-promise --save 2.m...

【解决方案】js小数运算出现多位小数问题

一、问题描述在一次后台返回数据进行百分率转换过程中，出现部分数据显示异常，比如：二、解决方案1、最快最简便的方法直接调用 toFixed() 函数进行四舍五入为指定小数位数的数字。2、也可以通过操作字符串来进行计算或拼接，具体自行探索。三、问题原因浮点数值的最高进度是17位小数，但在进行运算的时候其精确度却远远不如整数；整数在进行运算的时候都会转成10进制；而Jav...

CSS书写规范

一、CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(...

前端面试题精选

一、电话面试开场白1、你先简短地介绍一下自己2、你是怎么学习前端的（红宝书？犀牛书？博客？社群？github、segmentfault、v2ex、stackoverflow ...）3、怎么才算一个好的前端开发者（沟通、设计、交互、特效、兼容、封装、造轮子 ...）4、谈一谈你未来三五年的职业规划（资深WEB前端工程师？资深WEB架构师？转岗管理或其他？自己创业？...） ...

前后端分离实践总结 | 跨域请求的那些事儿

一、前言关于前后端分离的概念，之前个人的理解主要停留在开发模式上的分离，而实际上要真正实现前后端完全分离还需要涉及部署环境的分离，所有此处介绍的前后端分离应该是web应用的一种架构模式。如图，在传统架构模式中，前后端代码存放于同一个代码库中，甚至是同一工程目录下。页面中还夹杂着后端代码。前后端工程师进行开发时，都必须把整个项目导入到开发工具中（当前我们微信提现的项目就是属于此类）。...

【解决方案】微信网页链接分享自定义

一、需求描述如图，图1是其它游戏分享链接的显示效果（前提是在微信中打开并分享出去），图2是我们游戏页面（同样在微信中打开并分享出去）分享链接的显示效果。要达到图1的自定义文案与图标的效果，经研究与各种尝试，得到的最佳解决方案为采用微信提供的JS-SDK，微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。二、解决方案1、如图，根据微信JS-S...

【解决方案】前后端分离之后，请求跨域无法传递cookie的问题

前端关键代码：如图，在请求上加个 withCredentials: true 即可。当然，这只是前端打开一个开口而已，后端做的事情可就多了。如图，后端服务在进行跨域处理的时候，需要将 Access-Control-Allow-Credentials 设为 true 即可。原理：以上前后端设置的ture属性（withCredentials、Access-Con...

CSDN博客去广告-谷歌插件

关键代码：document.getElementsByClassName("box-box-large")[0] && document.getElementsByClassName("box-box-large")[0].remove();document.getElementsByClassName("csdn-tracking-statistics mb8 box-s...

花式输出！玩转console.log

一、console.log格式化打印console.log格式化这一用法一般都在个人博客或其他官网上有，当F12查看网页元素时，在控制台(console)那里偶尔会发现一些个性化的输出，感觉很奇特很好玩，其实现原理不难看一遍就晓得，具体实现如下 1、%c表示css样式 console.log('%c hello world', 'color: red;font-size...

CSDN博客去广告--浏览器插件

利用谷歌浏览器的扩展程序来实现去除CSDN博客中多余的广告弹窗，下载解压后按照说明书简单安装一下即可使用。

zip

发布资源于 3 年前

js隐藏手机号码中间

案例代码如下： // 判断是否为11位的纯数字 if (Number(cellValue) && String(cellValue).length === 11) { var mobile = String(cellValue) var reg = /^(\d{3})\d{4}(\d{4})$/ return...

js 判断一个 object 对象是否为空

本文仅介绍最好用的两种判断方法：1、JSON.stringify(a) === '{}'2、Object.keys(a).length === 0例子：参考链接：js判断一个object对象是否为空

微信公众号开发--js关闭浏览器回到公众号对话窗口

直接调用微信提供的接口即可：WeixinJSBridge.call('closeWindow');ps: 在微信开发者工具中可能会报错，提示该方法不被支持，不过在手机上该方法是没毛病的！ ...

MAC系统 & VS Code 常用快捷键备忘

复制粘贴等常识就不废话了，本文仅记录笔者个人常用、易混淆、易遗忘的一些MAC快捷键操作。 ctrl+cmd+Space 召唤小可爱cmd+Z 撤回shift+cmd+Z 取消撤回（撤回的上一步）ctrl+cmd+F 放大窗口/缩小窗口的切换shift+cmd+F 谷歌浏览器全屏显示切换cmd + T 浏览器中打开新标签页cmd + shift + B 浏览器书签...

vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native

vue运行为v-on在监听键盘事件时，添加了特殊的键盘修饰符：<input v-on:keyup.13="submit">vue还非常贴心地给出了常用按键的别名，这样就不必去记keyCode ~ ~上面代码，还可以在这样写： <input v-on:keyup.enter="submit"><input @keyup.enter="submit...

Vue生命周期简介

Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的Vue实例不同。1、beforeCreate　　在实例初始化之后，数据观测和event/watcher时间配置之前被调用。2、created　　实例已经创建完成之后被调用。在...

vue中input限制最多两位小数

<el-input size="medium" v-model.trim="account" placeholder="提取金额" :maxlength="inputMaxL" @input="inputMaxL = /^\d+\.?\d{0,1}$/.test(account) ? null : account.length - 1"></el-input&

Kuroko's Development Notes

PPT学习笔记

读书笔记 | 《人间处方》夏目漱石写给青年的信

前端常用数据处理方法

Vue粒子特效使用教程（vue-particles插件）

vue中 computed 与 watch 、 created 与 mounted 彼此的关联与顺序

echarts.min.js

JS操作滚动条置顶+动画效果

operation-demo.zip

C#与JavaScript的语法区别

2019年前端面经

前端实现json数据格式化展示

footer位置的自动适配（主内容不足一屏时显示在最底部，超出一屏时跟随主内容显示）

开发历程碎碎念

js报错类型（6种错误类型）

【笔记】前端零碎知识点摘要

关于2019年的养生大业

人生在世不如意，续命还得靠鸡汤

2018年度总结 - 黑子

js判断手机端和pc端以及微信浏览器

【问题记录】Uncaught TypeError: Cannot assign to read only property 'exports' of object '

veeValidate使用data-vv-scope实现部分区域校验以及清空errors

vue-qr二维码插件使用简介

vue-qr二维码插件使用简介

npm和yarn常用命令对比

npm和yarn常用命令对比

项目中安装 less 和 less-loader 命令

【笔记】前端开发的演变

后台管理系统模板简介

【上传组件优化】el-upload组件结合上传阿里云OSS实现更优交互

js接收客户端base64图片转换Blob

Javascript函数节流 —— How To Use Throttle

关于git如何移花接木——本地分支推送多个远程分支

【装13手册】MAC常用终端命令及快捷键操作

【装13手册】MAC常用终端命令及快捷键操作

MAC终端SVN常用命令

MAC终端SVN常用命令

Eslint 配置及规则说明

【读书笔记】《你不知道的JS-上》

css 文本超出就隐藏并且显示省略号

前端面试官经验总结 | 前端面试小技巧

MAC安装Charles破解版简易教程

Charles425破解版

控制台实现js发起http请求 —— AJAX 实例解析

Charles安装及使用教程——请求抓包、Https配置

Yushi前端笔试题【一期】

github本地推送至远程主分支指令

rem的正确使用姿势 -- 完美解决H5页面不同尺寸屏幕的适配问题

【问题记录】npm 重置镜像失败 -- 删除.npmrc文件即可

廖雪峰Git教程笔记与总结 -- Git简介、常用命令、分支管理

鼠标移动特效之图片跟随鼠标移动

macbook触摸板和鼠标的滚动方向分开设置

vue Element UI使用中.$scopedSlots.default is not a function 报错

有趣的代码

CSS 选择所有子元素添加样式

null 和 undefined 区别

vue刷新后menu激活态定位当前路由

【解决方案】jison解决JS处理后台返回的Long型数据精度丢失

自定义生成后的jsonlint

【上传文件】基于阿里云的视频点播VOD、对象存储OSS实现音视频图片等文件上传

eslint忽略部分检测 | 解决引入第三方库之后new操作对象报错 not defined

JS数据类型转换小技巧

VS Code 主题风格设置

【问题记录】VS Code 设置缩进无效

nvm、node、npm、yarn安装指南及常用终端命令

MAC彻底删除库乐队，清空音乐创作所占内存

CSDN博客去广告--浏览器插件 v2.0

HTML清缓存设置

日期相关操作

【前端路由】Vue-router 中hash模式和history模式的区别

有趣的代码注释图案整理【持续更新】

一个11点前睡觉都做不到的人，你能指望他做什么

【问题记录】如何根据不同环境动态配置请求携带凭证 withCredentials

【问题记录】控制台解析preview和response数据不一致→解决JS处理后台返回的Long型数据精度丢失

【问题记录】关于vue-cli项目build后，index.html无法在浏览器打开

【问题记录】没了dev-server.js文件如何模拟后台数据

【问题记录】axios修改请求数据格式

【问题记录】VeeValidate配置中文的两种不同做法

【问题记录】新建项目时git clone 与vue init 冲突事件

网站动态背景线条跟随鼠标移动，吸附鼠标效果代码