- 博客(15)
- 收藏
- 关注
RSS订阅原创 REACT
REACT基础学习开始一个最简单的react页面 用到jsx语法react.js: React 的核心库react-dom.js: 提供操作 DOM 的 react 扩展库babel.min.js: 解析 JSX 语法代码转为纯 JS 语法代码的库基本步骤：创建虚拟DOM将虚拟DOM 渲染为真实DOM<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Hel
2020-08-21 22:56:09
146
原创 小程序开发 mpvue
小程序开发 mpvue简介1.美团工程师推出的基于Vue.js封装的用于开发小程序的框架2.融合了原生小程序和Vue.js的特点，可完全组件化开发特点1.拥有vuejs开发体验，组件化开发2.webpack构建项目3.h5转化工具将项目编译成小程序识别的文件初始化项目和初始化一个PC vue项目类似npm install vue-cli -gvue init mpvue/mpvue-quickstart my-projectcd my-projectnpm installnpm
2020-07-18 17:11:58
158
原创 Node学习
Node学习入门首先node.js是用来干嘛的，怎么安装配置就不详述了，可以自己到菜鸟教程看下，写的十分详细。简单DEMO先写一个示例，创建文件夹，路径关系为：--- node --- www app.js 在app.js中，写入代码const fs = require("fs");//写文件const res = fs.writeFileSync("....
2020-05-07 22:15:59
212
原创 前端代码重构经验总结
前端代码重构经验总结2018年中至2019年年初，我曾参加过一次中型前端项目的代码重构。项目原本是由jquery + vue搭建的，主要由jquery实现功能，只是引入了vue，可以用一些vue框架提供的基础功能。vue提供了官方的命令行工具vue-cli，用于创建脚手架快速搭建vue 项目。项目组决定将项目完全基于vue框架进行重构。重构前的分析由于jquery的开发模式和vue的M...
2020-04-11 12:35:11
1184
原创 前端模块化、组件化理解
前端模块化、组件化理解随着前端项目规模的增大，我们要考虑提高开发效率，增加代码复用，以及降低模块功能耦合等问题。模块化模块化是软件工程中的一种思想，将大的问题拆解细分成一个个小问题，然后分而治之。随着小问题的逐个解决，使大问题最终也得到解决。前端开发主要体现在：编写代码时，将功能封装在一个个独立的js模块内，然后相互引用，完成整个功能的搭建。至于实现这种思想的方案有：CommonJS，A...
2020-04-11 11:51:57
818
原创 缓存策略
缓存策略浏览器向服务器请求资源时，会先判断是否有本地资源副本，若无则向服务器请求，若有则会先判断文件是否过期。若文件未过期，则使用本地缓存。若文件已过期，则向服务器发起请求，获取资源。此时判断服务器侧的资源是否有更新，若无更新则返回304，使用本地资源。若更新，则200OK返回最新资源。其中的细节，明天再做叙述吧第一个过程，主要是cache-control expires控制第二个过程，主...
2020-04-09 21:53:44
159
原创 CSS知识点合集
CSS知识点合集BFCbfc中文意思是块级格式化上下文，使用其可以在页面中创建一个独立的布局区域，区域内的元素布局不受外界影响。创建BFC的方式有：overflow不为visiblefloat不为none根元素body绝对定位和固定定位（position:absolute / fixed）设置display为inline-block等用途：浮动元素引起父级元素高度塌陷问题...
2020-04-07 22:39:33
166
原创 script阻塞DOM解析
script阻塞DOM解析浏览器解析html文件时，从上向下解析构建DOM树。当解析到script标签时，会暂停DOM构建。先把脚本加载并执行完毕，才会继续向下解析。js脚本的存在会阻塞DOM解析，进而影响页面渲染速度。我们可以做以下处理：将script标签放在html文件底部，避免解析DOM时被其阻塞延迟脚本在script标签上设置defer属性<script type="...
2020-04-07 22:20:20
961
原创 浏览器初始化页面过程
浏览器初始化页面过程首先我们思考下这个问题：“当在地址栏输入URL到页面渲染发生了什么？”。简单总结下：首先发生DNS域名解析，将域名转换为对应的IP地址发起TCP三次握手，建立连接向服务器发起请求数据，服务器收到请求并响应浏览器解析资源，包括html、css、js、图片等浏览器布局、绘制界面并呈现进一步了解“浏览器解析资源时做了什么”，这张图大致总结了下整个流程（不考虑scri...
2020-04-06 21:19:55
1221
原创 WEB安全
WEB安全总结下几种我目前了解的WEB攻击方式以及应对策略XSS跨站脚本攻击场景：将脚本注入到ajax请求URL中发送给服务器，若Server成功响应，则脚本就会被执行，做出非法操作。避免方式：禁用cookie，设置httpOnly，设为不可由js读取的状态校验请求参数是否正常，若存在问题不做正常响应（在请求头中携带鉴权信息，并校验请求参数，如URL）XSRF/CSRF跨站请求...
2020-04-06 16:57:05
111
原创 同源策略
同源策略一般浏览器端的同源指的是：协议 域名 端口号 都完全相同同源策略区分为DOM同源策略考虑一个场景，在页面A中iframe嵌入了页面B，然后将A的网址发给某个用户。用户进入后误以为是网站B，并填写了用户名和密码。若页面A就可以访问到B的dom元素，则可进一步得知用户输入的值，这样密码就被泄露了。由于同源策略的存在，禁止不同域页面相互访问DOM，因此A获取不到B的DOM元素。XHR...
2020-04-06 16:43:51
211
原创 VUE知识点总结
VUE知识点总结由于本人目前的技术栈是vue，所以不做基础知识介绍了，主要讲一下其他的知识点。父子组件钩子函数执行顺序我们用P代表父组件 C代表子组件在组件创建阶段，父子组件钩子函数执行顺序为，从上向下：P beforeCreateP createdP beforeMountC beforeCreateC createdC beforeMountC ...
2020-04-06 16:16:36
270
原创 事件循环机制小结
事件循环机制谈谈我自己理解的JS事件循环机制，考虑到开发中遇到的场景，我将其分为两部分来理解。执行栈和任务队列首先要明白JS是单线程的，无法向其他语言那样用多线程来处理问题（WebWorker不考虑，且其并没有改变js单线程的本质），js中用异步来模拟多线程处理在js代码执行时，会按照先进后出的顺序依次执行函数，调用函数的过程在执行栈中完成。每次调用一个函数时，都将其放在栈的最上层，执行完...
2020-04-06 16:01:08
174
原创 TypeScript学习总结
TypeScript学习总结可以将其理解为js的一个超集，加入了变量类型检测功能（js是弱类型语言），同时兼容所有的js语法。安装我用的是cnpm全局安装，npm太慢会卡死。npm install -g typescript成功后测试下tsc -vVersion 3.8.3应用联合类型检测在本地创建一个test.ts文件，写上代码var arr: Array<n...
2020-04-02 22:43:58
227
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人