- 博客(83)
- 收藏
- 关注
RSS订阅转载 前端面试考点多？看这些文章就够了（2019年6月更新版）
金三银四跳槽季，offer快到碗里来，前端面试考点众多，而网上各个知识点的博客文章又太多，看的眼花缭乱……所以便整理了一下常见知识点的精华文章，每个知识点的文章控制在3篇以内，尽量覆盖该知识点的下容易被面试到的所有内容，文章都是之前自己读过的，确定是精华干货。文章会一直更新，也欢迎大家推荐精华文章，大家共同学习进步！2019年6月更新记录：1.删除了一些过时的文章。2.vue，r...
2019-11-01 17:08:26
511
原创 vue 中echarts的使用
在项目项目中,需要用到图表echarts,在这就不做解释了,只是把项目中用到的echarts记录一下echarts官方地址:https://www.echartsjs.com/zh/index.htmlecharts w3c文档:https://www.w3cschool.cn/echarts_tutorial/vue-echarts:https://v-charts.js.or...
2019-10-30 15:29:14
662
原创 文字无限循环滚动
在项目实现过程中,需要实现文字垂直循环滚动,第一时间想到使用css实现,不过先介绍一下js实现.注:以下代码是基于vue的1.js实现原理: 实际上就是一个计时器定时执行 top ++ ,当执行到底部时,top 值置0,回到顶部继续执行滚动,但这个会有一个明显的缺点,用户会明显的的感觉到,滚动到底部时,有一个跳跃到顶部的过程实现: const...
2019-10-30 14:35:40
4645
转载 你未必知道的49个CSS知识点
看了老姚的文章,一如既往的优秀,只能说大佬总结的很到位.本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。另外这里，老姚谢谢各位一如既往的支持。
2019-08-02 11:19:09
341
原创 electron-vue实战--MAC
electron-vue官方文档:https://simulatedgreg.gitbooks.io/electron-vue/content/cn/一、场景: 日前有个查询手机积分和归属地的桌面应用,当然可以直接使用electron创建项目,但我想直接使用vue实现基本功能,然后通过electron打包成不同环境下的桌面程序.二、安装 该样板代码被构建为vue...
2019-07-30 14:41:36
2951
转载 前端 100 问：能搞懂80%的请把简历给我
引言半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试题，主要涵盖阿里、腾讯、头条、百度、网易等大公司和常见题型。得益于大家热情参与，现在每道题都有很多答案，提供的解题思路和答案也大大增长了我的见识，到现在已累积 100 道题目，『 8000+ 』Star 了，可以说你面...
2019-07-09 15:04:07
990
转载 7个有用的Vue开发技巧
1 状态共享随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们可以应对一些简单的跨组件数据状态共享的情况。如下这个例子，我们将在组件外创建一个store，然后在App.vue组件里面使...
2019-07-05 15:34:38
6835
原创 按钮级的权限控制
1.背景 近期在开发云服务项目，对于button级别的权限控制有一定的要求，但是一处处改的话比较吃力不讨好，费时费力，就想着做一个封装。基础环境：vue + element2.尝试 1⃣️封装button组件 第一想法就是封装一个button组件，然后在需要的地方引用，但是这个想法还是有个bug，不管button组件封装的如何，但...
2019-04-23 16:31:15
8325
原创 打造独一无二的vsCode-Mac
对于一个前端开发者，编译器是必不可少，现在被广泛使用的编辑器也是比较多，例如sublime，atom，vsCode。之前我一直是使用sublime和atom，现在首次接触vsCode，说实话功能确实强大，用了都说好（确实相对比较易用）。现在给大家说一些常用的插件：（如果插件安装，并且配置也已经完毕，但没达到期望的效果，重新启动vsCode即可）。插件的安装方式：1⃣️输入需要的插件...
2019-04-19 17:15:41
4680
转载 常用的HTTP请求头与响应头
常用的HTTP请求头与响应头HTTP消息头是指，在超文本传输协议（ Hypertext Transfer Protocol ，HTTP）的请求和响应消息中，协议头部分的那些组件。HTTP消息头用来准确描述正在获取的资源、服务器或者客户端的行为，定义了HTTP事务中的具体操作参数。关于HTTP消息头 常用的HTTP请求头 常用的HTTP响应头1. 关于HTTP消息头HTTP消...
2019-04-17 11:11:39
260
转载 理解react生命周期，以及react生命周期的使用场景
前言：在最初学习react的过程中，我对react的生命周期没有足够的重视，使得我在开发过程中遇到了很多问题。弄懂react的声明周期，可以让你的代码更加高效，更加优美。什么是生命周期函数？生命周期函数（钩子函数）通俗的说就是在某一时刻会被自动调用执行的函数。react的生命周期可以分成四个部分：props,state,render()函数：1.render()函...
2019-04-17 11:00:39
187
原创 简谈vuex
Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex原理resetStoreVM(this, state)他就是整个vuex的关键// src/store.jsfunction resetStoreVM (store, state, hot)...
2019-04-03 13:49:32
338
转载 99%的人都理解错了HTTP中GET与POST的区别
GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题，你的内心充满了自信和喜悦。你轻轻松松的给出了一个...
2019-03-26 13:55:35
182
转载 丧心病狂的Github骚操作
原文链接：https://blog.csdn.net/ityouknow/article/details/88568638Github,一个被业内朋友成为「全球最大的同性交友社区」的平台。小时候遇到不会的字可以查新华字典。后来写作文我们可以通过作文书、或者文摘去找合适的素材。同样，写代码可以去Github上找适合自己的代码片段，甚至开源框架。不再重复造轮子，带来的好处不...
2019-03-22 13:43:21
303
原创 基于react 的markdown编辑器
一，背景 近几天工作比较轻松吧，打算把之前没有完成的博客后台管理系统的发布博客功能实现，这就需要一个基于react的markdown编辑器。 之前的博客实现是使用vue实现的，后台管理想使用react，对于vue的markdown编辑器还是非常多而且健全的，但基于react的markdown编辑器，，说实话，少而功能不全，找了很多，也试了很多，总体来讲体验不好。不过，最后还是...
2019-03-12 10:54:14
7451
3
转载 科学计数法转数字
JavaScript 中经常会碰到数值计算问题，偶尔会在不经意间报一个不是bug的bug。今天来说说一个特殊的例子。我以0.0011BTC 价格买入 0.0002CZR 计算出了的金额是 0.00000022BTC，而 JavaScript 计算出来的金额是2.2e-7。值是对的，只是用了科学计数法，也是数值类型。但是问题来了，一般用户用户看不懂2.2e-7，那么就把它转换成0.00000...
2019-03-07 15:55:42
13890
转载 git命令
Git常用命令使用大全查看、添加、提交、删除、找回，重置修改文件git help <command> # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- <file> # 抛弃工作区修改git co . # 抛弃工作区修改git add <file> # 将工作文件修改提交...
2019-03-01 13:43:32
178
原创 一个简单的web json编辑器
在实现需求的过程中，需要对权限进行编辑，具体的一张图表示吧。传入一个json，可以对其进行编辑，并有规则验证和回撤功能。当时收到需求的时候，第一时间想到的是手撸一个组件，但是撸到一半（不要多想，撸代码）发现坑太多，自己手撸太不划算。然后打算找一些符合或者稍微符合的第三方的插件，然后修改源码成自己需要的，然后github整理了一些基于vue实现的json编辑器。以下只是做一个简单...
2019-02-22 15:52:16
33609
6
原创 vue入门
什么是VUE？Vue.js（读音 /vjuː/, 类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据...
2018-12-22 20:00:16
766
2
原创 vue 数据更新不渲染
情景： 在使用vue element的table表格时，想对table的cell进行编辑。 点击修改实现如下功能：代码：<el-table-column label="名称"> <template slot-scope="scope"> <div v-if=...
2018-11-08 18:08:35
4621
原创 axios的二次封装-vue
axios基于promise用于浏览器和node.js的http客户端特点支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 自动转换JSON数据 浏览器端支持防止CSRF(跨站请求伪造)默认配置全局修改axios默认配置global.js文件信息/** * 全局常量配置 */let BASE_URL = ...
2018-10-26 11:03:54
585
原创 mavon-editor 保存的html显示问题
之前使用mavon-editor作为富文本编辑器，保存之后，在vue中直接使用v-html对返回的html数据进行展示。 预期的结果： 本应该和编辑过程中预览框里的样式相同。 实际结果： 没有任何样式。 查找问题： 1.第一次尝试 感觉应该是引入问题，but，仔细查看了很多遍...
2018-10-25 15:32:06
9373
8
转载 webpack优化-速度优化-文件搜索范围
减小文件搜索范围在使用实际项目开发中，为了提升开发效率，很明显你会使用很多成熟第三方库；即便自己写的代码，模块间相互引用，为了方便也会使用相对路劲，或者别名(alias)；这中间如果能使得 Webpack 更快寻找到目标，将对打包速度产生很是积极的影响。于此，我们需要做的即：减小文件搜索范围，从而提升速度；实现这一点，可以有如下两法：配置 resolve.modulesWebpack的...
2018-09-18 15:46:35
481
原创 webpack优化-速度优化-多线程
1、背景 对于webpack来说，默认的配置都是单线程的，并没有充分利用电脑cpu的资源，可以充分利用cpu实现多线程打包和压缩项目，以达到节省编译时间的目的。2、介绍&&使用 1⃣️、webpack-parallel-uglify-plugin Webpack 默认提供的 UglifyJS 插件，由于采用单线程压缩，速度颇慢 ；推荐采用...
2018-09-18 15:41:36
6591
原创 webpack优化-速度优化-hard-source-webpack-plugin
1、背景 在项目实现的过程中，想在代码更改的同时，查看效果的改变，而这个时候长时间的编译等待，造成了额外的时间浪费。2、简介 HardSourceWebpackPlugin是webpack的插件，为模块提供中间缓存步骤。为了查看结果，您需要使用此插件运行webpack两次：第一次构建将花费正常的时间。第二次构建将显着加快（大概提升90%的构建速度）。3、实现 ...
2018-09-18 15:05:31
20380
2
原创 webpack优化-速度优化-Dll
一、DLLPlugin的使用 1、背景 对于vue项目而言，不可避免的会使用一些第三方的库，这些库本身并不会运行，我们也不会修改这些库的代码，但是每当我们修改了业务代码之后，这些库也会被重新打包，极大的浪费了时间，这时我们就需要使用工具预先把静态资源提前打包，以后修改源文件再打包时就不会打包这些静态资源文件了。而webpack在打包的时候，对于一些不经常更新的第三方库，...
2018-09-18 14:48:16
1382
原创 原生websocket的那些事
HTML5 WebSocketWebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通...
2018-09-14 17:54:19
1594
转载 如何在Vue项目中使用vw实现移动端适配
有关于移动端的适配布局一直以来都是众说纷纭，对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着viewport单位越来越受到众多浏览器的支持，因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。到目前为止不管是哪一种方案，都还存在一定的缺陷。言外之意，还没有哪一个方案是完美的。事实上真的不完美？其实不然。最近为...
2018-09-03 09:45:44
1661
原创 iterm2-放飞你的终端-mac
下载链接：https://www.iterm2.com/downloads.htmliterm2安装完成，功能虽然很强大，但是自带的theme太丑了，这个时候就用到了oh-my-zsh.安装 oh my zsh在iterm2执行sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools...
2018-08-10 10:42:03
2777
1
原创 vue + node模仿简书
近期公司的事相对少了些，就打算学学node，毕竟一个不会node的前端不是一个好前端，不过发现自己学的不怎么样，数据库建表也是一塌糊涂，但是不管怎么说，项目也算是上线了，只能后期慢慢完善我那自己都不敢看的代码。在这里写这篇博客，只是记录一下，我在实现过程中碰到的坑。在这个项目里主要使用的是vue + node + mysql（他们都说节点配mongoDb，我就是喜欢用mysql），样式和排...
2018-08-09 14:25:58
1644
1
转载 H5和HTML5的区别
我也是一直搞混淆，总是傻傻分不清楚，看了这篇文章，总算有了一个大概的认识。感谢：foreverlikui ，参考： 博文注意注意：H5不=HTML5H5 是一个产品名词HTML5是一个技术名词对于知乎多个相关问题里批判H5的叫法，我只想说：图样图森破，上台拿衣服打个比方，如果有个人跟你说：“我要做个网站，H5的”。那TA是想让你用header、footer、nav、se...
2018-07-30 18:03:45
4661
原创 mac Jump DeskTop 的使用之连接linux
参考链接（如果打不开，请翻墙）：https://support.jumpdesktop.com/hc/en-us/articles/216423843-iOS-How-to-setup-a-SSH-connection之前也大概讲解了Jump DeskTop连接windows的方法（链接）。Jump DeskTop能连接windows，那估计也可以连接linux吧，但是两者的连接方式是不一...
2018-07-26 17:50:02
6732
8
原创 mavon-editor + multer 制作图片上传
开始学习node，想开发一个简易版的blog系统，前端用vue，后端使用node，第一次接触后端代码，还是有点不熟悉的。不说没用的了，我想实现blog发表。1.第一次尝试把文字和图片提取出来，然后整个markdown数据全部存入数据库async saveNote (value, render) { let imgStr = render.match(/<img[^&...
2018-07-19 10:53:11
2363
3
转载 入门Webpack，看这篇就够了
2017年12月7日更新，添加了clean-webpack-plugin,babel-env-preset,添加本文涉及到的所有代码的示例，如果你在学习过程中出错了，可点击此处参考写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的...
2018-07-12 16:59:55
197
原创 Android Studio工具花样玩法（主题和字体）- mac
近期准备完flutter，就下载了Android Studio，安装完成，有可能是我电脑屏幕太小吧，总是感觉字体太小。百度，google了很多，不是版本不一样就是全是windows的，终于解决了，记录一下。一、修改字体大小1.修改代码字体大小1⃣️点击Preferences2⃣️修改Editor下的Font2.修改左边项目目录的字体大小这个不光只是修改项目目录字体大小，整个工具的字体大小都会修改，...
2018-07-10 18:05:08
6044
原创 小程序开发工具中的那些快捷键-mac
玩编程的同学都是知道的，开发工具是很重要的，开发工具中的快捷键会让你的开发速度有所提升，近期正在学习小程序，在这里对小程序开发工具的一些快捷键做一些总结。快捷键Mac OS 快捷键Windows 快捷键说明⌘ + Q 退出开发者工具⇧ + ⌘ + Nshift + ctrl + N新建项目⇧ + ⌘ + Wshift + ctrl + W关闭当前项目文件 ⌘ + Nctrl + N新建文件⌘ +...
2018-07-10 10:30:58
12143
原创 小程序导入百度天气
目前因为公司的需求，在看小程序，发现小程序还是与VUE很像的，对于有一定VUE基础的，学习小程序还是很容易入手的。这次就来聊一下，小程序中百度天气的引入和展示。1.申请AK申请小程序百度AK：http://lbsyun.baidu.com/apiconsole/key点击创建应用应用类型选择微信小程序，APP ID选择你小程序的APP ID，应用名称填写完成点击提交，在查看应用里就有我们所创建的应...
2018-07-09 16:37:36
1839
原创 谈谈浏览器插件-Tampermonkey
Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器，它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。 虽然有些受支持的浏览器拥有原生的用户脚本支持，但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利。 它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功...
2018-07-04 17:24:28
1747
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人