自定义博客皮肤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

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

  • 博客(223)
  • 资源 (13)
  • 论坛 (1)
  • 收藏
  • 关注

原创 C#与JavaScript的语法区别

1. var关键字// C#中var total = 15;var mec = new MyExcellentClass();// 等价于int total = 15;MyExcellentClass mec = new MyExcellentClass();C#中,var关键字并不是特定类型变量的符号。它只是句法上的速记,表示任何可以从初始化语句的右边推断出的类型。它不像j...

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

原创 PPT学习笔记

正确制作PPT的流程新建文件夹,文件夹命名:日期+项目+制作者新建子文件夹,分别是:+ 01 素材 02 文档 03 PPTX 04 输出+号充当回收站的作用,有关PPT无用的边角料都可以暂存在这。素材:主要是图片文档:word文档PPTX:PPT的过程文件输出:各种格式,PPT、MP4、PDF等PPT组成部分封面目录过度内页结尾制作先整体,后细节。先白底黑字制作逐字稿。做完逐字稿再去设计和美好。设计设计原理:注意留白(注意细节)、划分层级、视觉顺序、整体统一、

2020-07-29 10:31:48 108

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

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

2020-04-23 11:48:26 679 1

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

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

2020-02-06 19:24:01 1713

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

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

2020-01-21 16:51:27 931

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

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

2019-11-06 16:32:02 4624 2

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

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

2019-10-14 11:38:11 1062

原创 2019年前端面经

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

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

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

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

2019-05-23 22:26:53 9191 1

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

直接上自测可行的代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...

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

原创 开发历程碎碎念

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

2019-04-18 11:14:40 187 3

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

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

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

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

1. 什么是原型链?由于__proto__是任何对象都有的属性,而js里万物皆对象,所以会形成一条__proto__连起来的链条,递归访问__proto__必须最终到头,并且值是null。当js引擎查找对象的属性时,先查找对象本身是否存在该属性,如果不存在,会在原型链上查找,但不会查找自身的prototype2. 什么是前端工程化?这是个很大的概念,但是在我们的日常开发中又很常见。...

2019-02-14 11:39:39 215

原创 关于2019年的养生大业

程序员不止眼前的逻辑和代码,还应有健康的体魄和精气神。身体是革命的本钱呀!兄嘚!加班修仙不可取,养生大业是王道!1、调整工作姿势买个升降设备,尝试站着办公。 2、保持午休闭目养神就算睡不着也要让眼睛休息会儿。 3、多喝开水少喝咖啡,多泡枸杞菊花茶。 4、继续早睡计划提高白天工作效率,下班到点该走就走。早点回去还能看点技术书补充下理论知识,...

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

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

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

2019-01-29 17:05:39 310

原创 2018年度总结 - 黑子

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

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

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

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

2019-01-11 05:27:55 1184

原创 【问题记录】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...

2019-01-07 16:17:00 7706

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

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

2019-01-06 14:52:28 2907

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

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

2019-01-05 14:40:27 24294 11

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

2019-01-03 17:13:33 1031

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

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

2019-01-03 17:05:28 26190

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

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

2018-12-26 18:03:05 132

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

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

2018-12-26 11:57:48 2133

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

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

2018-12-26 11:42:10 1976

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

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

2018-12-22 15:17:13 1608

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

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

2018-12-22 14:25:57 185

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

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

2018-12-19 14:40:36 1284

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

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

2018-11-29 11:48:35 337

原创 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 更多参考:...

2018-11-28 11:24:04 204

原创 Eslint 配置及规则说明

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

2018-11-26 20:07:49 1501 1

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

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

2018-11-26 16:13:26 120

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

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

2018-11-22 13:40:49 135

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

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

2018-11-17 15:51:21 5605 4

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

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

2018-11-09 11:59:41 395

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

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

2018-11-09 11:23:25 3721

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

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

2018-11-08 16:55:29 276

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

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

2018-10-31 10:25:00 128

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

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

2018-10-13 18:27:38 367

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

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

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

一个简单美观的登录界面

用html、JS、css写的一个登录界面的网页。 可以进行用户名、密码判断;界面跳转。 当然,该例子主要是展示css对页面的美化效果。

2016-03-09

一个复杂美观的登录界面

相比之前的那个【简单版】登录界面,该模板新增: 1、js 回车事件,并且能够兼容多个浏览器; 2、界面布局的层次结构优化; 3、按钮监听响应事件的实现方式优化; 4、包含全屏方法的实现; 5、连个div块的叠加; ---------------------------以下为上个版本介绍--------------------------- 用html、JS、css写的一个登录界面的网页。 可以进行用户名、密码判断;界面跳转。 当然,该例子主要是展示css对页面的美化效果。

2016-03-24

jquery-touchslider使用案例(注解版)

1、包含jquery、touchslider的js插件代码,以及两个使用案例,其中test.html为关键的注释版例子。 2、该代码主要展示了手机端H5滑动切换页面的使用方法。

2017-07-24

echarts.min.js

该资源仅提供常用的几个图表控件,上传于此方便自己下载使用。有需要的同学建议直接去官网下载哦:https://www.echartsjs.com/zh/index.html

2019-10-25

operation-demo.zip

1. 用户登录态的实现 - cookie 2. 本地mock数据方式 - EasyMock/ExpressMock/MockJs/YapiMock/本地拦截 3. 前端请求做了哪些事情 -  axios 4. 前端路由模式 - vueRouter 5. 表单校验交互 - veeValidate 6. 列表查询的UI和交互 - elementUI

2019-08-13

Charles425破解版

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

2018-11-09

自定义生成后的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显示还是异常的,这个不影响前端读取数据。

2018-09-20

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

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

2018-09-10

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

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

2018-07-13

ExtJs常用布局--layout详解实例代码

ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 该文件含ext3.2.0压缩版,可直接运行哦!

2016-05-23

用extjs写的登录界面

这是用extjs3.2.0写的一个登录界面,而且是经过删减ext中无效文件的精简版,里面给了详细的注释说明,方便入门学习! 功能强大:包括账号密码的判断、浏览器缩放时候的窗口自适应、键盘enter键的监听、分别用相对定位和绝对定位对ext元素进行布局等。

2016-03-28

2048小游戏——网页版(改进篇)

重点说明:该资源为原版2048的改进版! 主要改进:1、把数字换成了文字;2、新增暂停查分按钮;3、尺寸改为屏幕的百分比,支持缩放。 ---------- 以下为上个版本的介绍 ---------- 这是一个用js写的网页版2048游戏,实现2048游戏的基本功能。 比如:绘制网格、随机生成数字、动画移动数字、累计分数、重置游戏等。 我再代码中进行了非常详细的注释,相信有一点点基础的开发人员都能迅速看懂,快来试试吧! 当然,大神还可以在这个文档的基础上对游戏进行改进,比如添加一些更炫酷的动画效果,自定义数字、文字、图像等。

2016-03-16

2048小游戏——网页版

这是一个用js写的网页版2048游戏,实现2048游戏的基本功能。 比如:绘制网格、随机生成数字、动画移动数字、累计分数、重置游戏等。 我再代码中进行了非常详细的注释,相信有一点点基础的开发人员都能迅速看懂,快来试试吧! 当然,大神还可以在这个文档的基础上对游戏进行改进,比如添加一些更炫酷的动画效果,自定义数字、文字、图像等。

2016-03-07

黑子Kuroko的留言板

发表于 2020-01-02 最后回复 2020-01-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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