←か淡定☆ ヾ 的博客

目录1. 模块化的基本概念1.1 什么是模块化1.2 模块化规范2. Node.js 中模块化2.1 Node.js 中模块的分类2.2 加载模块2.3 Node.js中的模块作用域2.3.1 什么是模块作用域2.3.2 模块作用域的好处2.4 对外共享模块作用域中的成员2.4.1 module对象2.4.2 module.exports对象2.4.3 共享成员时的注意点2.4.4 exports 对象2.4.5 exports 和 module.exports 的使用误区2.5 Node.js 中的模块化

本文整理了一些实用的 JavaScript 单行代码，非常好用~~

目录1. Vue32. Vue 源码解密3. 简历项目4. JavaScript5. Flutter6. TypeScript7. 前端必备在线工具8. 管理后台9. 数据结构与算法10. CSS 学习专题11. Node.js12. 小程序13. 前端监控14. 前端的代码规范15. 程序员必备仓库16. 设计规范17. 可视化18. 代码生成器19. 下载全网视频20. 酷炫的极客界面21. 抠图神器22. 在线绘图23. 颜色搭配24. 开发思想25. 博客团队26. 前端大会27. 打包工具28..

1. for应用较广，简单实用。const array = [4, 7, 9, 2, 6];for (let index = 0; index < array.length; index++) { const element = array[index]; console.log(element);}// 4, 7, 9, 2, 62. for … infor...in 语句可以以任意顺序遍历一个对象的除 Symbol 以外的可枚举属性。const temp =..

目录1. 输入一个值，返回其数据类型**2. 数组去重3. 字符串去重4. 深拷贝 浅拷贝5. reverse底层原理和扩展6. 圣杯模式的继承7. 找出字符串中第一次只出现一次的字母8. 找元素的第 n 级父元素9. 返回元素的第n个兄弟节点10. 封装mychildren，解决浏览器的兼容问题11. 判断元素有没有子元素12. 一个元素插入到另一个元素的后面13. 返回当前的时间（年月日时分秒）14. 获得滚动条的滚动距离15. 获得视口的尺寸16. 获取任一元素的任意属性17. 绑定事件的兼容代码1.

目录1. 邮箱2. 手机号码3. 电话号码4. URL地址5. 是否字符串6. 是否数字7. 是否Boolean8. 是否函数9. 是否为null10. 是否undefined11. 是否对象12. 是否数组13. 是否时间14. 是否正则15. 是否错误对象16. 是否Symbol函数17. 是否Promise对象18. 是否Set对象19. 是否是微信浏览器20. 是否是移动端21. 是否是QQ浏览器22. 是否是爬虫23. 是否ios24. 是否为PC端25. 去除html标签26. 获取url参.

目录1. 为元素添加 on 方法2. 为元素添加trigger方法3. 转义 HTML 标签4. HTML 标签转义5. 跨浏览器绑定事件5. 加入收藏夹7. 提取页面代码中所有网址8. 动态加载脚本文件9. 返回顶部的通用方法10. 实现base64解码11. 确认是否是键盘有效输入值12. 全角半角转换13. 版本对比14. 压缩CSS样式代码15. 获取当前路径16. 字符串长度截取17. 时间日期格式转换18. 跨浏览器删除事件19. 判断是否以某个字符串结束20. 返回脚本内容21. 格式化CS.

break , continue , return 的区别

目录一、form表单的基本使用1. 什么是表单？2. 表单的组成部分3. < form>标签的基本属性3.1 action3.2 target3.3 method3.4 enctype4. 表单的同步提交及缺点4.1 什么是表单的同步提交4.2 表单二、使用步骤1.引入库2.读入数据总结注：form 元素是块级元素，其前后会产生折行。一、form表单的基本使用1. 什么是表单？表单在网页中主要负责数据采集功能。HTML中的 < form> 标签，就是用于采集用户输入的信息，

目录一、作用域和闭包1. 附录B 块作用域的替代方案1.1 Traceur - 将ES6 代码生成兼容ES5的工具1.2 隐式和显式作用域2. 附录C this 词法二、this 和对象原型1. 关于 this 的错误认识1.1 指向自身一、作用域和闭包1. 附录B 块作用域的替代方案1.1 Traceur - 将ES6 代码生成兼容ES5的工具Google 维护着一个名为 Traceur 的项目，该项目正是用来将ES6 代码转换成兼容 ES6 之前的环境（大部分是ES5，但不是全部）。TC

1. “xxxx” is assigned a value but never used.eslintno-unused-vars错误原因：eslint的验证语法解决办法：在错误语句后添加注释// eslint-disable-line no-unused-vars

1. 操作步骤选择： 文件 ⇒\Rightarrow⇒ 首选项 ⇒\Rightarrow⇒ 设置 ⇒\Rightarrow⇒ 搜索 emmet，选择 编辑 setting.json添加如下代码："emmet.includeLanguages": { "vue-html": "html", "vue": "html" }Ctrl + s 保存即可。2. 效果...

利用Vue UI可视化面板创建新项目，安装 axios 依赖，点击 “ 安装 axios ” 按钮浏览器卡死的解决办法！

涵盖ES2015~ES2020每一个版本所引入的新特性，新特性的语法优势、应用场景，在实战项目中的应用。

本文行文顺序（电商后台管理系统开发实录）严格按照开发过程进行。即，如果严格按本文顺序和操作要求来操作，即可完整复现本项目，掌握项目开发全过程。内容翔实、图文并茂是入门Vue 框架开发的一篇或可借鉴的文章

在Vue 中，要想实现过渡动画效果，虽然可以使用原生的 CSS 或 JavaScript 来达到， 但Vue 提供了更简单和高效的方式。本文将带你了解过渡效果的组件

目录1. 插件安装和配置2. 运行打包 - 报错信息3. 解决办法1. 插件安装和配置安装babel转换器相关的包：npm i babel-loader @babel/core @babel/runtime -D安装babel语法插件相关的包： npm i @babel/preset-env @babel/plugin-transform-runtime @babel/plugin-proposal-class-properties –D在项目根目录中，创建 babel 配置

目录主要内容1. 模块化的分类A. 浏览器端的模块化B. 服务器端的模块化C. ES6 模块化2. 在 NodeJS 中安装 babelA. 安装 babelB. 创建 babel.config.jsC. 创建 index.js 文件D. 使用 npx 执行文件3. 设置默认导入 / 导出A. 默认导出B. 默认导入4. 设置按需导入/导出A. 按需导出B. 按需导入5. 直接导入并执行代码6. webpack 的概念7.webpack 的基本使用A. 创建项目目录并初始化B. 创建首页及 js 文件C.

目录前置：算法基础知识0-1. 什么是算法0.1.1 算法和程序的区别0.1.2 排列整数的算法：排序0.1.3 如何选择算法0-2. 运行时间的计算方法0.2.1 输入数据的量和运行时间之间的关系0.2.2 求运行时间0.2.3 运行时间的表示一. 数据结构 1-1. 什么是数据结构1-2 链表前置：算法基础知识0-1. 什么是算法算法就是计算或者解决问题的步骤。0.1.1 算法和程序的区别        算法和

目录1. 动态匹配路由的基本用法2. 路由组件传递参数2.1 1. props 的值为布尔类型2.1.2 props 的值为对象类型2.1.3 props的值为函数类型1. 动态匹配路由的基本用法【应用场景】：通过动态路由 参数 的模式进行路由匹配。var router = new VueRouter({ routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id', component: User } ] })即在路由规则中，把动态的部分在前面加上冒

VS Code除了使用 !+Tab 在html文件中快速创建html结构代码之外，还可以自己定义代码段，这里分享如下在 Vue 环境下快速通过成 html 结构。

去除Vue控制台警告！You are running Vue in development mode.Make sure to turn on production mode when deploying for production.See more tips at https://vuejs.org/guide/deployment.html

目录1. 注册方法1.1 全局注册的写法1.2 局部注册的写法2. 自定义指令的选项2.1 选项2.2 钩子函数的参数1. 注册方法​ 自定义指令 的注册方法，分为 全局注册 和 局部注册 。1.1 全局注册的写法// 全局注册Vue.directive("xxx", { // 指令选项})1.2 局部注册的写法// 局部注册var app = new Vue({ ... directives: { xxx: { // 指令选项 } }})它们的写法

为了显示出实时性，在一些社交类产品中，比如WX朋友圈或微博等地方，作者发布动态的时间会实时显示为“刚刚”、“4小时前”、“1天前” 等不同的格式。也就是一个相对本机时间转换后的相对时间。这样比直接转换为年、月、日、时、分、秒更友好。本文记录了实现这样一个自定义指令v-time 的详细过程

今天给大家分享一波硬核网站，作为一名前端，不能总依靠UI小姐姐，自己动手、丰衣足食。

目录1. nodemon 运行出错：无法运行脚本2. XXX~待续1. nodemon 运行出错：无法运行脚本无法加载文件 C:\Users\xxx\AppData\Roaming\npm\nodemon.ps1，因为在此系统上禁止运行脚本。解决办法：管理员身份打开powerShell；输入set-ExecutionPolicy RemoteSigned，如下所示set-ExecutionPolicy RemoteSigned.选择 Y 或者 A 。 2. XX

目录设计通用组件的一般思路组件效果1. HTML结构2. index.js3. input-number.js3.1 input-number.js代码注解设计通用组件的一般思路明确需求；设计API（组件的API：只来自props、events 和 slots）；2.1 确定命名、规则2.2 编写业务逻辑即使逻辑的第一版没做好，后续还可迭代完善；但如果 API 没设计好，后续修改成本很高。组件效果1. HTML结构由于本示例以交互功能为主，CSS美化样式简单处：

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架**- vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合

目录基本概念1、JavaScript语法1.1 JavaScript 代码的执行：1.2 JavaScript 语句1.3 变量1.4 数据类型1.4.1 字符串1.4.2 数值1.4.3 数组1.4.4 对象1.5 操作1.6 条件语句1.6.1 if 条件语句1.6.2 比较操作符1.6.3 逻辑操作符1.6.4 循环语句1.7 函数1.8 对象1.8.1 内建对象1.8.2 宿主对象2、DOM2.1 获取元素基本概念程序设计语言

目录2. 详情页制作2.1 详情页 detail.html 常用单词2.2 面包屑导航2.3 产品介绍 模块2.4 预览区域制作2.5 preview_list 制作2.6 产品详细信息区域制作 itemInfo_wrap2.7 产品细节模块 product_detail2.8 aside 布局2.9 detail 布局3.0 注册页面 register3.1 registerarea布局2. 总结2. 详情页制作2.1 详情页 detail.html 常用单词名称说明

目录1. 首页制作1.1 楼层区 floor1.2 家用电器模块1.3. box-hd 模块1.4 box-bd 模块1.5 侧边栏 fixedtool 制作1.6 知识点 -过渡(CSS3)2. 列表页制作2.1 列表页准备工作2.2 列表页 header 和 nav 修改2.3 列表页主体盒子 sk _container2.4 sk_goods 布局2.5 分页制作 page2.6 知识点 -获得焦点元素1. 首页制作1.1 楼层区 floor注意这个floor 一个大盒子 包含，

目录续前一篇内容1. 品优购首页布局1. 1 nav 导航栏制作1.2 footer 底部制作1.3 mod_service 服务模块制作1.4 main 主体模块制作1.5 newsflash 新闻快报模块1.6 news 新闻模块1.7 lifeservice 生活服务模块1.8 recommend 推荐模块~ 未完待续，请看下一篇续前一篇内容超详细前端开发案例：品优购商场项目(一)1. 品优购首页布局命名集合：名称说明快捷导航栏shortcut

目录1. 品优购项目介绍2. 项目背景3. 设计目标4. 几点思考5. 代码规范6. 前期准备工作目录文件夹样式文件的分类7. 网站ico图标1). 使用ico图标2). 制作ico图标8. 网站优化三大标签1). 网页title 标题2. Description 网站说明3. Keywords 关键字4). 总结9. 字体图标1. 字体图标优点2. 字体图标使用流程3. 设计字体图标4. 上传生成字体包5. 下载兼容字体包6. 字体引入到HTML2. html标签内里面添加结构3. 在样式里面声明

目录1. 移动端基础2. 视口2.1 meta标签3. 二倍图3.1 物理像素 & 物理像素比3.2 背景缩放 background-size1. 移动端基础PC端及手机端浏览器众多，开发中，兼容移动端主流浏览器，处理Webkit内核浏览器即可。移动端调试方法：Chrome DevTools（谷歌浏览器）的模拟手机调试；搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器；使用外网服务器，直接IP或域名访问。2. 视口视口（viewport）：浏览器显示页面内容

目录0. WEB 标准构成1. HTML1.1 HTML概念1.2 超文本含义1.3 页面语言1.4 字符集1.5 标签语义化1.6 常用标签1.7 图像标签 img1.8 链接标签1.9 锚点定位0. WEB 标准构成构成： 主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。标准说明结构结构用于对网页元素进行整理和分类，咱们主要学的是HTML。表现表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS

数据库与身份认证1. 数据库的基本概念1.1 什么是数据库1.2 常见的数据库及分类1.3 传统型数据库的数据组织结构1.3.1 Excel的数据组织结构1.3.2 传统型数据库的数据组织结构1.3.3 实际开发中库、表、行、字段的关系2. 安装并配置MySQL2.1 了解需要安装哪些 MySQL 相关的软件2.2 MySQL在 Mac 环境下的安装2.3 MySQL在 Windows 环境下的安装3. MySQL的基本使用3.1 使用 MySQL Workbench 管理数据库3.1.1连接数据库3.1.

文章目录MySQL 在 Windows 系统下的安装MySQL 在 Windows 系统下的安装双击 mysql-installer-community-8.0.19.0.msi，启动 MySQL 安装程序。如果弹框提示如下的警告信息，证明你的电脑需要安装额外的 .NET Framework 依赖包。此时，先退出 MySQL 的安装程序，然后双击 NDP452-KB2901907-x86-x64-AllOS-ENU.exe，启动 .NET Framework 4.5.2 的安装程序。

目录Mac 系统配置 MySql 数据库1. 安装 MySql 数据库2. 安装 MySql Workbench 可视化工具Mac 系统配置 MySql 数据库1. 安装 MySql 数据库1.1 双击打开安装包 mysql-8.0.19-macos10.15-x86_64.dmg：1.2 双击 mysql-8.0.19-macos10.15-x86_64.pkg 运行安装包，并点击 继续 按钮：1.3 进入 介绍 页面之后，点击 继续 按钮：1.4 进入 安装类型

Headline大事件后台 API 项目，API 接口文档请参考 https://www.showdoc.cc/escook?page_id=37071587612152171. 初始化1.1 创建项目新建 api_server 文件夹作为项目根目录，并在项目根目录中运行如下的命令，初始化包管理配置文件：npm init -y运行如下的命令，安装特定版本的 express：npm i express@4.17.1在项目根目录中新建 app.js 作为整个项目的入口文件，并初

目录1. 初识Express1.1 Express简介1.1.1 什么是Express1.1.2 进一步理解 Express1.1.3 Express能做什么1.2 Express 的基本使用1.2.1 安装1.2.2 创建基本的web服务器1.2.3 监听 GET请求1.2.4 监听 post 请求1.2.5 把内容响应给客户端1.2.6 获取 URL 中携带的查询参数1.2.7 获取 URL中的动态参数未完待续~~1. 初识Express1.1 Express简介1.1.1 什么是Expres