自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(92)
  • 收藏
  • 关注

转载 EXIF.Js:读取图片的EXIF信息

首先,EXIF是什么?EXIF(Exchangeable Image File)是“可交换图像文件”的缩写,当中包含了专门为数码相机的照片而定制的元数据,可以记录数码照片的拍摄参数、缩略图及其他属性信息,简单来说,Exif信息是镶嵌在 JPEG/TIFF 图像文件格式内的一组拍摄参数,需要注意的是EXIF信息是不支持png,webp等图片格式的。(建议自己试的时候,现拍一张,把地理位...

2019-09-22 08:49:00 1332

转载 Axios的GET与POST区别

这一篇记事博文本来是上个月就准备写的,谁知道一回学校就太快乐了...首先两种请求的配置不多说了,项目里的api.js是这样写的前面的{params:params},作为值的params是一个参数集合的对象,而后面的{params:params},则是参数名称就叫params,但作为值的params也是一个参数集合的对象把mock....

2019-09-07 11:40:00 2289

转载 在Vue-Cli项目中使用全局less变量

最开始是在Vue2.X版本中尝试使用Less全 局变量的,但是不知道因为什么原因一直报错,错误信息大概是未安装css-loader一类的错误,但天地良心我装了!!后面发现Vue3.0版本中配置要简单一些,于是就提前升级了Vue-cli3.0,大概是3.11的版本(原本想等2.x常用的东西都学的差不多了再说)关于升级到Vue-cli3.0的相关知识请看这里:使用Vue-cli 3....

2019-09-02 10:29:00 1046

转载 Vue & Axios & Mock & Axios-Mock-Adapter:在Vue项目中模拟接口、请求以及数据

0.首先需要会在vue项目中安装mockjs以及简单的mockjs语法1.目录分为api和mock:在api.js中封装代理函数在mock/data/user.js中进行mock,这里模拟的是一组用户数据在mock/mock.js中配置请求模拟调试器两个不同的index.js都只是为了在main.js中引入时好看一点?(打扰了,我也不知道其他原因)2. 先以...

2019-08-26 15:18:00 454

转载 Vue全家桶+ElementUI+Mock.Js实现的后台管理系统:学习笔记

-----写在前面-----虽然自己写了个仿站,但小林心里十分有数,这个玩意到时候可能都不好意思写到简历上,果然前端越往后面学越觉得自己之前是弟弟。现在在看6月份的简历,突然明白为啥公司们都不要我...就干两个月,技术还没多好,打扰了(;′⌒`)把ElementUI的官网文档过了一遍,感叹作者也太????了...大神们造的轮子属实给劲正好看到了一个用标题所列的技术栈搭建的...

2019-08-24 10:05:00 559

转载 Vue项目中引入Mock.js & Mock.js语法整理

1.安装 :cd项目目录,npm install mockjs --save-dev2.使用:在src文件夹下创建mock文件夹,在mock文件夹中创建一个api.js文件(命名随意)3.在main.js中添加一行require('./mock/api')4.api.js配置配置方式1(一看就懂版)// 引入mockjsc...

2019-08-19 10:47:00 310

转载 WebPack/NPM/Vue-Cli...等 报错、配置...等整理

-----写在前面-----真的恐怖,用webpack和npm这些东西的时候,由于并没有先系统的学一遍,而是用到什么地方了再学一下,导致经常会有不知道如何解决的错误。因此专门整一篇博客用来记录遇到的报错和解决方法。-----2019.08.18-----Eslint报错"Extra semicolon":情景: vue-cli 构建项目,模版为webpack ,...

2019-08-19 09:17:00 119

转载 MarkDown语法总结

有关MarkDown更详细的概述以及中文文档参见:MarkDown中文文档VS Code中原生支持MarkDown的预览,也可以安装另一个插件来获得更好的预览效果预览按钮(一个是插件的预览,一个是原生的预览):markdownlint的错误分析详见文章最末尾下面是正文:1.标题:标题分为两种形式[Setext] 和 [atx] ,前者只支...

2019-08-17 10:45:00 1478

转载 Vue-cli工程项目中各个文件夹及文件的作用分析

1. build文件夹:存放webpack的相关配置以及脚本文件,在实际开发过程中只会偶尔用到webpack.base.conf.js,配置less、babel等编译器2.config文件夹:常用到此文件夹下config.js(index.js) 配置开发环境的 端口号、是否开启热加载 或者 设置生产环境的静态资源相对路径、是否开启gzip压缩、npm run build ...

2019-08-09 09:39:00 1184

转载 keep-alive组件及相关知识

-----写在前面-----ReadHub仿站的项目接近完成了,现在就剩下页面样式咯,又到了我最头疼的CSS环节...暑假的小林真的是懒狗,每天要和lol、steam、桌游、肥肉斗争,平均暑期每天用来写代码和学习的时间只有一个多小时,劳模小林要等回学校了ฅʕ•̫͡•ʔฅ有点明白为什么项目经验那么重要了,在完成这个小小小项目的过程中真的学了一大堆东西,从vue-cli的配置到a...

2019-08-04 18:59:00 102

转载 Vue+Axios:使用拦截器来取消多次重复的请求

-----写在前面-----家园的面试项目接近尾声了,剩下一个大模块(响应式布局)和两个小功能(下拉到一定程度获取新的信息、持续监听返回数据,当有更新时在页面上方提示)听起来下拉到某个位置获取新信息是不难,但今天就遇到了两个问题:1. 下拉过程中会不断发起url相同的请求,可能会有被拉黑的风险,并且影响实际性能。最重要的,在then()方法中会将返回数据稍做处理后添加进组件数...

2019-07-28 15:11:00 967

转载 小程序--WXS(1)

---是的,Vue还没学精的我,又要开始学小程序了,但是逮着一个东西一直学有点疲惫(虽然Vue要学的东西浩如烟海...)---WXS是啥?(官方文档介绍)WXS(WeiXin Script)是小程序的一套脚本语言,结合WXML,可以构建出页面的结构。WXS 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。WXS 与 JavaScript 是不同的语言,有自...

2019-07-23 11:45:00 124

转载 Vue路由传参及路由参数变化后而页面不刷新的解决

--7.23更新--更完善及多样的解决方法路由传参问题原文路由参数变化但页面不变化问题原文仍然是readhub仿站项目,各路由的切换采用了Vue-router,由于实际上各个路由界面的结构是完全相同的,只是各路由对应的API域名不同(如/topic与/news),即获取并填入的数据不同因此在这里我就只准备了一个子组件(下图的topic.vue,名字还没改哈...

2019-07-21 19:00:00 1559

转载 在Vue项目中配置less可能会遇到的问题

我好像把能踩的坑全踩了一遍??1.只安装了less和less-loader就以为可以了在webpack.base.conf.js中添加了less的描述无情报错2.把上面提到的三个去安装好之后,确定已经配置好无情报错again,错误和上面一样3.直接来狠的,把node_modules删除重新下载再重新cnpm rebuild...

2019-07-18 09:45:00 417

转载 Vue-cli+axios: 跨域

家园工作室的学长给了一个用于在面试时作为重要依据的任务,搞一个readhub的仿站,初步的思路:1.使用vue-router来进行页面路由切换,相关配置参考2.axios从api接口获取数据3.预处理器选择less,eslint暂且搁置一边,等大致完成了来调整4.获取数据后使用数据的内容生成页面截至目前存在的问题:1.特殊跨域,jsonp跨域,api接口不知cb名...

2019-07-17 11:01:00 103

转载 JS常用正则表达&RegExp对象

本来想细致整理一下正则表达式和RegExp对象的,但是发现网上完善的教程一抓一大把,于是这篇文章只会记录一些常常用到的正则表达式以及稍做分析。*转义:/b/匹配字符b,/\b/匹配单词边界,/a*/匹配a、aa、aaa...,/a\*/只匹配a*.*双重转义:这两个模式起的作用是一样的,但从普通正则表达式到RegExp对象,需要去掉//,并且对\进行转义成为\\,\\则需要变...

2019-07-07 11:53:00 84

转载 Vue-router: 直接引用与使用vue-cli

-----2019-08-09补更新-----hash模式与history模式hash模式:在浏览器中符号“#”,#以及#后面的字符称之为hash,用window.location.hash读取;特点:hash虽然在URL中,但不被包括在HTTP请求中;用来指导浏览器动作,对服务端安全无用,hash不会重加载页面。hash 模式下,仅 hash 符号之前的内容会被包含在请求...

2019-07-03 16:36:00 266

转载 Vuex复习&简单demo

原本觉得自己之前已经学过vuex了,要不直接上手Webpack试一下(iview组件库作者的《Vue.js实战》里是这样安排的),但是实在头疼,不清楚是不是webpack版本还是配置的问题,跑起来一直报错...(版本装的跟书上的也一样,甚至webpack-dev-server版本也一样),改了端口、重装了node...一个有关Appserv端口占用/修改的问题,因为默认都是跑在8...

2019-07-02 15:01:00 98

转载 Render函数:留言列表组件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...

2019-06-30 16:26:00 199

转载 路由切换:监听hashchange事件实现

感谢这两位大佬的分享:原生js中的bind()哈希路由实现&原理暑期实习还是没有着落...HR们是不是都觉得,这位同学就实习两个月,东西学完了就跑了?呜呜呜不是啊我会好好工作的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...

2019-06-27 16:03:00 1671

转载 Render函数(4):开发可进行排序的表格组件

写在前面(6.26):还剩社会学和运筹学两门考试就结束了大二时光啦,无论如何也回不来的大学时光里,小林经历了三次比较失败的恋爱,做出了一个人生规划(前端),拿了一次奖学金,交到了能交心的朋友,开始了一次新的恋爱。从懒狗变得稍微勤快一点了:因为意识到,我来不及了,如果大三上学期没有掌握node、webpack、设计模式啊等等座座大山,那我可能真的错失先机了。面试题抄了两本了,暑...

2019-06-26 19:56:00 281

转载 Render函数(3):函数式组件、JSX初接触

写在前面:说实话视频学习的方式真的不适合我...之前在B站和慕课上的Vue视频学的组件啊Vuex啊router真的只是囫囵吞枣啊,会用是会用,但是呆的很。还是纸质适合我,应该这一周就能复习完Vuex和router了,冲!<!DOCTYPE html><html lang="en"><head> <meta chars...

2019-06-25 12:27:00 234

转载 Render函数(2):使用原生js替代自定义指令、修饰符、slot

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2019-06-24 15:18:00 549

转载 懒加载:判断高度法与IntersectionObserver API法

感谢阮一峰老师撰写的非常详细的教程实现的大致预览:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...

2019-06-22 18:26:00 214

转载 在网页中使用icon图标:png、svg、iconfont

在写个人简历时,好多地方都用到了各式各样的icon图标,不仅是为了样式的美观,更是能够为访客提供很好的指引,比如:放上这些图标,总比干巴巴的 ‘点击右侧进入详情’ 好⑧(在做简历网站的时候,本来是想用svg一把梭的,简单好用,也不知道为啥突然觉得,哎,都用了这么久svg了,试试png吧:) 结果一发不可收拾,大概二十多张png图片,还没有用雪碧图,我脑壳痛)(还是建议用下...

2019-06-22 11:54:00 880

转载 《Vue.js实战》章9:Render函数(1)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2019-06-22 10:05:00 104

转载 模拟键盘事件与鼠标事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2019-06-20 11:05:00 261

转载 LocalStroage上手:实现一个刷新后仍然存在的ToDoList

LocalStroage、SessionStroage、Cookie之间的区别、功能、优劣势就不提了,网上的博客一个比一个详细,这个demo的实现也很简单,在这里就直接上这个demo的源码(不得不说这个作者的代码写的真的有种美感,这个demo来自知乎专栏 我是前端切图仔) <!DOCTYPE html> <html lang="en"> &lt...

2019-06-16 12:37:00 155

转载 防抖与节流:最基础的性能优化

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2019-06-16 10:20:00 83

转载 Vue自定义指令--实时时间转换指令

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2019-06-15 10:26:00 128

转载 Vue自定义指令--开发一个可从外部关闭的下拉菜单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2019-06-13 16:01:00 227

转载 《Vue.js实战》章七 组件——标签页组件:思路详解

先上带有部分注释的全部代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2019-06-11 15:13:00 315

转载 《Vue.js实战》章七 组件——数字输入框组件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...

2019-06-11 13:43:00 421

转载 托管在github上的个人简历、静态网页里的音乐播放器,暂停、下一首、顺序播放...

把github、git、github pages大概搞清楚了之后俺就开始写托管在github pages上的简历网页了,第一次感觉自学以来不算是浪费时间,还是学到了一些东西的。感觉响应式设计和浏览器兼容会是一个很大的问题,我的预想大概是这样:判断是移动端还是浏览器端:  移动端:加载移动端的样式表  浏览器端:判断是哪个浏览器(因为发现相同样式在谷歌和火狐上的效果有一定...

2019-06-02 12:58:00 328

转载 2019.5.24 自学前端 120天

时间从来不会等人准备好了再继续向前。这120天来,有1/3在划水,随便做几个简单的demo(有时甚至不做)就关掉VS code,打开了Steam或者Wegame;有1/3在原地踏步,日学习时间小于两小时。只有剩下的1/3里我才真正的被这股兴趣拉着走,为每一个新get的东西感到由衷的成就感,包括在橙旭园里刚接触到jQuery,用BootStrap写了一个小网页送给小姑娘,跟着...

2019-05-24 10:02:00 59

转载 《超实用的jQuery代码段》-3:计算加载时间、模拟抽奖、规定年龄计算、通用的清空表格函数...

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2019-05-24 09:35:00 74

转载 查询、移除数组中特定值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery-3.3.1.min.js"></script&g...

2019-05-23 09:40:00 109

转载 jQuery对JSON数组的简单排序

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...

2019-05-23 08:23:00 555

转载 回车键替代Tab键及提交功能(原生JS)

window.onload = function(){ document.getElementById('one').focus(); } var inputGroup = document.getElementsByTagName("input"); var inputGroupArr = Array.from(document.g...

2019-05-22 09:20:00 680

转载 非父子组件间的通信:中央事件总线、父链、子组件索引

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-05-21 17:58:00 97

空空如也

空空如也

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

TA关注的人

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