- 博客(111)
- 收藏
- 关注
RSS订阅原创 大前端
大前端前端框架分类及选型下一代web引擎koa框架1-10 优化webpack配置，npm 构建构建脚本【实战篇】前端框架分类及选型下一代web引擎koa框架1-10 优化webpack配置，npm 构建构建脚本【实战篇】没有引入koa-body， 对post请求中body部分的数据是不能进行处理的；对开发中的webpack进行了配置，并没有对打包这一块进行优化 而且在package.json没有去配置webpackf的打包命令进一步优化koa的应用...
2020-11-24 20:35:35
446
1
原创 为什么很多web项目还是使用 px，而不是 rem？
https://www.zhihu.com/question/313971223/answer/628236155
2020-10-24 09:59:51
179
原创 如何实现自己的v-model
ajax请求放在哪个生命周期？在created的时候，视图中的dom并没有被渲染出来，所以此时如果直接去操作dom节点，无法找到相关元素。在mounted中，由于此时的dom元素已经渲染出来了，所以可以直接使用dom节点。一般情况下，都放在mounted中，保证逻辑的统一性。因为生命周期是同步执行的，ajax是异步执行的。服务端渲染不支持mounted方法，所以在服务端渲染的情况下统一放在created中。...
2020-10-12 09:50:45
555
原创 ajax请求应该放在哪个生命周期
在函数内声明实例属性保存data，每个实例对象的data都是经过一次函数执行得到有不同的返回结果，所以返回data的值具有自己独立的作用域。在定义Vue实例时，给Vue传参是一个对象，对象中data就是一个函数，Vue在实例化的时候会调用这个函数每个实例都会返回新的值，data得到不同的值作用域另外，赋值函数不一定要定义在原型上，也可以定义为函数或类的实例方法总结对象为引用关系，当复用组件时，由于数据对象都指向同一个data对象，当找一个组件中修改data时，其他重用的组件中的data会同时被修改，
2020-10-12 09:40:33
1580
原创 为何组件data必须是一个函数
--><!-- 动态组件 --><!-- <component :is="NextTickName"/> --><!-- 异步组件 --><!-- <FormDemo v-if="showFormDemo"/><button @click="showFormDemo = true">show form demo</button> --><!-- keep-alive ...
2020-10-12 09:34:34
65
原创 vue面试考点梳理
1.<template> <div> <p>文本插值 {{message}}</p> <p>JS 表达式 {{ flag ? 'yes' : 'no' }} （只能是表达式，不能是 js 语句）</p> <p :id="dynamicId">动态属性 id</p> <hr/> <p v-html="ra
2020-10-12 09:20:22
135
原创 vue高级特性:mixin
<script>import Input from './Input'import List from './List'export default { components: { Input, List
2020-10-11 15:59:06
51
原创 vue高级特性：keep-alive
<script>import Input from './Input'import List from './List'export default { components: { Input, List
2020-10-11 15:58:20
103
原创 vue高级特性-动态异步组件
<script>import Input from './Input'import List from './List'export default { components: { Input, List
2020-10-11 15:57:15
167
原创 vue高级特性-slot
<script>import Input from './Input'import List from './List'export default { components: { Input, List
2020-10-11 15:56:38
93
原创 vue高级特性-$nextTick与refs
<script>import Input from './Input'import List from './List'export default { components: { Input, List
2020-10-11 15:56:03
93
原创 vue高级特性-自定义v-model
<script>import Input from './Input'import List from './List'export default { components: { Input, List
2020-10-11 15:54:56
87
原创 webpack常见性能优化是什么？
容：提示：这里可以添加要学的内容例如：1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句
2020-10-11 08:09:03
363
原创 webpack如何是实现懒加载？
<font color=#999AAA >提示：这里可以添加学习目标例如：一周掌握 Java 入门知识<hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1"># 学习内容：<font color=#999AAA >提示：这里可以添加要学的内容例如：1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句<hr .
2020-10-11 08:07:38
363
原创 loader和plugin的区别？
学习目标：提示：这里可以添加学习目标例如：一周掌握 Java 入门知识学习内容：提示：这里可以添加要学的内容例如：1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如：1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、 周日下午 3 点-下午 6 点学习产出：提示：这里统计学习计划的总量例如：1、 技术笔记 2 遍2、CSDN 技术博客 3 篇
2020-10-11 07:57:49
527
原创 moudle chunk bundle分别是什么意思？有何区别？
项目场景：提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta
2020-10-10 20:50:41
474
原创 前端代码为何要进行构建和打包？
学习目标：提示：这里可以添加学习目标例如：一周掌握 Java 入门知识学习内容：提示：这里可以添加要学的内容例如：1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如：1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、 周日下午 3 点-下午 6 点学习产出：提示：这里统计学习计划的总量例如：1、 技术笔记 2 遍2、CSDN 技术博客 3 篇
2020-10-10 20:47:10
770
原创 Vue组件如何通讯？
在diff算法（详解vue的diff算法）中，key可以管理可复用的元素，减少不必要的元素的重新渲染,也要让必要的元素能够重新渲染。references:
2020-10-10 20:38:08
64
原创 网上下载别人的vue项目如何运行在本地
1.先删除node_modules2.找对项目目录 npm install （cnpm install）3.查看项目目录是否写对，执行 npm run dev （cnpm run dev）
2020-10-10 18:44:22
889
原创 ---------------------------vue创建项目之vue init 和 vue create的区别-----------------------------------------
vue init是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目webpack是官方推荐的标准模板名使用方式：vue init webpack 项目名称electron-vue的模板使用方式：vue init simulatedgreg/electron-vue 项目名称vue create是vue-cli3.x的初始化方式，模板是固定的，模板选项可自由配置使用方式：vue create 项目名称...
2020-10-10 18:43:28
146
原创 资源验证
1.2.Last-Modified上次修改时间配合If-Modified-Since或者If-Unmodified-Since使用对比上次修改时间以验证资源是否需要更新3.Etag数据 签名配合If-Match或者If-Non-Match使用对比资源的签名判断是否使用缓存test.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
2020-10-09 20:09:29
203
原创 缓存头Cache-Control的含义和使用
可缓存性public:HTTP经过的任何地方都可以缓存private: 发起请求的浏览器才可以进行缓存no-cache: 任何节点都不可以缓存//本地可以存缓存，但需要服务器验证过以后到期max-age=<seconds> //浏览器端读取s-maxage=<seconds>//代理服务器端读取，会覆盖max-age=<seconds>max-stale=<seconds>//只有在发起端有用，在浏览器和服务器端是没有用的重新验证must
2020-10-09 14:36:24
159
原创 CORS跨域限制以及预请求限制
不需要预请求进行验证就可以 使用的方法：GET 、HEAD、POST不需要预请求进行验证就可以使用的Content-Type：text/plain、multipart/form-data、application/x-www-form-urlencoded请求头的限制：......test.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na
2020-10-09 13:46:09
252
原创 Jsonp实现跨域请求
test.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D
2020-10-09 13:05:51
67
原创 CORS跨域请求的限制与解决
server.jsconst http = require('http')const fs = require('fs')http.createServer(function (request, response) { console.log('request come', request.url) const html = fs.readFileSync('test.html', 'utf8')//读取HTML内容 response.writeHead(200, { 'Con
2020-10-09 11:51:29
624
原创 HTTP长链接
server.jsconst http = require('http')const fs = require('fs')http.createServer(function (request, response) { console.log('request come', request.url) const html = fs.readFileSync('test.html', 'utf8') const img = fs.readFileSync('test.jpg') if
2020-10-09 10:16:08
171
原创 创建一个最简单的服务器
http = require('http')http.createServer(function (request,response) { console.log('request come', request.url) response.end('123456')}).listen('8888')console.log('server listenging on 8888')
2020-10-08 20:47:43
88
原创 -----------------------------------------网络协议分层-----------------------------------------------------
1.2.简单了解3.4.
2020-10-08 18:59:41
178
原创 前端与树：遍历JSON的所有节点值（深度优先遍历）
const json = { a: {b: {c: 1}}, d: [1,2]};const dfs = (n,path) => { console.log(n,path) Object.keys(n).forEach(k => { dfs(n[k],path.concat(k)) })}dfs(json,[])
2020-10-06 14:36:55
536
原创 数据结构之树：112. 路径总和
给定一个二叉树和一个目标和，判断该树中是否存在根节点到叶子节点的路径，这条路径上所有节点值相加等于目标和。说明: 叶子节点是指没有子节点的节点。示例: 给定如下二叉树，以及目标和 sum = 22，返回 true, 因为存在目标和为 22 的根节点到叶子节点的路径 5->4->11->2var hasPathSum = function(root, sum) { if(!root) return false let res = false const d
2020-10-06 14:08:29
91
原创 数据结构之树：94. 二叉树的中序遍历
给定一个二叉树，返回它的中序 遍历。示例:进阶: 递归算法很简单，你可以通过迭代算法完成吗？方法一：递归版var inorderTraversal = function(root) { const res = [] const rec = (n) => { if(!n) return rec(n.left) res.push(n.val) rec(n.right) } rec(root)
2020-10-06 13:26:42
71
原创 数据结构之树：102. 二叉树的层序遍历
给你一个二叉树，请你返回其按 层序遍历 得到的节点值。 （即逐层地，从左到右访问所有节点）。示例：二叉树：[3,9,20,null,null,15,7],返回其层次遍历结果：var levelOrder = function(root) { const q = [[root,0]] const res = [] while(q.length) { const [n,l] = q.shift() if(!res[l]) {
2020-10-06 12:35:47
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人