![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
主要以JS语言及工程化为主
GAMESLI-GIS
web3D 图形学爱好者 BJFU GIS硕
展开
-
【vue源码解析】参考博文解析
详细源码解析可参考文章原文地址文章中需要注意重点vm.render就是使用templete生成的render函数,也可以自己写render函数,也可以使用模板让vue生成render函数,这里解耦了,有机会可以看下render函数生成原理,这个函数最终生成了vnode虚拟dom,里面data等信息已经写入了vm.update函数就是利用新生成的虚拟dom和现有的虚拟dom 对比,进行替换更新,这里涉及diff算法...原创 2021-12-20 11:47:41 · 207 阅读 · 0 评论 -
【vue源码解析】目录
├── benchmarks 性能、基准测试├── dist 构建打包的输出目录├── examples 案例目录├── flow flow 语法的类型声明├── packages 一些额外的包,比如:负责服务端渲染的包 vue-server-renderer、配合 vue-loader 使用的的 v原创 2021-12-20 12:07:56 · 92 阅读 · 0 评论 -
【vue源码解析】简易版vue原理分析
简单源码框架代码https://github.com/DMQ/mvvm/tree/master/js编译器Compilecompile主要做的事情是解析模板指令,将模板中的变量替换成数据,然后初始化渲染页面视图,并将每个指令对应的节点绑定更新函数,添加监听数据的订阅者,一旦数据有变动,收到通知,更新视图订阅者WatcherWatcher订阅者作为Observer和Compile之间通信的桥梁,主要做的事情是:1、在自身实例化时往属性订阅器(dep)里面添加自己2、自身必须有一个updat原创 2021-07-28 14:29:01 · 85 阅读 · 0 评论 -
【vue】主分支外的一些知识点
vue原创 2022-09-27 11:04:48 · 228 阅读 · 0 评论 -
【vue】组件
vue原创 2022-09-27 11:10:27 · 367 阅读 · 0 评论 -
【vue】vuex
vue原创 2022-09-27 11:06:32 · 219 阅读 · 0 评论 -
【vue】生命周期
vue原创 2022-09-27 11:13:45 · 291 阅读 · 0 评论 -
【vue】路由
vue原创 2022-09-27 11:12:01 · 166 阅读 · 0 评论 -
【css】易忘点
浮动圣杯和双翼等bfc原创 2021-09-22 16:20:06 · 79 阅读 · 0 评论 -
【javascript】window.devicePixelRatio 设备像素比
window.devicePixelRatio = 物理像素 / dips原创 2022-09-22 16:39:11 · 2105 阅读 · 0 评论 -
【javascirpt】es6模块化
//test.jsexport var a = 1export function b() { console.log('b')}const c = { d: 1, e: 2 }export default c//index.js//第一种情况 import 不带括号import keke from ‘./test.js’console.log(keke)//此处到处的只有c// 第二张情况 import *// 导出所有,注意最后一个是deafultimport * as原创 2021-09-27 11:27:33 · 67 阅读 · 0 评论 -
【javascript】es5、es6常用语法
1.数组let a = [1, 2, 3, 4, 5, 6, 7]1.1 forEach遍历数组,无返回值,不改变原数组a.forEach((value,index,arr)=>{ console.log(value,index,arr) // 不能使用continue,可使用return代替})1.2 map遍历数组,返回一个新数组,不改变原数组let b = a.map(e=>{ return e*2}) //返回一个新的数组,原数组不变//[2原创 2021-07-06 15:17:28 · 625 阅读 · 0 评论 -
【javascript】箭头函数(this指向问题)
箭头函数(this指向问题)this指向问题this指向问题普通函数this指向调用该函数的对象;箭头函数的this则是指向 该函数所在的作用域指向的对象 ,因为箭头函数会取消当前函数里面的作用域,因此寻找上一个作用域,因此this指向的是父级作用域的this,如下代码所示:var name = 'window'; var A = { name: 'A', sayHello: () => { console.log(this.name) }}A.sayH原创 2021-06-21 10:22:17 · 258 阅读 · 0 评论 -
【javascript】事件循环、消息队列
浏览器有1dom渲染线程,2js主线程,3事件触发线程-click等事件,等符合触发条件就放进事件队列4,定时器 settimeout等符合触发条件放进事件队列5,ajax线程类似把异步代码交给相关的模块处理,处理完之后,再交给事件队列中排队,当执行栈有空时,消息队列就把事件交给调用栈执行...原创 2021-08-02 10:00:30 · 278 阅读 · 0 评论 -
【javascript】作用域、作用域链、执行上下文、闭包理解
1作用域、作用域链https://www.cnblogs.com/pssp/p/5204324.html2执行上下文https://www.cnblogs.com/pssp/p/5205764.html3js中的自由变量以及作用域的进阶https://www.cnblogs.com/pssp/p/5206240.html其实作用域链在函数定义时已经确定了,作用域链是和函数定义时的位置相关的var x=10;function fn(){ console.log(x);}functi原创 2021-08-03 18:20:12 · 124 阅读 · 0 评论 -
【javascript】正则表达式
https://codejiaonang.com/#/course/regex_chapter1/1/61.字符组/[Pp]ython/g 用于匹配Python或者python2.区间/[a-z]/g 匹配含有小写字母的/[0-9]/g 匹配含有数字的3.特殊字符/[0-9-]/g 匹配含有数字或者含有‘-’的4.取反/[^a]/ 匹配不含字母a的/[^A-Za-z\d]/ 匹配非数字和字母的符号...原创 2021-07-28 00:03:21 · 68 阅读 · 0 评论 -
【javascript】js内存分析及垃圾回收机制
很不多的内存分析文章,chrme的https://blog.csdn.net/aliujiujiang/article/details/115702685原创 2021-10-29 17:43:29 · 120 阅读 · 0 评论 -
【前端工具】protobuf压缩与解析
解析.proto f文件It is possible to load existing .proto files using the full library, which parses and compiles the definitions to ready to use (reflection-based) message classes:// awesome.protopackage awesomepackage;syntax = "proto3";message AwesomeMes原创 2021-09-26 09:14:29 · 830 阅读 · 0 评论 -
【前端工具】使用真机在chrome远程调试
前端调试原创 2023-04-12 16:19:03 · 1084 阅读 · 0 评论 -
【前端工具】flow使用
installflow clinpm i flow-bin移除:类型的代码段npm i flow-remove-typesuse1.代码最上面添加// @flow2.运行初始化npx flow init3.运行npx flow原创 2021-12-14 18:30:14 · 283 阅读 · 0 评论 -
【前端工具】webpack
const webpack = require('webpack')module.exports = { entry: __dirname + '/index.js', output: { path: __dirname + '/dist', filename: 'out.js', libraryTarget: 'umd', }, externals: { three: 'three', },原创 2021-09-14 18:00:40 · 68 阅读 · 0 评论 -
【前端工具】editorconfig-mapbox的配置
# http://editorconfig.orgroot = true# 说明## 设置文件编码为 UTF-8;## 用四个/两个空格代替制表符;## 在保存时删除尾部的空白字符;## 在文件结尾添加一个空白行;[*]end_of_line = lftrim_trailing_whitespace = trueinsert_final_newline = truecharset = utf-8[*.{js,html,css}]indent_style = spaceinde原创 2021-09-08 09:16:48 · 57 阅读 · 0 评论 -
【前端HTTP】前端缓存相关知识
localstorage是永久存储sessionstorage是当前网页关闭后清空cookie是携带在http头,一般用于用户信息认证原创 2021-08-03 09:36:31 · 68 阅读 · 0 评论 -
【前端工具】babel
babel1.使用详情1.使用详情https://es6.ruanyifeng.com/#docs/intro原创 2021-05-19 14:40:51 · 309 阅读 · 0 评论