![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 76
Alice_LMY
这个作者很懒,什么都没留下…
展开
-
Axios 笔记
Axios的使用和源码分析原创 2022-07-13 08:45:02 · 191 阅读 · 0 评论 -
Promise 笔记
Promise使用原创 2022-03-24 14:36:56 · 196 阅读 · 0 评论 -
Git 笔记
Git与GitHub原创 2022-03-24 14:35:31 · 312 阅读 · 0 评论 -
TypeScript 笔记
说明以JS为基础构建的语言一个JS的超集TS扩展了JS,并添加了类型可以在任何支持JS的平台中执行TS不能被JS解析器直接执行,需要编译成JS再执行开发环境搭建全局安装:npm i typescript -g创建ts文件,进入目录后使用tsc demo.ts进行编译类型声明// 指定a的类型为booleanlet a: boolean;a = true;// a = "dudu"; // 会报错 不能将类型“string”分配给类型“boolean”// 声明完变量直接原创 2022-02-09 11:50:49 · 2399 阅读 · 0 评论 -
Webpack 笔记 04:配置详解
entryconst { resolve } = require("path");const HtmlWebpackPlugin = require("html-webpack-plugin");module.exports = { /** * 1.string --> "./src/js/index.js" * 打包形成一个chunk,chunk的名称默认叫main,输出一个bundle文件 * 2.array --> ["./src/js/index.js原创 2021-12-02 09:55:22 · 126 阅读 · 0 评论 -
Webpack 笔记 03:性能优化
什么是 Webpack?webpack是一种前端资源构建工具,一个静态模块打包器在webpack看来,前端所有的资源文件都会作为模块处理它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)...原创 2021-12-01 10:53:27 · 326 阅读 · 0 评论 -
Webpack 笔记 02:生产环境基本配置
Webpack生产环境基本配置1. 提取css成单独文件webpack.config.jsconst HtmlWebpackPlugin = require("html-webpack-plugin");const { resolve } = require("path");// mini-css-extract-plugin 单独提取css文件const MiniCssExtractPlugin = require("mini-css-extract-plugin");module.exp原创 2021-11-30 14:44:27 · 463 阅读 · 0 评论 -
Webpack 笔记 01:开发环境基本配置
Webpack 简介什么是 Webpack?webpack是一种前端资源构建工具,一个静态模块打包器在webpack看来,前端所有的资源文件都会作为模块处理它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)’Webpack 五个核心概念Entry:入口指示 Webpack 以哪个文件为入口起点开始打包,分析构建内部依赖图Output:输出指示 Webpack 打包后的资源 bundles 输出到哪里去,以及如何命名Loader:让 Webpack 能够去处理那些原创 2021-11-30 14:43:00 · 518 阅读 · 0 评论 -
jQuery笔记 06:jQuery 对象(插件和静态方法)
扩展插件扩展 $ 的方法(function () { jQuery.extend({ min: function (a, b) { return a < b ? a : b; }, max: function (a, b) { return a > b ? a : b; }, leftTrim: function (str) { return str.replace(/^\s+/, ""); },原创 2021-11-13 18:09:17 · 239 阅读 · 0 评论 -
jQuery笔记 05:jQuery 对象(事件处理)
事件绑定<button>一个平平无奇的按钮</button><script>$(function () { // 编码效率略高,但部分事件jq没有实现无法添加 $("button").click(function () { alert("dudu~"); }); // 注册多个相同事件不会覆盖 $("button").click(function () { alert("dudu~~"); }); // 而且可以注册多个原创 2021-11-05 14:06:21 · 434 阅读 · 0 评论 -
jQuery笔记 04:jQuery 对象(对象的筛选、文档处理和动画效果)
jQuery对象是一个伪数组,即有 0 到 length-1 的属性,且有 length 属性$(function () { var $div = $("div"); console.log($div); // 类似于数组 for (let i = 0; i < $div.length; i++) { console.log($div[i]); }});基本行为<button>测试一</button><button>测试二&l原创 2021-11-05 14:03:37 · 289 阅读 · 0 评论 -
jQuery笔记 03:jQuery对象(属性操作和 CSS 操作)
属性操作什么是属性节点?<!-- 在编写html代码时,在标签中添加的属性就是属性节点 --><!-- 在浏览器中找到 span 这个 dom 元素之后看到的 attributes 属性中保存的所有内容,都是属性节点 --><span name="dudu"></span>如何操作属性节点?$(function () { var span = document.getElementsByTagName("span")[0]; // 设置属原创 2021-11-05 13:59:45 · 173 阅读 · 0 评论 -
jQuery笔记 02:jQuery对象(基本行为、选择器和工具方法)
初始 jQuery1. 什么是 jQuery?jQuery是一款优秀的JavaScript库jQuery最主要的用途是用来做查询,还能简化HTML文档遍历和操作、事件处理、动画以及Ajax2. 为什么要使用 jQuery?强大选择器: 方便快速查找DOM元素链式调用: 可以通过.不断调用jQuery对象的方法隐式遍历(迭代): 一次操作多个元素读写合一: 读数据/写数据使用是一个函数事件处理DOM操作(C增U改D删)样式操作动画丰富的插件支持浏览器兼容(前端开发者痛点)原创 2021-11-05 13:56:34 · 330 阅读 · 0 评论 -
jQuery笔记 01:核心函数
了解 jQuery1. 什么是 jQuery?jQuery是一款优秀的JavaScript库jQuery最主要的用途是用来做查询,还能简化HTML文档遍历和操作、事件处理、动画以及Ajax2. 为什么要使用 jQuery?强大选择器: 方便快速查找DOM元素链式调用: 可以通过.不断调用jQuery对象的方法隐式遍历(迭代): 一次操作多个元素读写合一: 读数据/写数据使用是一个函数事件处理DOM操作(C增U改D删)样式操作动画效果丰富的插件支持浏览器兼容(前端开发者痛点)原创 2021-11-05 13:52:42 · 268 阅读 · 0 评论 -
BootStrap笔记
使用在官网下载后,将css、font、js包下的内容粘贴的项目中在代码中引入<link rel="stylesheet" href="../css/bootstrap.min.css"><body></body><script src="../js/npm.js"></script><script src="../js/bootstrap.min.js"></script>容器流体容器<原创 2021-09-26 13:57:42 · 215 阅读 · 0 评论 -
JS模块化 笔记
简介模块化的好处:避免命名冲突更好的分离,按需加载更高复用性高可维护性产生的问题:请求过多依赖模糊难以维护modular1. 全局function模式let msg = "feidu";function f1() { console.log("01-f1: " + msg);}<script src="./01.js"></script><script> f1(); // 01-f1: feidu // 数据可原创 2021-10-29 17:01:37 · 190 阅读 · 0 评论 -
ES6以上 笔记
ES7判断数组是否包含某个元素const chs = ["guyun", "feidu", "chengqian"];console.log(chs.includes("guyun")); // trueconsole.log(chs.includes("taoran")); // false指数操作符console.log(2 ** 10); // 1024ES8async 和 awaitasync 函数// 特殊的函数,返回值是Promise对象,结果由函数执行的返回值决定as原创 2021-10-28 14:19:44 · 152 阅读 · 0 评论 -
ES6 笔记
ES6let变量不能重复声明let name = "dudu";let name = "dudu"; // Identifier 'name' has already been declared块级作用域{ let age = 22;}console.log(age); // ReferenceError: age is not defined不存在变量提升console.log(address); // ReferenceError: Cannot access 'addre原创 2021-10-25 14:53:20 · 494 阅读 · 0 评论 -
MongoDB 笔记
简介MongoDB 是一种文档数据库为快速开发互联网Web应用而设计的数据库系统设计目标是极简、灵活、作为Web应用栈的一部分数据模型是面向文档的,所谓文档是一种类似于JSON的结构(BSON)三个概念数据库:一个仓库,可以存放集合集合:类似于数组,可以存放文档文档:文档数据库中的最小单位,存储与操作的内容数据库和集合都不需要手动创建,如果文档所在的集合或数据库不存在,会自动创建安装与使用安装在这里插入代码片配置环境变量cmd打开一个窗口:mongod --dbpath原创 2021-10-18 18:10:50 · 125 阅读 · 0 评论 -
AJAX笔记
原生AJAXAJAX 简介全称为Asynchronous JavaScript And XML,即异步的 JS 和 XML通过 AJAX 可以在浏览器中向服务器发送异步请求,最大的优势:无需刷新即可获取数据AJAX 不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式AJAX 的特点优点:① 可以无需刷新页面而与服务器端进行通信;② 允许根据用户事件来更新部分页面内容缺点:① 没有浏览历史,不能回退;② 存在跨域问题(同源);③ SEO(搜索引擎优化)不友好HTTP 协议原创 2021-10-12 14:09:19 · 95 阅读 · 0 评论 -
Node.js 笔记
一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境采用Google开发的V8引擎运行js代码,使用事件驱动、非阻塞和异步I/O模型等技术来提高性能,可优化应用程序的传输量和规模。...原创 2021-10-11 09:47:36 · 174 阅读 · 0 评论