- 博客(78)
- 收藏
- 关注
RSS订阅
原创 关于 npm WARN checkPermissions Missing write access to 问题的解决办法
问题解决方案众多，本文我本人自行研究，不足之处请多多指教本人使用 win10 系统，在运行 npm install 时一直报错，如图：在百度上寻找了许多方法，都未解决问题后来发现是权限不够，现在提供解决办法：1、首先我是 win10 家庭版用户，需要升级到专业版，如果已经是专业版用户可忽略 点击左下角，输入 控制面板 ----》打开后找到 系统 点击后 ----》
2017-12-25 10:22:34
27226
11
原创 使用electron打包为window客户端
最近接触的项目需要将前端打包成exe的window客户端，简单研究了一下目前常用的 electron，感觉很方便很实用，在此分享一下自己的使用心得，不足之处，多多指教！ 建议不要下载官网demo，我遇到的第一个坑就是使用了官网demo，可能是电脑系统的原因吧，一直不能安装成功，报错基本为权限问题，后来有幸拜到以为大佬，不遗余力的教我，使我能顺利打包成功，再次深深感谢！ ...
2019-11-12 14:32:05
2243
转载 IntelliJ IDEA 编辑器的使用
前言工欲善其事必先利其器最近受部门的邀请，给入职新人统一培训IDEA，发现有很多新人虽然日常开发使用的是IDEA，但是还是很多好用的技巧没有用到，只是用到一些基本的功能，蛮浪费IDEA这个优秀的IDE。同时，在这次分享之后，本人自己也学习到了一些新的使用技巧，所以借着这次机会，一起分享出来。希望可以帮到一些人。基于的 IDEA 版本信息：IntelliJ IDEA 2018...
2019-10-18 13:13:11
825
转载 开源项目总结 ----- 后台管理系统
1、非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架 ----- https://github.com/almasaeed2010/AdminLTE 2、一个基于 vue2.0 和 Eelement 的控制面板 UI 框架 -----https://github.com/Pan JiaChen/vue-element-admin ...
2019-10-14 09:45:56
377
转载 图片素材网站总结--高清大图、免费下载、无需版权、创意趣味
如果你还在用百度搜图，那真是“棒棒哒”，像你这么专一的人不多了。经常有人会问我，你一般在哪找的图片？不少朋友都会有自己的素材库，需要时提取就可以了。不过像我这么懒的人，图片分类都得好久，找图片就更费力了。需要图片时，一个都找不到；不需要了，一个个好看的图片通通冒了出来，好气哦~为了想用就有，不浪费我白花花的时间，我憋出了一个大招。我哼哧哼哧守在电脑旁，从（创意趣味，高清大图...
2019-10-11 14:55:58
716
原创 前端面试题总结
又到了一年一度的金九银十，是时候总结面试题了！网上的博文很多，我也算是集百家之长吧，分类总结，不足之处，多多指教！关于 JS 的面试题总结1、JS 中 let 、var 、const 的区别 这个问题在面试中很常见的，let 和 const 是 ES6 中新出现的，区别在于 let 创建的为可变变量，类似于 var，是可以多次修改的，但是他与 var 不同的...
2019-10-10 17:24:23
251
原创 Vue 项目性能优化
最近一直在转发更新，许久没有整理自己的总结了，今天忙里偷闲，整理一下目前出于主流的 VUE !Vue 框架通过双向数据绑定和虚拟 DOM 技术，进行数据渲染，DOM 操作等；没有完美的技术，我们能做的就是尽可能的去完善它，因此我整理了目前遇到的可优化的以及观摩别人的文档做的笔记，在此整合，不足之处，多多指教！代码包的优化1、屏蔽 sourceMap 项目开发完成，进行...
2019-09-12 13:49:05
362
转载 图片和框架的原生懒加载功能
当今的网站上充斥着大量媒体资源，例如图片和视频。图片约占网站平均通信量的 50%。然而这些图片中的大部分都没机会进入用户的视野，因为它们位于网站页面的头版之外。看到本文标题你会问「懒加载是什么东西？」CSS-Tricks 网站中有非常多的探讨懒加载的文章，其中有一篇非常详尽的《用 JavaScript 花式实现懒加载的指南文档》。简言之，我们要讨论的是一种延迟网络资源加载的机制，在该机制下，网...
2019-09-12 11:13:37
847
转载 Web 页面录屏实现
写在前面的话在看到评论后，突然意识到自己没有提前说明，本文可以说是一篇调研学习文，是我自己感觉可行的一套方案，后续会去读读已经开源的一些类似的代码库，补足自己遗漏的一些细节，所以大家可以当作学习文，生产环境慎用。录屏重现错误场景如果你的应用有接入到web apm系统中，那么你可能就知道apm系统能帮你捕获到页面发生的未捕获错误，给出错误栈，帮助你定位到BUG。但是，有些时候，当你不知道...
2019-09-09 13:14:00
592
转载 JS 开发常用工具函数
1、isStatic：检测数据是不是除了symbol外的原始数据function isStatic(value) { return( typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof valu...
2019-09-09 13:12:25
109
转载 JS 中的垃圾回收
对于开发者来说，JavaScript 的内存管理是自动的、无形的。我们创建的原始值、对象、函数……这一切都会占用内存。当某个东西我们不再需要时会发生什么？JavaScript 引擎如何发现它、清理它？可达性JavaScript 中主要的内存管理概念是可达性。简而言之，『可达』值是那些以某种方式可访问或可用的值。它们保证存储在内存中。这里列出固有的可达值基本集合，这些值明显不能被...
2019-09-09 13:08:04
305
转载 浏览器缓存机制全攻略
最近在项目中遇到了IE浏览器因缓存问题未能成功向后端发送 GET类型请求的bug，然后顺藤摸瓜顺便看了看缓存的知识，觉得有必要总结跟大家分享一下。在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降...
2019-09-09 13:06:13
140
转载 关于 Babel 你必须知道的
前言我第一次打开搜索引擎查询关于 Babel 的资料时，出现的竟然是关于 Babel 的传说。后来我花了小一天的时间去了解这个传说（来自《旧约圣经》）。Babel Tower 是全人类联手建造的一个建筑，人们决心合力修建一座通天高塔。因为人们心里少了对上帝的敬畏，多了为自己歌功颂德的功利。上帝不希望这个奇观建成，于是让人们分化成不同的语言，令其不能交流。之后，因为沟通不畅，工程被迫放弃，...
2019-09-09 13:05:13
325
转载 CSS 知识点 总结
本文汇总个人目前发过的所有 CSS 知识点动图，以便阅读。（本文动图很多，可能加载有点慢。）01.【负边距】????负边距的效果。注意左右负边距表现并不一致。左为负时，是左移，右为负时，是左拉。上下与左右类似02.【shape-outside】❤不要自以为是了。你以为自己是方的，在别人眼里你却是圆的03.【BFC应用】????BFC应用之阻止外边距合并（margin collapsing）...
2019-09-09 13:02:53
156
转载 提升开发幸福感的10条JS技巧
总结一些能够提高开发效率的JS技巧，这些技巧很实用，觉得挺好，想推荐给大家，所以有了这篇文章。生成随机UIDconstgenUid=()=>{varlength=20varsoupLength=genUid.soup_.lengthvarid=[]for(vari=0;i<length;i++){...
2019-09-09 12:55:06
99
转载 Vue 组件数据通信方案总结
背景初识 Vue.js ，了解到组件是 Vue 的主要构成部分，但组件内部的作用域是相对独立的部分，组件之间的关系一般如下图：组件 A 与组件 B 、C 之间是父子组件，组件 B 、C 之间是兄弟组件，而组件 A 、D 之间是隔代的关系。那么对于这些不同的关系，本文主要分享了他们之间可以采用的几种数据通信方式，例如 Props 、$emit / $on 、V...
2019-09-09 12:53:54
80
转载 十分钟快速了解 JS 中的 offset、scroll、client
在下开发中经常碰到 offset、scroll、client 这几个关键字，比如 offsetLeft、offsetHeight、scrollHeight、clientTop 什么的，每次都要各种实验，这里总结一下，一劳永逸。首先两张图镇楼，方便随时翻阅1. offsetoffset 指偏移，包括这个元素在文档中占用的所有显示宽度，包括滚动条、 padding、 border，...
2019-09-09 11:29:31
77
转载 面试加分项之 Nginx 反向代理与负载均衡
学到老活到老前端圈一直很新，一直要不停的学习，而且在进入大厂的路上，还要求熟悉一门后台语言等等。用一句别人开玩笑的话来说，java十年前的技术现在还能用，而前端的技术就不是这样的了突然想起了deno项目发布的时候，一个搞笑的issue，“求别更新了，老子学不动了”。虽然看起来是一个玩笑的issue，但却道出了前端们不得不表现出来的疲态，知识点越来越庞大，学习的内容越来越多也听到一些朋友...
2019-09-09 11:20:23
109
原创 ajax 解决跨域、cookie 存储等总结
写前后端分离项目，对接接口时不可避免的会遇到跨域问题，同时一般是从注册登录开始对接，为区分用户或者安全性问题需存储cookie 来判断用户状态，本文是我的使用总结，不足之处，多多指教！！我是 vue 的 Axios解决跨域或数据存储的链接1、解决跨域 2、cookie存储...
2019-08-21 17:31:44
415
原创 axios 解决跨域，token存储
写前后端分离项目，对接接口时不可避免的会遇到跨域问题，同时一般是从注册登录开始对接，为区分用户或者安全性问题需存储cookie 来判断用户状态，本文是我的使用总结，不足之处，多多指教！！我是传统的 jQuery 的 Ajax 解决跨域或数据存储的链接1、解决跨域 axios.defaults.headers.post['Content-Type'] = 'application...
2019-08-21 17:31:39
609
原创 vue项目打包提示文件体积过大的解决方法
使用vue搭建项目准备打包部署，输入命令：npm run build出现警告，asset size limit：The following asset(s) exceed the recommended size limit (244 KiB)意为编译的文件体积过大，解决方式如下：在 vue.config.js 文件中添加以下代码即可解决configureWebpack: ...
2019-08-21 17:24:10
4749
1
原创 layui 使用总结
layui 陪伴多年，最近忙里偷闲写点心得，供大家参考，不足之处，多多指教啦！官网：https://www.layui.com/doc/layui 量级较轻的同时支持多种效果，如常用的轮播、表单、栅格等等，个人比较喜欢。使用中发现 layui 中会存在一些不太注意就会发生问题的小细节，在此整理（按照layui文档顺序整理）1、栅格部分 如果不考虑响应式的话，现在 PC ...
2019-08-19 16:18:21
919
1
原创 easyMock 数据使用
之前写了两篇文章，第一篇为 easyMock 项目搭建，点我！！ 第二篇为 easyMock 数据格式示例，点我本篇文章是总结如何使用 easyMock 生成的数据首先点击预览，在 easyMock 中测试接口是否可以使用成功拿到返回值，即 easyMock 测试成功项目中进行测试点击复制接口地址 如上，接口调用成功！！(*^▽^*)(*^▽^*)~...
2019-08-19 14:41:56
534
2
原创 easyMock 数据接口操作流程
我的上一篇文章写了创建流程，点我点我！！下一篇文章为测试使用 easyMock 创建好的数据，点我点我！！创建好项目后点击进入其编辑页面，点击创建接口后，进入最后点击创建即完成。不足之处，多多指教！！！...
2019-08-19 14:38:01
1066
原创 EasyMock 使用总结
最近项目中需要使用 EasyMock 模拟数据，所以把使用心得总结出来，供大家参数，不足之处，多多指教！！点我去官网另外两篇文章，第一篇为 easyMock 项目搭建，点我！！ 第二篇为 easyMock 数据格式示例，点我1、创建团队项目 如图选择团队项目后首先点击右下角的的小人头像---》，此时可以创建团队名称，到此准备工作已经完成（记得起一个响亮的名字哦）...
2019-08-19 13:49:58
660
原创 H5 交互 APP（安卓、IOS）
现如今，可能出于多种原因如：IOS上架审核、规避敏感、开发进度。便于更新等原因吧，各种APP中多会应用部分 H5 页面，所以H5与原生APP的交互作为前端来说还是需要掌握的，经我的走过多种坑后，有如下总结，不足之处，多多指教！目前使用的项目为前后台不分离，java后台、jsp页面、绑定数据多用el表达式，也会有jq操作，如下总结基于当前项目以及与自己的APP开发人员共同的调试，后续可能会更新的...
2019-08-16 18:25:12
451
原创 ele-calendar 组件的使用
最近项目中需要使用日历，并且是可以展示标注的，因为基于 Element UI，所以多方查找后使用了ele-calendar 组件，话不多说，直接上代码：1、全局安装：npm install ele-calendar2、文件中使用： <ele-calendar :render-content="renderCont...
2019-08-16 17:35:50
5105
原创 axios 封装及使用
许久没有更新文档，终于有时间来整理了！！！在vue项目中使用封装后的 axios项目中引用 axios 组件后，在 main.js 中定义全局headers、baseURL header：axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; bas...
2019-08-16 17:10:55
1775
转载 浅谈 babel
bable 用来将es6转变为浏览器能够识别的代码vue-cli 脚手架的 .babelrc 文件1、安装 进入项目后，npm install babel-cli --save-dev （不在全局安装是因为，如果安装在全局，那么就是全局环境必须有 bable 项目才能运行，也就是说项目产生了对环境的依赖，另外这样做也无法支持不同项目使用不用版本的 babel...
2018-08-07 14:28:26
144
转载 Element 组件使用心得
Element 组件本人第一次使用，此文章为使用总结，不足之处请多多指教！1、推荐使用 npm 安装，可以更好的与 webpack 打包工具使用 npm i element-ui -S2、CDN（构建在网络之上的内容分发网络） 可以通过在页面上引入js和css文件进行使用 <!-- 引入样式 --> <link rel="sty...
2018-08-07 13:04:51
12609
原创 vue 项目心得总结
项目使用 vue ，组件库使用 Element，模拟数据使用 Easy Mock 。项目线上网址：本人对于 vue 、Element 以及 Easy Mock 涉猎不深，不足之处请多多指教！1、vue 项目目录结构详解 安装好 vue.js 后，生成的目录众多，在此对其进行目录解析 build 文件是项目构建 webpack 相关代码 conf...
2018-08-07 12:45:51
15746
原创 菜鸟使用mock.js心得
因为项目需要，开始使用mock.js，之前没有用过此类模拟数据的工具；本人菜鸟，写此文档仅为自己学习总结之用，不足之处请多多指教！1、登录后创建一个新的个人项目，开始编辑接口 如图，信息填好后点击项目进入后即可编辑。 ...
2018-08-07 11:38:11
880
原创 Sea.js 使用总结(2)
接上文章继续2、模块路径规则 缘由 通过 seajs 下载的模块文件，下载好后都放在 seajs.cache 对象里面： 由于 seajs 里所有模块的接口够没有暴露到全局，这样能避免污染全局环境，但同时也会导致调试时不是很方便 在 seajs 1.2.0 之前，需要通过下面的方式来拿到 JQuery seaj
2018-04-23 18:49:01
188
原创 Sea.js 使用总结(1)
因工作原因开始学习使用 sea.js，以此进行记录Sea.js 是一个适用于 web 浏览器端的模块加载器。在sea.js中，一切皆是模块在前端开发中，模块可以是js模块、css模块或者template等模块。sea.js 专注于 JS 模块(其他类型的模块也可以转换为 JS 模块) sea.js 遵循的 CMD 规范，下面开始进行详细阐述1、CMD 模块定义规范
2018-04-23 18:28:31
300
原创 Electron 使用总结
第一次接触 Electron ，不足之处，请多多指教！1、首先根据文档进行学习，官网 中文API (因为小白，所以使用中文API)
2018-04-17 17:57:27
370
原创 css 兼容性总结
1、css 解决单行文本溢出 p{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }2、css 解决多行文本溢出 p{ height: 40px; line-heig
2018-03-22 13:29:28
228
原创 win10 IIS 相关问题
1、今天首次使用 ISS 启动项目(因为项目已经配置完成，暂时不知如何配置，如有方案会尽快更新) 遇到 ip 问题，我的解决方案如下： 打开计算机 --》管理 --》服务和应用程序 --》IIS 管理器，右侧 --》LAPTOP-HDCUJFGB --》网站 --》你的项目 右键点击你的项目 --》编辑绑定，双击后编辑 --》 默认全部IP，可输入你想要配置的IP...
2018-03-20 10:14:35
276
转载 前端兼容 IE8 以上
本文为自己的总结以及转载，1、HTML5 标签兼容性解决： html5shiv.js 可以解决 IE6-8 浏览器兼容 HTML5 语义化标签 使用方法：在页面中引用 html5shiv.js 文件，必须写在 元素内，不能写在页面底部 demo地址：https://github.com/aFarkas/html5shiv/
2018-03-19 16:18:32
1301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人