自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(74)
  • 论坛 (1)
  • 收藏
  • 关注

原创 你所不知道的 JavaScript

目录一、作用域和闭包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

2021-01-11 10:09:59 13

原创 Vue 开发中常见报错与处理

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

2021-01-02 23:08:35 18

原创 vue 单文件组件中,输入template 按 tab 键不能自动补全标签的解决办法

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

2020-12-27 23:19:08 33

原创 vue ui 面板创建项目安装 axios 时,浏览器卡死的解决办法

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

2020-12-25 23:56:52 16

转载 ECMAScript 2015~2020 语法全解析

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

2020-12-25 16:08:43 15

原创 Vue全家桶 - 电商后台管理系统项目开发实录(详)

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

2020-12-16 15:06:34 124

原创 Vue 过渡效果的组件

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

2020-12-14 12:11:35 17

原创 JavaScript高级语法打包 - babel插件安装配置报错!Error: Cannot find module ‘@babel/preset-preset.env‘

目录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 配置

2020-12-12 13:09:54 192

原创 vue 全家桶 - 前端工程化

目录主要内容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.

2020-12-06 00:21:47 37

原创 《我的第一本算法书》 - 学习记录

目录前置:算法基础知识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 算法和程序的区别        算法和

2020-12-04 11:16:45 21

原创 vue-router 动态路由匹配

目录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 } ] })即在路由规则中,把动态的部分在前面加上冒

2020-12-03 23:03:53 12

原创 一键快速生成 Vue 的 HTML页面结构代码

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

2020-12-03 22:29:31 131

原创 Vue - 去除控制台“你正在开发模式下运行Vue”的警告

去除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

2020-12-03 11:59:16 39

原创 Vue 自定义指令的注册方式和选项参数

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

2020-12-02 15:36:58 28

原创 Vue自定义指令-实时时间转换指令 v-time开发

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

2020-12-02 14:30:24 19

原创 分享16个经典的免费UI素材网站

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

2020-12-01 10:00:51 63

原创 前端工具安装和运行相关

目录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

2020-11-27 23:24:55 19

原创 Vue 组件开发 - 数据输入框组件

目录设计通用组件的一般思路组件效果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美化样式简单处:

2020-11-27 15:20:45 22

原创 Vue全家桶 之 Vue基础

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

2020-11-04 11:30:55 46

原创 JavaScript DOM编程艺术(第2版) 笔记

目录基本概念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 获取元素基本概念程序设计语言

2020-10-27 17:06:39 91

原创 超详细前端开发案例:品优购商场项目(四)

目录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 常用单词名称说明

2020-10-20 10:06:28 48

原创 超详细前端开发案例:品优购商场项目(三)

目录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 一个大盒子 包含,

2020-10-20 09:37:18 51

原创 超详细前端开发案例:品优购商场项目(二)

目录续前一篇内容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

2020-10-20 08:41:03 43

原创 超详细前端开发案例:品优购商场项目(一)

目录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. 在样式里面声明

2020-10-19 20:31:16 243

原创 重温前端基础(二) 移动WEB开发

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

2020-10-16 09:31:03 66

原创 重温前端基础(一) HTML、CSS、H5C3

目录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

2020-10-10 10:39:22 354

原创 Node.js 入门详解(四)

数据库与身份认证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.

2020-10-07 11:29:09 143

原创 MySQL在Windows 环境中的安装

文章目录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 的安装程序。

2020-10-07 10:37:44 15

原创 MySQL 在 Mac 环境下的安装

目录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 进入 安装类型

2020-10-07 10:01:31 34

原创 Node.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

2020-09-28 17:13:02 102

原创 前端的葵花宝典 - 红宝书《JavaScript高级程序设计(第4版)》学习笔记

对于前端经典书籍《JavaScript高级程序设计》是慕名已久,几天前收到某社区消息推送,即入手了最新的第四版中文版纸质和电子书,希望能好好系统的学习一下这门技术,并将学习笔记记录于此。

2020-09-28 15:32:12 2286 14

原创 Node.js 从门详解 (二)

目录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 中的模块化

2020-09-27 10:30:28 78

原创 VS Code 常规配置和一些插件 - JavaScript

目录前言1. 插件包2. Node插件3. 代码片段(Snippet)插件4. 语法插件前言首次安装VS Code时,它附带了一些JavaScript和Typescript内置片段。片段可帮助您快速编写重复代码。但是,您可能会发现这些可能还不够。您可以轻松创建自己的扩展程序,也可以简单地安装包含一堆新的有用代码片段的扩展程序。如果要在建议的顶部显示摘要,一个快速提示是使用以下配置:{ "editor.snippetSuggestions": "top"}1. 插件包VS Code的插

2020-09-25 16:58:01 86

原创 Node.js 入门详解(一)

目录前言1. 初识 Node.js1.1 回顾与思考1.2 Node.js 简介1.2.1 什么是Node.js1.2.2 Node.js 中的 JavaScript 运行环境1.2.3 Node.js 可以做什么1.2.4 学习路径1.3 Node.js环境安装1.3.1 查看已安装的Node.js版本号1.3.2 什么是终端1.4 Node.js 环境中执行 JavaScript 代码1.4.1 终端中的快捷键2. fs 文件系统模块2.1 什么是fs文件系统模块2.2 读取文件中的指定内容2.2.1

2020-09-24 11:36:42 124

原创 基于 Layui 的富文本编辑器和封面的实现方案

网页开发中,针对文章类型的页面布局,需要插入富文本本编辑器组件;本文提供的方法是基于 LayUI 实现的;您只需要按照本文步骤,去进行相关的配置,就能够在页面上快速实现富文本编辑器的效果。

2020-09-19 18:50:42 51

原创 大事件后台管理系统开发实战(下)

文章目录续前篇:大事件后台管理系统开发实战(中)1. 文章类别1.1 点击编辑按钮展示修改文章分类的弹出层1.2 为修改文章分类的弹出层填充表单数据1.3 更新文章分类的数据1.4 删除文章分类2. 文章列表2.1 创建文章列表页面2.2 定义查询参数对象q2.3 请求文章列表数据并使用模板引擎渲染列表结构2.4 定义美化时间格式的过滤器2.5 绘制筛选区域的UI结构2.6 发起请求获取并渲染文章分类的下拉选择框2.7 实现筛选的功能3. 分页3.1 定义渲染分页的 renderPage 方法3.2 调用

2020-09-13 23:17:58 80

原创 cropper基本用法

文章目录1. 基本使用步骤2. 更换裁剪的图片3. 将裁剪后的图片,输出为 base64 格式的字符串1. 基本使用步骤在 <head> 中导入 cropper.css 样式表:<link rel="stylesheet" href="/assets/lib/cropper/cropper.css" />在 <body> 的结束标签之前,按顺序导入如下的 js 脚本:<script src="/assets/lib/jquery.js">

2020-09-10 21:29:56 82

原创 token简述

目录前言1.什么是 token2. 使用Token的意义3. 基于Token的身份验证3.2 Token常用的两种使用方式3.2.1 用设备号 / 设备MAC地址作为Token5. Token实现思路6. Token优势6.1 无状态、可扩展6.2 安全性6.3 可扩展性6.4 多平台跨域6.5 基于标准前言对于初学者来说,对Token这个玩意儿比较陌生,根据手头的资料和网上资料搜集整理,在这里简明扼要地介绍一下。1.什么是 tokenToken: 是当第一次登录后,由服务端生成的一串字符串(即

2020-09-07 16:47:39 45

原创 大事件后台管理系统开发实战(中)

文章目录1. 后台主页1.1 获取用户的基本信息1.2 渲染用户头像1.3 统一为有权限的接口设置headers请求头1.4 实现退出功能1.5 控制用户的访问权限1.6 优化权限控制的代码2. 基本资料2.1 创建基本资料对应的页面2.2 绘制基本资料对应的表单2.3 获取用户的基本信息2.4 使用form.val方法快速为表单赋值2.5 实现表单的重置效果2.6 发起请求更新用户的信息3. 重置密码3.1 渲染重置密码的页面结构3.2 为密码框定义校验规则3.3 发起请求实现重置密码的功能4. 更换头像

2020-09-06 21:20:39 83

原创 大事件后台管理系统开发实战(上)

文章目录前言0. 资源地址1. 项目前期的准备工作1.1 初始化项目结构1.2 使用GitHub管理大事件的项目1.3 安装VSCode的Live Server插件辅助开发2. 登录注册2.1 绘制login页面的基本结构2.2 实现登录和注册的按需切换2.3 绘制登录表单的基本结构2.4 美化登录表单的样式2.5 绘制文本框前面的小图标2.6 快速绘制注册的表单2.7 实现登录表单的验证2.8 自定义校验规则2.9 发起注册用户的Ajax请求2.10 使用layer提示消息2.11 发起登录的Ajax请求

2020-09-04 15:06:22 112

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除