- 博客(13)
- 收藏
- 关注
原创 网络安全
网络安全重要性随着互联网的发达,各种WEB应用也变得越来越复杂,满足了用户的各种需求,但是随之而来的就是各种网络安全的问题。了解常见的前端攻击形式和保护我们的网站不受攻击。分类XSS攻击CSRF攻击网络劫持攻击(运营商劫持)控制台注入代码虚假网站钓鱼XSS攻击XSS是一种经常出现在web应用中的计算机安全漏洞,为了和CSS区分,这里把攻击的第一个字母改成了X,于是叫做XSS...
2020-04-27 01:09:02
372
原创 单页面应用开发
单页面应用开发MPA与SPA简介MPAMPA (Multi-page Application) 多页面应用指的就是最传统的 HTML 网页设计,早期的网站都是这样的设计,所之称为「网页设计」。使用 MPA 在使用者浏览 Web 时会依据点击需求切换页面,浏览器会不停的重载页面 (Reload),整个操作也常感觉卡卡。如果使用这样的设计在 Web App 中,使用者体验比较差,整体流畅度扣分...
2020-04-26 20:58:09
150
原创 浏览器缓存
浏览器的缓存概念浏览器缓存主要是指http请求的缓存,作用不言而喻,能够减少资源请求,极大改善网页性能,提高用户体验。浏览器第一次获得资源后,然后根据返回的信息来告诉如何缓存资源,可能采用强缓存,也可能告诉客户端浏览器是协商缓存,这都需要根据响应的header内容来决定的。同时当相应header里没有返回cache-control和expires的时候,浏览器可以根据LM-Factor计算出一...
2020-04-26 19:56:10
170
原创 TypeScript 基础用法
环境配置安装全局TypeScriptnpm install -g typescript创建环境查看支持命令tsc --help初始化tsc --initTS基础知识原始类型boolean、number、string、undefuned、null、symbol、void、bigint小写表示ts的类型,大写的Boolean、Number、String是 JavaSc...
2020-04-26 09:22:35
1242
原创 Reac Hooks
React Hooks简介什么是HooksHooks是一个新的React特性提案,组件尽量写成纯函数,如果需要外部React特新(比如状态管理,生命周期),就用钩子把外部特性“钩”进来,通常函数名都是以use开头。首次在v16.7.0-alpha版本中添加,在v16.8.0中正式发布。Hooks产生的背景跨组件复用stateful logic十分困难 使用Hooks,你可以在将含有s...
2020-04-25 00:49:33
186
原创 webpaack4的简易配置
实现功能自动注入js开发环境热更新抽离CSS压缩JS、CSS、Html第三方非业务依赖包的抽离公共代码包的抽离开发环境线上的区分devServer请求拦截配置别名es6、scss、图片、字体的加载package.json"scripts": { "dev": "webpack-dev-server", "build": "webpack --mode p...
2020-04-24 08:31:16
129
原创 React知识点
React1、虚拟Dom节约资源放在内存中会利用Dom diff算法高效转载链接一转载链接二2、react核心库(react,react-dom)React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI,很多人认为React是MVC中的V (视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网...
2020-04-24 01:47:06
317
原创 Vue知识点
VUE1.Vue是什么?Vue是一个渐进式的javaScript开发框架,通过组建的开发,最后合并组件形成页面。构造器(构造函数)自动化构建工具优点组建化开发单页面路由丰富的Api方法双向的数据绑定单向数据流易于结合其他第三方库缺点生态系统不够完善可扩展性稍差1、全局安装 npm install -g vue-cli2、创建项目 vue init ...
2020-04-21 16:59:39
337
原创 项目优化
为什么需要项目优化在互联网快速发展的今天,在实现完功能之后,项目优化是一个经常被提到的话题。很多项目会在开发排期中预留有大量的时间去做一轮又一轮的优化,就是为了让页面尽可能早的到达用户,提高交互的流程读。在系统可利用系统资源有限的大背景下,3秒呈现容的原则下,项目优化格外重要。没减少0.1秒加载速度可能会给你带来几百甚至几千的用户活跃度;每减少100K的内容请求可能会给你带来几千甚至几万的的...
2020-04-21 12:20:02
144
原创 移动端兼容问题
如何处理兼容问题在 Can I Use 网站查询兼容情况在 JS 代码里使用对象检测,判断该特性是否之车 eg:‘XMLHttpRequest’ in window 'WebkitMaList item使用postcss做样式的后处理document.documentElement.style样式问题清除浏览器默认样式引入common.css或r...
2020-04-21 02:41:09
234
原创 前后端是如何交互的
前后端是如何交互的iOS,H5,安卓等前端开发的如何跟后台进行交互?应该怎么去规避一些不该属于自己的任务而被后台强加于自己?1.前端请求数据URL由谁来写?在开发中,URL主要由后台来写的,写好之后提供给前端开发人员,如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数,这里的查询参数也就是URL请求的参数。2.接口文档谁来写?接口文档...
2020-04-21 02:12:37
349
原创 项目流程
开发流程图解需求评审召集需求涉及到的UI、开发、产品、测试人员整理业务流程,同步信息,明确分工,需求目的,考虑当前需求设计是否满足目的 整理流程中如果涉及的其他人员,则召集商讨 如需求设计上影响现有业务功能,应要求产品重新设计实现方案,然后重新评审注意事项业务流程同步:评审后重新梳理流程,存在疑问处及时找产品沟通 周边需求依赖:评审功能与依赖功能并行开发,由于前置需求未完成导致当前需...
2020-04-21 01:54:00
177
原创 项目相关
@[TOC]前端规范系列从零开始制定规范前端规范系列命名规范避免单字母的名字。用你的命名来描述功能(最好使用动词命名)。function query(){ // ...}在命名对象、函数和实例时使用驼峰命名法(camelCase)。 const thisIsMyObject={}; function thisIsMyFunction(){}只有在命名构造器或者...
2020-04-20 23:00:25
179
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人