自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Kuroko's Development Notes

热爱生活!热爱前端!— — 知其然 知其所以然 知其必然

原创 C#与JavaScript的语法区别

1. var关键字 // C#中 var total = 15; var mec = new MyExcellentClass(); // 等价于 int total = 15; MyExcellentClass mec = new MyExcellentClass(); C#中,var关...

2019-07-31 20:44:05 666 3

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

关于夏目漱石,或许你不是很熟,但有一句话,你肯定听说过,就是「今晚的月色真美」。当年夏目漱石给自己学生解释「I love you」,不该将其直译为「我爱你」,应该说「月が绮丽ですね(今晚的月色真美)」更为恰当。很多人认为夏目漱石的翻译是一种浪漫、含蓄的表达,而当我读完《人间处方》之后,我认为夏目漱...

2020-04-23 11:48:26 201 0

原创 前端常用数据处理方法

本文主要介绍的是项目开发过程中使用频率较高的一些数据处理方法,其他一些使用频率不高的方法就不在此处多做介绍了,有兴趣的同学可以自行延伸探索哦~ 数据类型 值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、S...

2020-02-06 19:24:01 1494 0

原创 Vue粒子特效使用教程(vue-particles插件)

演示预览:点击查看效果 演示代码:点击查看代码 官方教程:https://vue-particles.netlify.com/ 具体步骤如下 1、安装插件 npm install vue-particles --save-dev 2、引入插件 import Vue from &#...

2020-01-21 16:51:27 371 0

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

首先,来认识一下他们的一个基本写法长啥样,直接看下面这个demo: <template> <div> <p> {{ firstNum }} </p> <p> {{ secondNum }} &l...

2019-11-06 16:32:02 1313 0

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

一、最实用方法: window.scrollTo({ top: 0, behavior: "smooth" }); 调用 scrollTo 方法,并设置 behavior 动画效果。等同于自己手动设置元素的 scrollTop = 0 window.s...

2019-10-14 11:38:11 508 0

原创 2019年前端面经

一、前戏 时隔「多年」,我又回来啦! 近期博客的月产出率实在不忍直视,转眼2019的上半年就这么就这么就这么过去了!马上就会迎接2020年了

2019-07-12 17:51:38 2856 20

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

1. 故事前景: 后端返回给前端一串json字符串,前端需要做格式化处理并将其美观地展示给用户。 2. 效果演示: 3. 实现代码: <!DOCTYPE html> <html lang="en"> <head> &l...

2019-05-23 22:26:53 5346 0

原创 footer位置的自动适配(主内容不足一屏时显示在最底部,超出一屏时跟随主内容显示)

直接上自测可行的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="...

2019-04-29 09:20:57 729 3

原创 开发历程碎碎念

一个好的后端真的可以让前端开发的心情无比愉悦啊 ~ ~ ~ 能用Mac开发真是件幸福的事情! 一边(戴耳机听歌)抖腿一边(在机械键盘上)敲代码,也许这就是做程序员最大的乐趣吧! 只有敲代码的时候才觉得自己还算是个有用的人。。。 无法想象那些不喝咖啡不听音乐的人怎么能敲好代码...

2019-04-18 11:14:40 144 2

原创 js报错类型(6种错误类型)

js中的控制台的报错信息主要分为两大类,第一类是语法错误,这一类错误在预解析的过程中如果遇到,就会导致整个js文件都无法执行。另一类错误统称为异常,这一类的错误会导致在错误出现的那一行之后的代码无法执行,但在那一行之前的代码不会受到影响。 SyntaxError // SyntaxError: ...

2019-03-08 15:31:21 1505 1

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

1. 什么是原型链? 由于__proto__是任何对象都有的属性,而js里万物皆对象,所以会形成一条__proto__连起来的链条,递归访问__proto__必须最终到头,并且值是null。 当js引擎查找对象的属性时,先查找对象本身是否存在该属性,如果不存在,会在原型链上查找,但不会查找自身...

2019-02-14 11:39:39 168 0

原创 关于2019年的养生大业

程序员不止眼前的逻辑和代码,还应有健康的体魄和精气神。 身体是革命的本钱呀!兄嘚! 加班修仙不可取,养生大业是王道! 1、调整工作姿势 买个升降设备,尝试站着办公。   2、保持午休闭目养神 就算睡不着也要让眼睛休息会儿。   3、多喝开水 少喝咖啡,多泡枸杞菊花茶。 ...

2019-01-30 17:44:49 291 1

原创 人生在世不如意,续命还得靠鸡汤

马太效应 :“凡是有的,还要给他,使他富足;但凡没有的,连他所有的,也要夺去”,这句话也可以理解为好的越好,差的越差,还可以理解为一步领先,步步领先,我们有时刻有这个意识,只要你去用心去努力地提高自己一次,你会发现你更容易获得新的提高,就这样,你的生活就会慢慢发生改变,变的越来越好。你努力一次,得...

2019-01-29 17:05:39 248 0

原创 2018年度总结 - 黑子

前言 三年对于一名程序员来说是我们修行的第一个瓶颈,这个阶段将会淘汰掉一批不适合写代码的人。这一阶段,我们走出校园,迈入社会,成为一名程序员,正式从书本上的内容迈向真正的企业级开发。我们知道如何团队协作、如何使用项目管理工具、项目版本如何控制、我们写的代码如何测试如何在线上运行等等,积累了一定的...

2019-01-29 16:33:03 455 2

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

方法一: if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { console.log('this is wap'); } else { console.log(�...

2019-01-11 05:27:55 689 0

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

1、问题描述 项目之前正常的路由配置是这样的:   2、路由配置说明 第一种做法: 每个页面模块目录通过一个 index.js 主入口来导出(module.exports)对应的vue文件,然后 router.js 中通过 require 方法去引入资源。 这一做法是没毛病的,...

2019-01-07 16:17:00 5066 0

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

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

2019-01-06 14:52:28 2256 0

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

官方介绍:https://www.npmjs.com/package/vue-qr 1、安装 npm install vue-qr --save 2、导入vue项目中使用 下面给出一个简单的demo &lt;template&gt; &lt;vue-qr ...

2019-01-05 14:40:27 13505 8

原创 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 uninsta...

2019-01-03 17:13:33 587 0

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

npm命令如下: npm install less less-loader --save-dev 或者 yarn命令如下: yarn add less less-loader --dev 建议安装在本地依赖,没必要装全局环境,安装成功后 package.json 如下:   要...

2019-01-03 17:05:28 17136 0

转载 【笔记】前端开发的演变

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

2018-12-26 18:03:05 104 0

原创 后台管理系统模板简介

1、效果演示 管理后台系统模板-预览 2、重点内容 1. 用户登录态的实现 - cookie 2. 本地mock数据方式 - EasyMock/ExpressMock/MockJs/YapiMock/本地拦截 3. 前端请求做了哪些事情 - axios 4. 前端路由模式 - vueRo...

2018-12-26 11:57:48 1197 0

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

1、效果展示 2、实现代码 在components目录下,新建组件 myImgUpload.vue,代码如下: &lt;template&gt; &lt;div&gt; &lt;el-upload ...

2018-12-26 11:42:10 1554 0

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

大致场景就是前端通过jsBridge获取客户端返回的base64图片数据,然后将base64的数据转为Blob图片,然后拿着这个Blob图片文件上传到阿里云去!对,就是这个意思,接下来请欣赏项目中滴代码: // 将以base64的图片url数据转换为Blob convertBase64UrlT...

2018-12-22 15:17:13 1077 0

原创 Javascript函数节流 —— How To Use Throttle

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

2018-12-22 14:25:57 132 0

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

如何实现本地一份代码,同时推送给多个远程项目。一顿操作如图: 关键命令: git remote -v 查看远程地址 git remote remove origin 移除远程关联 git remote add origin ...(git地址) 关联远程地址 以上命令,只是切换ori...

2018-12-19 14:40:36 805 0

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

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

2018-11-29 11:48:35 187 0

原创 MAC终端SVN常用命令

  拉取命令:svn co svn地址(svn://192.168.55.43/project/development/yushi/frontWeb/mweb) 更新代码: svn up 添加命令: svn add 文件名 提交命令: svn commit -m "提交描述&q...

2018-11-28 11:24:04 147 0

原创 Eslint 配置及规则说明

一、常用配置 先附上本人常用配置,在 .eslintrc.js 文件中: rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'error' : &#...

2018-11-26 20:07:49 718 0

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

本书概要: 1、作用域和闭包 2、this和对象原型 笔记1 &gt; 3.4 块作用域 &gt; 3.4.3 let &gt; 垃圾收集 let 变量可以通过显示的块作用域来实现内存垃圾回收,正确代码: function process(data) { ...

2018-11-26 16:13:26 97 0

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

一行的情况 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行   两行的情况 overflow: hidden; text-overflow: ellips...

2018-11-22 13:40:49 83 0

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

历时2个多月,前后也面试了上百余人,个人能力并没有多强大,但出于公司需要也就厚着脸皮去面各种前端大佬(啊哈哈终于轮到劳资当家做主了!)。好景不长,从第一份电话面试的小紧张,到线下面试的小期待,再到后来的轮番面试的疲倦,最终形成了对简历过敏的状态,现在的我看到简历就想吐。苦头也吃了,罪也受了,总不能...

2018-11-17 15:51:21 3706 2

原创 MAC安装Charles破解版简易教程

Charles:青花瓷抓包工具。 官网下载:https://www.charlesproxy.com/download/(可惜限制了30天的使用期限) 破解版下载:https://download.csdn.net/download/fifteen718/10774499 破解版安装方式: ...

2018-11-09 11:59:41 85 0

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

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

2018-11-09 11:23:25 2604 0

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

针对前段时间出现接口入参送错问题,后续QA需要测试接口的入参和出参,杜绝问题再次发生。 作者:神文大佬 mac目前主流的抓包工具:Charles --人称“青花瓷” 1. Charles安装 官网下载安装Charles:https://www.charlesproxy.com/do...

2018-11-08 16:55:29 136 0

原创 Yushi前端笔试题【一期】

1、描述以下6种错误类型 Syntaxerror 语法错误。 常见:1、变量名不符合规范;2、给关键字赋值。 ReferenceError 引用错误,要用的变量没找到。 常见:1、引用了不存在的变量;2、给一个无法被赋值的对象赋值。 TypeError 类型错误。 ...

2018-10-31 10:25:00 98 0

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

git push origin +  你的分支名 (master 或 gh-pages)

2018-10-13 18:27:38 239 0

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

实例代码: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;meta...

2018-10-13 15:46:26 5978 1

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

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

2018-10-11 16:00:34 1838 0

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