摘要：
JavaScript Ajax用jsonp方式跨域发送请求示例 众所周知，Ajax是通过创建XMLHttpRequest对象或ActiveXObject来连接服务器、发送请求以及响应数据，但它却不能跨域。而在分布式系统中我们又需要跨域发送接受数据，于是jsonp出现了... 它是一种跨域请求方式，主 阅读全文
摘要：
1.推荐团队博客 推荐团队 w3cplus w3school 前端观察 腾讯Web前端Alloy团队 qq前端月报 淘宝前端团队fed 推荐博客 汤姆大叔博客 张鑫旭博客 阮一峰博客 廖雪峰官网 牧云云博客 前端小智 小胡子哥的个人网站 Jerry Qu fouber github 木易杨 gith 阅读全文
摘要：
CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释（Conditional comments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。条件注释只能用于IE5以上，IE10以上不支持。 如果你安装了多个IE，条件注释将会以最高版本的IE为 阅读全文
摘要：
组件样式的特性 Scoped CSS之局部样式的泄露 示例（vue3）： 父组件： <template> <h4>App Title</h4> <hello-world></hello-world> </template> <script> import HelloWorld from './Hel 阅读全文
摘要：
实现如通义灵码官网关于代码片段中，当鼠标hover上代码上时，出现打字效果，示例地址：https://tongyi.aliyun.com/lingma?spm=5176.28508143.J_ahRFo5CaAe_asSOaCgS4J.14.5421154auHz4xJ&scm=20140722.M 阅读全文
摘要：
ReturnType 在TypeScript中，ReturnType 是一个内置的条件类型（Conditional Type），它用于获取一个函数返回值的类型。这个工具类型非常有用，特别是当你需要引用某个函数的返回类型，但又不想直接写出那个具体的类型时。 ReturnType 的基本语法如下： ty 阅读全文
摘要：
Array 和 Tuple //最简单的方法是使用「类型 + 方括号」来表示数组： let arrOfNumbers: number[] = [1, 2, 3, 4] //数组的项中不允许出现其他的类型： //数组的一些方法的参数也会根据数组在定义时约定的类型进行限制： arrOfNumbers.p 阅读全文
摘要：
TS接口 开发实战：基于类类型接口设计实现日期时间应用 interface ITimeDate { curTime: Date; setTime(cur: Date): void; getTime(): Date; } class CTime implements ITimeDate { curTi 阅读全文
摘要：
简介：第一个hello world print("hello world!"); for i in range(10): print('run:',i); import time; time.sleep(10); 字符串str 在Python中,加了引号的字符都被认为是字符串！ name = "zh 阅读全文
摘要：
os模块提供了与操作系统进行交互的功能。它允许你执行许多常见的文件系统任务，如读取目录、处理文件、获取系统信息等。以下是一些os模块中常见的函数及其用途： 目录操作 os.getcwd()：返回当前工作目录的字符串表示。 os.listdir(path)：返回指定目录下的文件和子目录列表。 os.m 阅读全文
摘要：
构建配置包设计 构建配置管理的可选方案: 通过多个配置文件管理不同环境的构建，webpack --config 参数进行控制 将构建配置设计成一个库，比如：xxx-webpack 抽成一个工具进行管理，比如：create-vue-app 将所有的配置放在一个文件，通过 --env 参数控制分支选择 阅读全文
摘要：
目录速度分析：使用 speed-measure-webpack-plugin体积分析：使用webpack-bundle-analyzer使用高版本的 webpack 和 Node.js多进程/多实例构建资源并行解析可选方案使用 HappyPack 解析资源使用 thread-loader 解析资源多 阅读全文
摘要：
构建配置包设计 构建配置管理的可选方案: 通过多个配置文件管理不同环境的构建，webpack --config 参数进行控制 将构建配置设计成一个库，比如：xxx-webpack 抽成一个工具进行管理，比如：create-vue-app 将所有的配置放在一个文件，通过 --env 参数控制分支选择 阅读全文
摘要：
自动清理构建目录产物 webpack4.x使用clean-webpack-plugin@3版本： npm i clean-webpack-plugin@3 -D webpack配置： const { CleanWebpackPlugin } = require('clean-webpack-plug 阅读全文
摘要：
webpack 本质上是一个打包工具，它会根据代码的内容解析模块依赖，帮助我们把多个模块的代码打包。 一切文件：JavaScript、CSS、SCSS、图片、模板，在 Webpack 眼中都是一个个模块，这样的好处是能清晰的描述出各个模块之间的依赖关系，以方便 Webpack 对模块进行组合和打包。 阅读全文
摘要：
为什么需要构建工具？ 转换 ES6 语法 转换 JSX CSS 前缀补全/预处理器 压缩混淆 图片压缩 前端构建演变之路 ant + YUI Tool grunt gulp、fis3 webpack、rollup、parcel 为什么选择 webpack? 社区⽣态丰富 配置灵活和插件化扩展 官⽅方 阅读全文
摘要：
示例代码： <template> <div class="it-bottom-button" :style="{ right: bottomBarRight }"> <slot></slot> </div> </template> <script> export default { name: "i 阅读全文
摘要：
IntersectionObserver (自动监听元素是否进入了设备的可视区域之内) 示例： const io = new IntersectionObserver(callback, option); // 获取元素 const target = document.getElementById( 阅读全文
摘要：
参考代码： <template> <div class="spinner"> <div class="dot1"></div> <div class="dot2"></div> </div> </template> <style scoped> .spinner { margin: 100px au 阅读全文
摘要：
简介 TypeScript 代码最终都会被编译成 JavaScript 代码来运行。这个编译的过程需要使用 TypeScript 编译器，我们可以为该编译器配置一些编译选项。 在 TypeScript 项目的根目录下执行 “tsc-init” 命令，快速创建一个 tsconfig.json 文件。该 阅读全文
摘要：
TypeScript 类的使用 进行ES5开发的时候，需要使用函数和原型链实现类和继承。ES6引入了 class关键字，我们可以更加方便地定义和使用类。 作为 JavaScript 的超集，TypeScript 同样支持使用 class 关键字，并且可以对类的属性和方法等进行静态类型检测。 类的定义 阅读全文
摘要：
Javascript 类型缺陷 类型引发的问题 在编程开发中，有一个共识：错误越早发现，就越容易解决。 例如： 能在代码编写时发现错误，就不要等到代码编译时才发现(这也是IDE的优势之一)。 能在代码编译时发现错误，就不要在代码运行时才发现(类型检测可以帮助我们在这 方面做得很好)。 能在开发阶段发 阅读全文
摘要：
1、使用 Object.entries() 和 Object.fromEntries() // 将对象转换为数组并转换回来，以便于操作 const person = { name: 'jack', age: 20 }; const entries = Object.entries(person); 阅读全文
摘要：
比如我们经常使用固定的代码格式来生成代码片段。 第一步，编写需要生成代码片段的代码，代码示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width= 阅读全文
摘要：
安装vite npm create vite@latest 你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如，要构建一个 Vite + Vue + ts 项目，运行: # npm 7+，需要添加额外的 --： npm create vite@latest my-vue-app - 阅读全文
摘要：
初识 create-vue create-vue类似于Vue CLI脚手架，可以快速创建vuejs 3项目，create-vue基于Vite。Vite支持Vue CLI中的大多数配置，并且Vite以极速启动服务、快如闪电的热重载，提供了更好的开发体验。 与Vue CLI 不同的是，create-vu 阅读全文
摘要：
安装Vue CLI (1) 全局安装Vue CLI 方式一（推荐方式）：在终端安装指定版本 npm i @vue/cli@5.0.8 -g 注：目前5.0.8应该是最新的版本了。 方式二：在终端通过命令安装最新版本 npm i @vue/cli -g (2) 升级Vue CLI到最新版本（可选） n 阅读全文
摘要：
Auto Close Tag 自动添加HTML/XML关闭标签。例如，在输入<div>时，输入完最后一个尖括号>时，会自动添加对应的闭合标签</div> Auto Rename Tag 自动重命名成对的HTML/XML标记。例如，在将<div></div>标签重命名为<span></span>标签时 阅读全文
摘要：
以下工具来源于互联网，可能会失效，请参考使用 网红工具 名称 链接 说明 GPT-4 https://chat.openai.com/ 需要梯子，需要付费。功能最强大的聊天机 器人。 文心一言 https://yiyan.baidu.com/welcome 国内版 GPT，需要申请账号。回答问题、协 阅读全文
摘要：
基本介绍 vue.js采用数据劫持结合发布-订阅模式的方式，通过Object.defineProperty()来劫持各个属性的getter,setter,在数据变动时发布消息给订阅者，触发响应的监听回调。 主要功能： 实现一个指令解析器Compile 实现一个数据监听器Observer 实现一个Wa 阅读全文
摘要：
## 简介 所谓移动端响应式布局，就是最终布局适配不同的手机型号，针对不同的屏幕分辨率的终端上能够浏览网页展示的不同方式，我们也可以称为移动端适配布局。 > 总结就是一个移动端网站能够兼容多个终端——而不是为每个终端做一个特定的版本。 优点： - 面对不同分辨率设备灵活性较强 - 能够快捷解决多设备 阅读全文
摘要：
在配置文件daemon.json中添加国内镜像，让其下载加速。 ``` vi /etc/docker/daemon.json ``` 如下国内镜像： ``` { "registry-mirrors": [ "https://registry.docker-cn.com", "http://hub-m 阅读全文
摘要：
属性 stroke-width SVG具有stroke-width定义笔触宽度的CSS属性。 <svg width="500" height="120"> <circle cx="50" cy="50" r="25" style="stroke: #000066; fill: none;stroke 阅读全文