Kuroko's Development Notes

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

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

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

2019-05-23 22:26:53

阅读数 7

评论数 0

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

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

2019-04-29 09:20:57

阅读数 55

评论数 3

开发历程碎碎念

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

2019-04-18 11:14:40

阅读数 32

评论数 0

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

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

2019-03-08 15:31:21

阅读数 79

评论数 0

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

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

2019-02-14 11:39:39

阅读数 66

评论数 0

关于2019年的养生大业

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

2019-01-30 17:44:49

阅读数 160

评论数 1

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

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

2019-01-29 17:05:39

阅读数 105

评论数 0

2018年度总结 - 黑子

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

2019-01-29 16:33:03

阅读数 141

评论数 0

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

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

2019-01-11 05:27:55

阅读数 63

评论数 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

阅读数 502

评论数 0

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

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

2019-01-06 14:52:28

阅读数 457

评论数 0

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

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

2019-01-05 14:40:27

阅读数 976

评论数 6

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

阅读数 54

评论数 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

阅读数 1381

评论数 0

【笔记】前端开发的演变

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

2018-12-26 18:03:05

阅读数 41

评论数 0

后台管理系统模板简介

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

2018-12-26 11:57:48

阅读数 103

评论数 0

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

1、效果展示 2、实现代码 在components目录下,新建组件 myImgUpload.vue,代码如下: <template> <div> <el...

2018-12-26 11:42:10

阅读数 339

评论数 0

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

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

2018-12-22 15:17:13

阅读数 222

评论数 0

Javascript函数节流 —— How To Use Throttle

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

2018-12-22 14:25:57

阅读数 47

评论数 0

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

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

2018-12-19 14:40:36

阅读数 41

评论数 0

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