![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目
文章平均质量分 76
若~~~
爱自己才是终身浪漫的开始。❤️
展开
-
前端网络安全相关知识 (XSS和 CSRF)
新冠肺炎疫情这么严重,大家是在家办公呢?还是带薪休假呢?或者是停薪休假呢?不管大家在干什么,我觉得很难静不下心来,专心做某件事吧?我反正忍不住一会儿就想看下疫情都最新消息,时刻关注着,什么时候结束这场“噩梦”……俗话说:不求三月下扬州,但求月底能下楼~~~闲暇之际:总结一下网络安全知识,共享下吧,如有不到位的,小窗口欢迎????????????首先说一下他的重要性随着互联网的发达,各种WEB应用也变得越...原创 2020-02-18 17:11:40 · 4093 阅读 · 0 评论 -
node本地服务启动报Error: listen EADDRINUSE(端口占用解决方法)
或许大家也遇到类似情况,使用express本地起一个服务,发现端口被占用,启动失败Error: listen EADDRINUSE 0.0.0.0:8080然后换了一个,发现还是如此,竟然还是被占用,难不成一直换下去?????好吧。辛苦一下,彻底解决掉吧!1.使用快捷键 Win+R 然后输入 cmd 回车,打开CMD窗口2.输入命令:netstat -ano查看所有端口3.输入命令...原创 2019-12-06 16:07:29 · 3210 阅读 · 0 评论 -
gitlab同步最新分支之后想回退
首先需要清楚你想回退到哪个版本git reflog能看到显示好多版本,,然后你就自己找自己的需要回退的版本然后操作git reset --hard 想回退的版本号然后又能看到 HEAD is now at 版本号这就证明退回来了但是当你在gitlab 合并的时候,发现代码没什么变更啊????怀疑真的退回来了吗???然后别急,淡定!!!先看你本地代码是不是你想要的版本????...原创 2019-11-26 10:36:41 · 1444 阅读 · 0 评论 -
WebP和Apng
1. WebP——谷歌于2010年提出WebP 在各大互联网公司已经使用得很多了,国外的有 Google(自家的东西肯定要用啦,Chrome Store 甚至已全站使用 WebP)、Facebook 和 ebay,国内的有淘宝、腾讯和美团等。优势:保证图片质量的情况下,图片的体积更小有报道称YouTube的视频缩略图采用WebP格式后,网页加载速度提升了10%;谷歌的网上商城上采用该格式图...转载 2019-09-26 17:57:18 · 3874 阅读 · 0 评论 -
如何查看页面是否开启了gzip压缩
1、谷歌浏览器 F122、在表头单击鼠标右键3、如果开启了gzip则显示gzip,没有则是空// http://tool.chinaz.com/Gzips/ 在此网站也能查到是否开启了Gzip压缩原创 2019-09-25 19:25:40 · 7235 阅读 · 0 评论 -
移动端 1px 像素问题以及解决办法
在移动端web开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在某些机型上,1px会比较粗,即是较经典的 移动端1px像素问题。一、为什么会有1px问题要处理这个问题,必须先补充一个知识点,就是设备的 物理像素[设备像素] & 逻辑像素[CSS像素];物理像素:移动设备出厂时,不同设备自带的不同像素,也称硬件像素;逻辑像素:即css...转载 2019-06-21 20:46:07 · 3346 阅读 · 0 评论 -
Vuepress多语言支持
多语言支持站点多语言配置要启用 VuePress 的多语言支持,首先需要使用如下的文件结构:study├─ README.md├─ foo.md├─ nested│ └─ README.md└─ zh ├─ README.md ├─ foo.md └─ nested └─ README.md然后,在 .vu...原创 2019-06-13 22:45:52 · 3163 阅读 · 0 评论 -
新员工MAC配置环境手册
MAC配置环境手册原创 2019-06-13 22:45:13 · 85 阅读 · 1 评论 -
目录规范
目录规范├── build // 构建相关├── config // 配置相关├── src // 源代码│ ├── api // 所有请求│ ├── assets // 主题 字体等...原创 2019-06-13 22:44:02 · 270 阅读 · 0 评论 -
web前端项目开发流程
开发流程图解需求评审召集需求涉及到的UI、开发、产品、测试人员整理业务流程,同步信息,明确分工明确需求目的,考虑当前需求设计是否可满足目的整理流程中如果涉及的其他人员,则召集商讨如需求设计上影响现有业务功能,应要求产品重新设计实现方案,然后重新评审注意事项业务流程同步:评审后重新梳理流程,存在疑问处及时找产品沟通周边需求依赖:评审功能与依赖功能并行开发,由于前置需求未完成导致...原创 2019-06-13 09:32:57 · 14747 阅读 · 2 评论 -
单页面与多页面应用开发对比以及单页面路由实现原理
MPA与SPA简介MPAMPA (Multi-page Application) 多页面应用指的就是最传统的 HTML 网页设计,早期的网站都是这样的设计,所之称为「网页设计」。使用 MPA 在使用者浏览 Web 时会依据点击需求切换页面,浏览器会不停的重载页面 (Reload),整个操作也常感觉卡卡。如果使用这样的设计在 Web App 中,使用者体验比较差,整体流畅度扣分。但进入门槛低,简...原创 2019-06-16 18:47:19 · 1136 阅读 · 0 评论 -
ajax和fetch的区别
一、AjaxAjax的本质是使用XMLHttpRequest对象来请求数据,下面简单贴下原生js实现:function ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象 if(window.XMLHttpRequest){ var oAjax=new XMLHttpRequest(); }else{ var ...转载 2019-06-19 09:10:42 · 6807 阅读 · 0 评论 -
webpack常用插件篇plugins
以下是常用插件列表1.happypack2.dllplugin3.commons-chunk-plugin4.webpack-dev-server5.webpack-dev-middleware6.webpack-hot-middleware(HMR)7.webpack-hot-server-middleware8.http-proxy-middleware9.html-webp...原创 2019-06-14 00:10:47 · 1902 阅读 · 0 评论 -
前后端是如何交互的
iOS,H5,安卓等前端开发的如何跟后台进行交互?应该怎么去规避一些不该属于自己的任务而被后台强加于自己?1.前端请求数据URL由谁来写?在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数,这里的查询参数也就是URL请求的参数。2.接口文档主要由谁来写?接口文档也是主要由后台开发者...原创 2019-06-13 10:49:02 · 35112 阅读 · 12 评论 -
前端项目优化点(vue和react优化点)
为什么需要项目优化在互联网快速发展的今天,在实现完功能之后,项目优化是一个被经常提到的话题。很多项目会在开发排期中留大量时间去做一轮又一轮的性能优化,就是为了让页面尽可能早的到达用户,提高交互的流畅程度。在系统可利用系统资源有限的大背景下,3秒呈现内容的原则下,项目优化显得格外重要。每减少0.1秒加载速度可能会给你带来几百甚至几千的用户活跃;每减少100K的内容请求可能会给你带来几千甚至几万...原创 2019-06-13 10:47:13 · 1168 阅读 · 0 评论 -
浏览器的问题缓存
浏览器的缓存概念浏览器缓存主要是指http请求的缓存,作用是不言而喻的,能够减少资源请求,极大的改善网页性能,提高用户体验。浏览器第一次获取到资源后,然后根据返回的信息来告诉如何缓存资源,可能采用的是强缓存,也可能告诉客户端浏览器是协商缓存,这都需要根据响应的header内容来决定的。图解浏览器第一次请求时浏览器在后续请求时资源请求分类审查network里面的资源请求结果 net...转载 2019-06-13 10:35:13 · 164 阅读 · 0 评论 -
如何正确的做技术选型
概述技术选型是项目的根基,如果选择了不适合自己业务场景的技术。初期由于业务复杂程度和业务量都比较小,所以可能感受不是十分明显,但是到了后期这将会是一个噩梦。会导致系统问题频发,极不稳定,甚至导致项目迭代举步维艰,甚至有的团队会停止新功能的开发,专门修复bug。严重时可能造成重大的经济损失。如何正确的做技术选型,也可参考以下几点:1、实现当前的需求,主要用到哪种技术;2、该技术的成熟度如何,...转载 2019-06-13 09:41:22 · 2201 阅读 · 0 评论