03 2023 档案
摘要：1. Electron 是什么？ 使用github开发的开源框架 允许开发者使用Web（js,html,css）技术构建跨平台的桌面应用 Electron=Chrominum + node.js + Native API 高效：通过Web技术写UI 能力：底层能力 能力&体验：跨平台&原生能力 2.
阅读全文
摘要：VS Code 安装地址 常用插件： 中文插件：Chinese 颜色主题：atom one dark 文件夹图标： VSCode Great Icons 在浏览器中打开网页：open in browser、Live Server 自动重命名标签：auto rename tag ES7+ React/
阅读全文
摘要：Object.defineProperty 缺陷： 1. 设计的初衷不是为了监听一个对象中的所有属性，初衷是定义普通的属性 2. 无法对新增属性、删除属性进行监听 Proxy 代理对象 /* const p = new Proxy(obj,{}) */ const obj = { name:'hyf
阅读全文
摘要：注释 // 注释1 /* 多行注释*/ 变量 // less 变量 // @变量名：变量值 @mainColor:#334455; .box{ background-color:@mainColor; } 嵌套 /* 嵌套 */ .box{ .child{ color:blue; } .child2
阅读全文
摘要：Promise const promise = new Promise((resolve,reject)=>{ // 立即执行 // 成功返回resolve()， // 失败返回reject() }) promise.then(()=>{ console.log('成功调用') }).catch((
阅读全文
摘要：原始类型调用方法 原始类型是简单的值，默认不能调用属性和方法，javascript为了可以使其可以获取属性和调用方法，对其封装了对应的包装类型。 String Number Boolean Symbol BigInt 包装类型的使用过程 根据原始值，创建一个原始类型对应的包装类型对象 调用对应的属性
阅读全文
摘要：斐波那契数列 // 数列：1 1 2 3 5 8... function fibonacci(n) { if (n 1 || n 2) { return 1 } return fibonacci(n - 1) + fibonacci(n - 2) } console.log(fibonacci(6)
阅读全文
摘要：this指向分析 指向 直接调用，指向window 通过对象调用，指向对象 call/apply 总结：跟位置无关，跟调用方式有关。只有在执行的时候this指向才会被确定 绑定规则： 默认绑定 // 独立函数调用，this指向window function foo(){ console.log(th
阅读全文
摘要：声明对象方式 对象字面量 var obj1={ name:'xx', age:88, } new Object() var obj2 = new Object() obj2.name='xx' new 自定义类 function Person(){} var obj3 = new Person()
阅读全文
摘要：Storage localStorage 永久性的存储方法 属性 length 方法 Storage.key(index): 返回存储中的第n个key名称 Storage.getItem(key) Storage.setItem(key,value) Storage.removeItem(key)
阅读全文
摘要：语义化元素 header:头部元素 nav：导航元素 section：定义文档某个区域的元素 article：内容元素 aside：侧边栏元素 footer：尾部元素 音频、视频元素 audio video <!-- 兼容写法 audio与video一样写法--> <video src="./x
阅读全文
摘要：新ECMA代码执行描述 词法环境：一种规范类型，用于在词法嵌套结构中定义关联的变量、函数等标识符 环境记录 声明式环境记录 对象式环境记录 外部词法环境 Outer LexicalEnvironment和VariableEnvironment区别 LexicalEnvironment用于处理let/
阅读全文
摘要：DOM和BOM DOM对象是文档（document）对象，页面中每一个元素（Element）抽象为一个个对象， BOM是浏览器对象, navigator、location、history等对象 document对象 Document节点表示的整个载入的网页，它的实例是全局的document对象，它是
阅读全文
摘要：字体属性 text-decoration none:无任何装饰线，可以去掉a标签默认的下划线 underline：下划线 overline:上划线 line-through:中划线（删除线） text-transform capitalize:首字母大写 uppercase:将所有单词转为大写 lo
阅读全文
摘要：location 属性 href protocol：协议 host: 域名+端口号 hostname： 域名 port：端口号 pathname search hash： 获取#后面的值 方法 assign：方法会触发窗口加载并显示指定的 URL 的内容。 // 跳转到 Location.reloa
阅读全文
摘要：进程和线程 进程：计算机运行的程序，操作系统管理程序的一种方式 线程：运行调度的最小单位，被包含在进程中 浏览器的事件循环 1. JavaScript是单线程的，但JavaScript的线程应该有自己的容器进程：浏览器，node 2. 浏览器是多进程的，每开一个tab，就新增一个进程，每个进程中有多
阅读全文
摘要：apply function myApply(obj,args){ /* 1. this指向调用者 2. 使用隐式绑定 obj.fn = this 3. obj.fn() 4. 调用完以后删除fn */ // 确保obj是一个对象 obj = (obj null || obj undefined)
阅读全文
摘要：事件处理三种方案 元素上 el.onclick window.addEventListener(fn) 事件流 事件冒泡：默认情况下事件是从最内层往外传递的顺序，这个顺序就称为事件冒泡 事件捕获：从外层到内层，称为事件捕获。 事件流都监听 捕获阶段：1 目标阶段：2 冒泡阶段：3 /* eventP
阅读全文
摘要：> 所有打包工具是基于 node 运行的 # 1. [Webpack](https://www.webpackjs.com/) ## 内置模块 - path - extname: 后缀名 - basename: 文件名 - dirname:文件的父级文件夹路径 - join(x,y): 路径拼接，
阅读全文
摘要：# Axios ## 常用请求方式 + get + post + delete + put + patch + head + request + all: 发送多个请求，返回一个数组 ```js axios.all([]) ``` ## 常用配置选项 + url + method + baseURL
阅读全文
摘要：1. 声明式和命令式编程 2. MVVM模型 view--ViewModel(事件监听、数据绑定)--Model 3. options data属性： vue2中可以是一个对象，推荐函数 vue3中必须是一个函数，否则会报错 methods属性 不能是箭头函数，因为this指向window，不能获取
阅读全文
摘要：路由介绍 映射表，决定数据的流向 页面不刷新的方式 hash，监听hashchange事件 histroy模式：六种模式 pushState replaceState popState go forward back vue-router 基本使用 安装vue-router 创建路由对象 histo
阅读全文
摘要：Vuex 基本使用 store/index.js import { createStore } from "vuex"; const store = createStore({ state: () => ({ counter:0 }) }) export default store App.vue
阅读全文
摘要：1. 版本控制工具 一种软件工程技巧，确保由不同人所变编辑的同一程序文件都能得到同步 追踪、维护、控制 集中式 集中管理的服务器，保存所有文件的修订版本。开发人员需要连接这台服务器 CVS SVN 分布式 git 2. Bash-CMD-GUI的区别 Bash git bash 就是一个shell,
阅读全文
摘要：Electron 项目搭建采坑 RequestError: connect ETIMEDOUT 20.205.243.166:443 原因github 连接不上，使用ping github.com 获取数据超时 解决方式 打开http://ping.chinaz.com/github.com，搜索g
阅读全文
摘要：# [npm](https://www.npmjs.com/) > npm registry仓库 ## 命令 + npm install 包名： 安装第三方包 + npm uninstall 包名： 卸载 + npm init + npm install xxx --save-dev | -D: 只
阅读全文
摘要：字段及默认错误信息 Field(基类) { 'required': _('This field is required.'), 'null': _('This field may not be null.') } BooleanField { 'invalid': _('Must be a vali
阅读全文
