- 博客(176)
- 收藏
- 关注
RSS订阅
原创 photo-sphere-viewer中文文档
photo-sphere-viewer中文文档安装插件Configuration 配置项container (required)adapter 适配器panorama (required)plugins 插件caption 标题size 全景图宽度高度markers 标注navbar 导航栏minFovmaxFovdefaultZoomLvlfisheyedefaultLongdefaultLatlongitudeRangelatitudeRangeautorotateDelayautorotateSpee
2021-12-30 19:15:34
27807
90
原创 连点成线 - 前端成长之路
连点成线javascript原型链、继承作用域、变量提升闭包this的指向立即执行函数CssHTML & 浏览器勤学如春起之苗，不见其增，日有所长；辍学如磨刀之石，不见其损，日有所亏。站在巨人的肩膀上，系统性整理复习下前端知识点，期待连点成线、结线成体javascript原型链、继承一文读懂JS继承相关知识点ES6-class关键字与继承JavaScript深入之从原型到原型链作用域、变量提升JavaScript 作用域、变量提升JavaScript深入之作用域链闭包t
2021-03-03 23:58:06
2843
8
原创 芒格之道——查理·芒格股东会讲话1987-2022
本书收录了查理·芒格 1987—2010年在西科金融、2014—2022年在每日期刊股东会上的讲话。 作为这两家企业的董事长，他在股东会上成了巴菲特那样的主角，做大段开场白，介绍这两家公司及伯克希尔·哈撒韦现状，直言自己对人、对事的态度，随后坦率、完整地回答股东们的提问。 书中芒格的讲话跨度长达35年，涉及大量当年国际或全美大事件，比如美国储贷行业危机、日本泡沫破裂、互联网泡沫、2008年次贷危机、比特币及加密货币兴起、新冠疫情等。讲话还包含了巴芒思想发展和投资生涯中的重要动向，如格雷厄姆和费雪的影响、跨学
2023-08-08 07:09:58
913
转载 前端算法储备
有货船需要运输一批货物，给定一个正整数数组 weights 和一个正整数 D，其中 weights 代表一系列货物，即 weights[i] 的值代表第 i 件物品的重量，货物是不可分割且必须按顺序运输，请计算货船能够在 D 天内运完所有货物的最低运载能力。二叉查找树（BST）是二叉树的一种，特点是所有的左节点比父节点的值小，所有的右节点比父节点的值大，并且任意左、右子树也分别为二叉查找树。1）维护一个队列，队列的初始值为树结构根节点组成的列表，重复执行以下步骤，直到队列为空。
2023-07-13 19:50:14
455
转载 http缓存机制(强缓存&协商缓存)
如果资源请求的响应头里含有 Last-Modified，客户端可以在后续的请求的头中带上 If-Modified-Since 头来验证缓存。如果资源请求的响应头含有 ETag，客户端可以在后续的请求的头中带上 If-Modified-Since 头来验证缓存，若服务器判断资源标识一致，则返回 304 状态码告知浏览器可以从本地读取缓存。唯一标识内容是由服务端生成算法决定的，可以是资源内容生成的哈希值，也可以是最后修改时间的哈希值。是用于页面缓存的通用消息头字段，可以通过指定指令来实现缓存机制。...
2022-08-10 09:11:28
209
转载 Vue源码 Vuex（四）Logger插件
Vue源码 Vuex（四）插件插件`Logger` 插件总结Vue源码学习目录学习内容和文章内容来自 黄轶老师《Vue.js2.0 源码揭秘》、《Vue.js 3.0 核心源码解析》这里分析的源码是Runtime + Compiler 的 Vue.js调试代码在:node_modules\vue\dist\vue.esm.js 里添加vue版本:Vue.js 2.5.17-beta你越是认真生活，你的生活就会越美好！Vue源码学习完整目录插件Vuex 除了提供的存取能力，还提供了
2022-01-26 10:09:55
1230
转载 Vue源码 Vuex（三）Vuex API实现
Vue源码 Vuex（三）Vuex API实现API数据获取数据存储语法糖`mapState``mapGetters``mapMutations``mapActions`动态更新模块总结Vue源码学习目录学习内容和文章内容来自 黄轶老师《Vue.js2.0 源码揭秘》、《Vue.js 3.0 核心源码解析》这里分析的源码是Runtime + Compiler 的 Vue.js调试代码在:node_modules\vue\dist\vue.esm.js 里添加vue版本:Vue.js 2.5.1
2022-01-23 20:25:31
388
转载 Vue源码 Vuex（二）Vuex 初始化
Vue源码 Vuex（二）Vuex 初始化Vuex 初始化安装Store 实例化初始化模块安装模块初始化 `store._vm`总结Vue源码学习目录学习内容和文章内容来自 黄轶老师《Vue.js2.0 源码揭秘》、《Vue.js 3.0 核心源码解析》这里分析的源码是Runtime + Compiler 的 Vue.js调试代码在:node_modules\vue\dist\vue.esm.js 里添加vue版本:Vue.js 2.5.17-beta你越是认真生活，你的生活就会越美好—
2022-01-22 09:54:04
1130
原创 学习 React 17 系统精讲 结合TS打造旅游电商平台
React 17 系统精讲 结合TS打造旅游电商平台2-2 【环境搭建】开始我们的第一个React项目2-3 【项目启动】使用create-react-app快速搭建React2-5 【TypeScript配置】tsconfig.json详解2-6 【延伸阅读】tsconfig.json编译器配置文档2-7 【TypeScript配置】深挖TS编译流程3-1 带着问题来学习3-2 章节总览3-3 【概念理解】React的前世今生3-4 【组件化】初识React函数式组件3-5 【概念理解】JSX 编程思维3
2022-01-20 09:00:02
3034
16
转载 一文读懂axios源码
一文读懂axios源码FeaturesAdapter xhrCSRFInterceptorTransform dataCancelToken参考推荐阅读Vue源码学习目录连点成线 - 前端成长之路勤学如春起之苗，不见其增，日有所长；辍学如磨刀之石，不见其损，日有所亏。这篇文章讲axios源码，阅读完本文，下面的问题会迎刃而解，Axios 的适配器原理是什么？Axios 是如何实现请求和响应拦截的？Axios 取消请求的实现原理？CSRF 的原理是什么？Axios 是如何防范客户端 CS
2022-01-08 09:08:55
337
原创 React官网学习笔记
React官网学习项目介绍学习进度核心概念JSX 简介元素渲染组件 & PropsState & 生命周期事件处理条件渲染列表 & Key表单状态提升组合 vs 继承React 哲学高级指引无障碍代码分割ContextHooK看react官网学习的笔记内容来自react官网项目介绍跟着react官网用React 版本V17.02 开发一个井字棋（tic-tac-toe）练手文档地址: https://react.docschina.org/tutorial/tutoria
2021-12-01 09:10:14
502
原创 Vue使用photo-sphere-viewer360°×180°全景插件模拟VR看房、房间切换和自定义标注
Vue使用photo-sphere-viewer360°×180°全景插件模拟VR看房、房间切换photo-sphere-viewer下载插件使用常用参数Markers插件使用完整代码推荐阅读Vue源码学习目录你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录负责的项目想要实现链接的效果，类似VR看房，支持720°任意旋转，支持自定义添加标注，支持切换场景等功能前端组长提供了一篇博客参考博客里使用Markers插件的代码在本地报错，且不完全满足我想要的效果，所以到p
2021-11-08 21:12:35
9842
37
原创 HTML5的popstate、pushState、replaceState记录(Vue-Router实现)
HTML5的popstate、pushState、replaceState记录popstate示例hashchangehistory.pushState()语法参数描述示例history.replaceState()语法参数例子推荐阅读Vue源码学习目录Vue Router源码（四）路径切换你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录Vue-Router源码里路由切换跳转的实现原理是通过调用浏览器原生的 history 的 pushState 接口或者 repla
2021-10-11 22:26:05
1416
转载 Vue源码 Vuex（一）状态管理模式
Vue源码 Vue Router（四）路径切换Vue源码 Vue Router（四）路径切换路径切换导航守卫url组件总结Vue源码学习目录Vue源码 Vue Router（四）路径切换学习内容和文章内容来自 黄轶老师《Vue.js2.0 源码揭秘》、《Vue.js 3.0 核心源码解析》这里分析的源码是Runtime + Compiler 的 Vue.js调试代码在:node_modules\vue\dist\vue.esm.js 里添加vue版本:Vue.js 2.5.17-beta
2021-10-01 19:30:07
445
转载 FormData相关
一文读懂Vue插件使用FormData构造函数语法参数例子方法推荐阅读你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录FormDataFormData-MDN文档FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式，并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去，本接口和此方法都相当简单直接。如果送出时的编码类型被设为 "multipart/form-data"，它会使用和表单一样的格式。如果你想
2021-08-11 20:22:06
195
原创 一文读懂Vue插件使用
Vue插件开发简介钩子函数钩子函数参数动态指令参数函数简写对象字面量项目中使用根据权限判断相关按钮是否展示Vue源码学习目录你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录插件-vue官网简介Vue除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。举个聚焦输入框的例子，
2021-08-10 08:44:46
1896
2
原创 一文读懂Vue的自定义指令
Vue的自定义指令简介钩子函数钩子函数参数动态指令参数函数简写对象字面量Vue源码学习目录你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录自定义指令-vue官网简介Vue除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。举个聚焦输入框的例子，如下：<div id
2021-08-05 08:57:24
351
原创 一文读懂 require.context ，实现前端工程自动化
一文读懂require.context，实现前端工程自动化带表达式的 require 语句context modulerequire.context示例：context module API (resolve(), keys(), id)vue项目动态导入全局组件Vue源码学习目录你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录带表达式的 require 语句webpack官网 依赖管理如果你的request 含有表达式(expressions)，就会创建一个上下
2021-07-16 22:43:35
3237
7
转载 Vue源码 Vue Router（三）matcher 路由匹配器
Vue源码 Vue Router（三）matcherVue源码 Vue Router（三）matchermatchercreateMatcheraddRoutesmatch总结Vue源码学习目录Vue源码 Vue Router（三）matcher学习内容和文章内容来自 黄轶老师黄轶老师的慕课网视频教程地址:《Vue.js2.0 源码揭秘》、黄轶老师拉钩教育教程地址:《Vue.js 3.0 核心源码解析》这里分析的源码是Runtime + Compiler 的 Vue.js调试代码在:node_
2021-06-20 08:47:03
5390
转载 Vue源码 Vue Router（二）VueRouter对象
Vue源码 Vue Router（二）VueRouter对象Vue源码 Vue Router（二）VueRouter对象VueRouter 对象总结Vue源码学习目录Vue源码 Vue Router（二）VueRouter对象学习内容和文章内容来自 黄轶老师黄轶老师的慕课网视频教程地址:《Vue.js2.0 源码揭秘》、黄轶老师拉钩教育教程地址:《Vue.js 3.0 核心源码解析》这里分析的源码是Runtime + Compiler 的 Vue.js调试代码在:node_modules\vu
2021-06-19 18:32:19
391
转载 Vue源码 Vue Router（一）路由注册
Vue源码 Vue Router（一）路由注册Vue源码 Vue Router（一）路由注册Vue-Router路由注册`Vue.use`路由安装总结Vue源码学习目录Vue源码 Vue Router（一）路由注册学习内容和文章内容来自 黄轶老师这里分析的源码是Runtime + Compiler 的 Vue.js调试代码在:node_modules\vue\dist
2021-06-19 17:06:01
2198
转载 export && import相关
export && importexport语法描述命名导出：默认导出：重导出 / 聚合示例使用命名导出使用默认导出模块重定向import语法描述导入整个模块的内容导入单个接口导入多个接口导入带有别名的接口导入时重命名多个接口仅为副作用而导入一个模块导入默认值动态import示例标准导入动态导入推荐阅读你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录exportexport - MDN在创建JavaScript模块时，export 语句用于从模块中
2021-05-07 21:43:59
1230
转载 vue.config.js配置参考
vue-cli 配置参考vue.config.jspageslintOnSavepublicPath相对 publicPath 的限制outputDirproductionSourceMapdevServer使用 webpack-dev-server开发服务器(DevServer) 具体可选配置devServer.disableHostCheckdevServer.hostdevServer.portdevServer.proxydevServer.progress - CLI onlydevServer.
2021-04-28 22:50:59
2622
转载 Docker Dockerfile相关
Docker Dockerfile相关Docker 使用Docker Hello World运行交互式的容器启动容器（后台模式）停止容器Docker Dockerfile什么是 Dockerfile？使用 Dockerfile 定制镜像开始构建镜像上下文路径指令详解COPYADDCMDENTRYPOINTENVARGVOLUMEEXPOSEWORKDIRUSERHEALTHCHECKONBUILD项目中使用推荐阅读你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录内容
2021-04-28 18:21:29
267
转载 Vue-Cli相关
Vue-Cli相关该系统的组件CLICLI 服务CLI 插件CLI 服务使用命令vue-cli-service servevue-cli-service buildvue-cli-service inspect查看所有的可用命令缓存和并行处理Git Hook配置时无需 Eject浏览器兼容性browserslistPolyfill现代模式HTML 和静态资源HTMLIndex 文件插值PreloadPrefetch不生成 index处理静态资源从相对路径导入URL 转换规则public 文件夹何时使用 pu
2021-04-26 09:06:50
278
原创 vue组件样式穿透/deep/ ::v-deep ＞＞＞区别
vue组件样式穿透/deep/ ::v-deep ＞＞＞区别组件作用域内的 CSS深度作用选择器推荐阅读你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录组件作用域内的 CSS组件作用域内的 CSS单文件组件让你可以在同一个文件里完全控制 CSS，将其作为组件代码的一部分。<style scoped> @media (min-width: 250px) { .list-container:hover { background:
2021-04-21 09:00:57
1875
转载 vue-cli环境变量与模式
vue-cli环境变量与模式模式环境变量环境文件加载优先级示例：Staging 模式在客户端侧代码中使用环境变量public/index.html只在本地有效的变量推荐阅读你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录vue-cli3.0移除了配置文件目录： config和build文件夹。改为.env自定义配置环境变量和模式日常工作中，主要用来区分本地开发环境，测试环境，正式环境的全局配置，例如服务器地址、接口地址、websocket地址…… ，通过环境变量和模
2021-04-18 10:14:33
3814
原创 Vue项目安装Sass出现 Syntax Error: TypeError: this.getOptions is not a function
Vue项目安装Sass出现 Syntax Error: TypeError: this.getOptions is not a function问题解决先卸载已经安装的`sass-loader`重新安装指定版本的sass-loader重新跑项目推荐阅读你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录问题通过vue-cli脚手架的vue create命令创建了项目，想在项目中使用sass预处理器，通过vue cli官网如下介绍Vue CLI 项目天生支持PostC
2021-04-18 08:57:34
7117
7
转载 Vue源码 扩展（二）v-model
Vue源码 扩展（二）v-modelVue源码 扩展（二）v-modelv-model表单元素组件总结Vue源码学习目录Vue源码 扩展（二）v-model学习内容和文章内容来自 黄轶老师黄轶老师的慕课网视频教程地址:《Vue.js2.0 源码揭秘》、黄轶老师拉钩教育教程地址:《Vue.js 3.0 核心源码解析》这里分析的源码是Runtime + Compiler 的 Vue.js调试代码在:node_modules\vue\dist\vue.esm.js 里添加vue版本:Vue.js
2021-03-15 22:24:36
319
转载 Vue源码 扩展（一）event
Vue源码 扩展（一）eventVue源码 扩展（一）event扩展event编译DOM 事件自定义事件总结Vue源码学习目录Vue源码 扩展（一）event学习内容和文章内容来自 黄轶老师黄轶老师的慕课网视频教程地址:《Vue.js2.0 源码揭秘》、黄轶老师拉钩教育教程地址:《Vue.js 3.0 核心源码解析》这里分析的源码是Runtime + Compiler 的 Vue.js调试代码在:node_modules\vue\dist\vue.esm.js 里添加vue版本:Vue.js
2021-03-14 10:29:11
356
转载 Vue源码 编译（四）codegen 把优化后的 AST 树转换成可执行的代码
Vue源码 编译（四）把优化后的 AST 树转换成可执行的代码Vue源码 编译（四）把优化后的 AST 树转换成可执行的代码codegen单步调试代码generate`genIf``genFor``genData` & `genChildren`总结Vue源码学习目录Vue源码 编译（四）把优化后的 AST 树转换成可执行的代码学习内容和文章内容来自 黄轶老师黄轶老师的慕课网视频教程地址:《Vue.js2.0 源码揭秘》、黄轶老师拉钩教育教程地址:《Vue.js 3.0 核心源码解析》这
2021-03-13 23:38:53
1088
转载 Vue源码 编译（三）optimize 优化AST树
Vue源码 编译（三）optimize 优化AST树Vue源码 编译（三）optimize 优化AST树optimize标记静态节点标记静态根总结Vue源码学习目录Vue源码 编译（三）optimize 优化AST树学习内容和文章内容来自 黄轶老师黄轶老师的慕课网视频教程地址:《Vue.js2.0 源码揭秘》、黄轶老师拉钩教育教程地址:《Vue.js 3.0 核心源码解析》这里分析的源码是Runtime + Compiler 的 Vue.js调试代码在:node_modules\vue\dis
2021-03-13 17:51:44
621
转载 Vue源码 编译（二）parse 解析模板字符串生成 AST
Vue源码 编译（二）parse 解析模板字符串生成 ASTVue源码 编译（二）parse 解析模板字符串生成 ASTparse整体流程从 options 中获取方法和配置解析 HTML 模板处理开始标签创建 AST 元素处理 AST 元素AST 树管理处理闭合标签处理文本内容流程图总结Vue源码学习目录Vue源码 编译（二）parse 解析模板字符串生成 AST学习内容和文章内容来自 黄轶老师黄轶老师的慕课网视频教程地址:《Vue.js2.0 源码揭秘》、黄轶老师拉钩教育教程地址:《Vue.j
2021-03-13 10:43:00
906
转载 Vue源码 编译（一）编译入口
Vue源码 编译（一）编译入口Vue源码 编译（一）编译入口编译编译入口总结Vue源码学习目录Vue源码 编译（一）编译入口学习内容和文章内容来自 黄轶老师黄轶老师的慕课网视频教程地址:《Vue.js2.0 源码揭秘》、黄轶老师拉钩教育教程地址:《Vue.js 3.0 核心源码解析》这里分析的源码是Runtime + Compiler 的 Vue.js调试代码在:node_modules\vue\dist\vue.esm.js 里添加vue版本:Vue.js 2.5.17-beta你越
2021-03-13 09:06:53
1188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人