前端
前端
忘尘 丶莫负
菜鸡一枚~
展开
-
【18】微信小程序:微信开发者工具导入wepy-cli生成的项目后控制台报错显示app.json: app.json 未找到
解决“微信开发者工具导入wepy-cli生成的项目后控制台报错显示app.json: app.json 未找到”的问题微信小程序开发者工具版本:导入之前项目根目录下的project.config.json文件:{ "description": "A WePY project", "setting": { "urlCheck": true, "es6": false, "postcss": false, "minified": false }, "comp原创 2020-10-06 00:25:54 · 8695 阅读 · 8 评论 -
【19】黑马优购商城:01-项目介绍、初始化项目、首页、优化、分类页面、interceptor 拦截器、搜索、商品列表、商品详情、加入购物车、购物车、确认订单、订单支付、订单列表、发布小程序
文章目录黑马优购1. 项目介绍2. 初始化项目2.1 初始化项目2.2 梳理项目结构2.3 绘制 tabBar2.4 修改导航栏样式3. 首页3.1 为异步 API 启用 Promise 功能3.2 轮播图数据渲染3.3 获取首页分类选项数据3.4 渲染分类数据项对应的UI结构3.5 美化分类数据项的UI显示效果3.6 获取楼层相关的数据3.7 渲染楼层UI结构3.8 美化楼层UI结构3.9 点击楼层图片跳转到商品列表页面4. 优化4.1 把页面的业务逻辑抽离到单独的 `mixin` 文件中4.2 封装 `原创 2020-09-27 20:50:51 · 7908 阅读 · 5 评论 -
【18】微信小程序:05-WePY简介、WePY的安装与运行、WePY文件介绍、WePY框架开发规范与使用
文章目录第四天笔记 - WePY一、WePY 简介001 - 什么是 `WePY`002 - 为什么使用 `WePY`二、`WePy` 的安装与运行001 - 安装 `WePY`002 - 初始化 `WePY` 项目003 - 运行编译 `WePY` 项目004 - 认识`WePY` 项目目录004 - 将 `WePy` 项目导入到开发者工具中005 - `WePY` 和 小程序项目的关系三、`WePY` 文件介绍001 - 介绍`.wpy`文件的组成部分002 - `.wpy` 文件的使用说明003 -原创 2020-09-27 09:57:56 · 3280 阅读 · 0 评论 -
【18】微信小程序:04-声明式导航、编程式导航、导航传参、网络数据请求、组件的创建与引用、组件的样式、组件的数据与方法、properties、数据监听器、组件生命周期、小程序插槽的使用、组件间的通信
文章目录小程序基础 第四天一、小程序导航 -- 声明式导航001 - 导航到非 `tabBar` 页面002 - 导航到 `tabBar` 页面003 - 后退导航二、小程序导航 -- 编程式导航001 - 导航到非 `tabBar` 页面002 - 导航到 `tabBar` 页面003 - 后退导航三、小程序导航 -- 导航传参001 - 声明式导航传参002 - 编程式导航传参003 - 接受传递的参数004 - 导航栏自定义编译模式快速传参四、网络数据请求001 - 小程序后台配置002 - 跳过域名原创 2020-09-27 09:39:17 · 1623 阅读 · 0 评论 -
【18】微信小程序:03-数据绑定、事件、事件传参、wxs脚本简介、wxs基础语法、内嵌wxs脚本、外联wxs脚本、条件渲染、列表渲染、下拉及上拉刷新、Mustache语法、bindtap、其他事件
文章目录小程序基础第三天一、数据绑定001 - 如何定义页面的数据002 - `Mustache` 语法格式003 - 案例代码二、小程序中的事件001 - 什么是事件002 - `bindtap` 绑定触摸事件003 - `data` 和 文本框之间的数据同步004 - 案例代码三、小程序中的事件传参001 - 不能再绑定事件的同时传递参数002 - 通过 `data-*` 自定义属性传参003 - 获取 `data-*` 自定义属性中传递的参数004 - 案例代码四、 `WXS` 脚本简介001原创 2020-09-27 09:25:43 · 1791 阅读 · 0 评论 -
【18】微信小程序:02-项目结构、页面结构、常用组件、样式选择器、rpx尺寸单位、@import样式导入、全局样式和局部样式、app.json、pages数组、tabBar、生命周期函数等
文章目录小程序基础 第二天一、 小程序项目的结构二、小程序页面的结构001 - 小程序页面和 `Vue` 组件的对比002 - 小程序页面中每个文件的作用三、创建小程序页面四、修改小程序项目的默认首页五、text文本组件的用法001 - text 组件的属性002 - 代码案例六、view视图容器组件的用法001 - 组件的属性002 - 代码案例七、button按钮组件的用法001 - 组件的属性002 - 案例代码八、input文本输入框组件的用法001 - input 组件属性002 - 案例代码九、原创 2020-09-21 23:47:04 · 1151 阅读 · 0 评论 -
【17】电商后台管理系统:07-项目优化、添加进度条、执行build、生成打包报告、修改webpack的默认配置、加载外部CDN、定制首页内容、路由懒加载、通过node创建服务器、gzip压缩、pm2
文章目录今日目标1.项目优化2.添加进度条3.根据报错修改代码4.执行build5.生成打包报告6.修改webpack的默认配置7.加载外部CDN8.定制首页内容9.路由懒加载10.项目上线A.通过node创建服务器B.开启gzip压缩C.配置https服务D.使用pm2管理应用今日目标1.完成项目优化2.完成项目上线1.项目优化实现步骤:A.生成打包报告,根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制2.添加进度条给项目添加原创 2020-09-20 11:08:01 · 632 阅读 · 0 评论 -
【17】电商后台管理系统:06-添加商品、完成图片上传、使用富文本插件、订单列表、制作省市区县联动、制作物流进度对话框、数据统计、导入ECharts并使用
文章目录今日目标1.添加商品A.完成图片上传B.使用富文本插件C.添加商品D.推送代码2.订单列表A.创建分支B.创建路由C.实现数据展示及分页D.制作省市区县联动E.制作物流进度对话框F.推送代码3.数据统计A.创建子分支B.创建路由C.导入ECharts并使用D.推送代码今日目标1.完成商品添加2.完成订单列表3.完成数据统计展示1.添加商品A.完成图片上传使用upload组件完成图片上传在element.js中引入upload组件,并注册因为upload组件进行图片上传的时候并不是使原创 2020-09-20 11:00:56 · 587 阅读 · 0 评论 -
【17】电商后台管理系统:05-参数管理、展示动态参数可选项、添加删除可选项、商品列表、制作商品列表基本结构、数据展示、实现删除商品、添加商品、添加编程式导航、布局Add.vue组件、展示信息
文章目录今日目标1.参数管理A.展示动态参数可选项B.添加/删除可选项2.推送代码到码云3.商品列表A.制作商品列表基本结构B.数据展示C.实现删除商品4.添加商品A.添加编程式导航B.布局Add.vue组件C.添加tab栏切换验证D.展示信息今日目标1.完成参数管理2.推送代码到码云3.制作商品列表页面4.制作商品添加页面1.参数管理A.展示动态参数可选项动态参数可选项展示及操作在获取动态参数的方法中进行处理。//将获取到的数据中的attr_vals字符串转换为数组res.data.原创 2020-09-20 10:53:30 · 1099 阅读 · 0 评论 -
【17】电商后台管理系统:04-商品分类、新建分支goods_cate、创建子级路由、添加组件基本布局、请求分类数据、使用插件展示数据、自定义数据列、分页功能、完成添加分类、参数管理、完成级联选择框
文章目录今日目标1.商品分类A.新建分支goods_cateB.创建子级路由C.添加组件基本布局D.请求分类数据E.使用插件展示数据F.自定义数据列G.完成分页功能H.完成添加分类I.推送代码2.参数管理A.添加子级组件B.完成组件基本布局C.完成级联选择框D.展示参数E.添加参数F.编辑参数G.删除参数今日目标1.完成商品分类2.完成参数管理1.商品分类A.新建分支goods_cate新建分支goods_cate并推送到码云git checkout -b goods_categit pus原创 2020-09-20 10:46:04 · 491 阅读 · 0 评论 -
【17】电商后台管理系统:03-修改用户信息、删除用户、推送代码、权限列表、角色列表、分配角色、将代码推送到码云
文章目录今日目标1.修改用户信息2.删除用户3.推送代码4.权限列表A.添加权限列表路由B.添加面包屑导航C.显示数据5.角色列表A.添加角色列表路由B.添加面包屑导航C.显示数据D.补充说明E.生成权限列表F.美化样式G.添加权限删除功能H.完成权限分配功能I.完成树形结构弹窗6.分配角色7.将代码推送到码云今日目标1.修改用户,删除用户2.推送代码到码云3.权限列表4.角色列表5.分配角色1.修改用户信息A.为用户列表中的修改按钮绑定点击事件B.在页面中添加修改用户对话框,并修改对话框原创 2020-09-20 10:35:07 · 2145 阅读 · 0 评论 -
【17】电商后台管理系统:02-axios请求拦截器、请求侧边栏数据、设置激活子菜单样式 、制作侧边菜单栏的伸缩功能、在后台首页添加子级路由、用户列表主体区域、绘制用户列表基本结构、请求用户列表数据
文章目录今日目标1.后台首页基本布局2.顶部布局,侧边栏布局3.axios请求拦截器4.请求侧边栏数据5.设置激活子菜单样式6.制作侧边菜单栏的伸缩功能7.在后台首页添加子级路由8.完成用户列表主体区域9.绘制用户列表基本结构10.请求用户列表数据11.将用户列表数据展示12.实现用户列表分页13.实现更新用户状态14.实现搜索功能15.实现添加用户今日目标1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户1.后台首页基本布局打开Home.vue组件,进行布局:原创 2020-09-20 10:01:31 · 760 阅读 · 0 评论 -
【17】电商后台管理系统:01-电商业务概述、项目初始化、码云相关操作、配置后台项目、实现登录功能、登录成功之后的操作
今日目标1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式1.电商业务概述客户使用的业务服务:PC端,小程序,移动web,移动app管理员使用的业务服务:PC后台管理端。PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA(单页应用程序)项目前端技术栈:Vue,Vue-Router,El原创 2020-09-20 09:43:40 · 1090 阅读 · 0 评论 -
【18】微信小程序:01-微信开发的概述、微信开放平台、微信公众平台、小程序中的组件和API、注册小程序账号、小程序基本信息设置、小程序账号的开发设置和成员管理、微信开发者工具、创建小程序、小程序预览
小程序基础 第一天一、微信开发的概述(能够描述出来)001 - 什么是微信开发微信对外提供了例如:聊天、支付、分享、收藏、人工智能等功能,同时微信还对外开放了很多的接口与能力,程序员基于这些功能和接口进行的开发,叫做微信开发002 - 为什么要学习微信开发企业开发的需要个人的发展以及技能的提升课下阅读:微信开发二、了解微信开放平台(了解即可)微信开发平台是微信对外提供微信开放接口的一个平台,这些开发出来的微信接口,供第三方的网站或App使用001 - 微信开放平台平原创 2020-09-05 01:47:55 · 1742 阅读 · 0 评论 -
【15】Vue:06-Vuex、Vuex概述、Vuex的基本使用、Vuex中的核心特性、State、Mutation、Action、Getter、Vuex版Todos案例
今日目标1.Vuex概述2.Vuex基本使用3.使用Vuex完成todo案例1.Vuex概述Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享使用Vuex管理数据的好处:A.能够在vuex中集中管理共享的数据,便于开发和后期进行维护B.能够高效的实现组件之间的数据共享,提高开发效率C.存储在vuex中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新2.Vuex的基本使用创建带有vuex的vue项目,打开终端,输入命令:vue ui当项目仪表原创 2020-09-02 02:54:39 · 382 阅读 · 0 评论 -
【16】前端工程化:01-模块化、ES6模块化、babel、webpack打包工具、在webpack中使用Vue、Vue单文件组件、Vue脚手架、Vue-cli3、Element-UI
文章目录day01今日目标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.安装jQueryD.导入jQueryE.安装webpack原创 2020-08-27 01:01:49 · 381 阅读 · 0 评论 -
【15】Vue:05-前端路由、Vue Router、嵌套路由、动态路由、命名路由、编程式导航、后台管理案例
文章目录day05今日目标1.路由的概念2.前端路由的初体验3.Vue Router简介4.Vue Router的使用步骤(★★★)5.嵌套路由,动态路由的实现方式A.嵌套路由的概念(★★★)B.动态路由匹配(★★★)7.命名路由以及编程式导航A.命名路由:给路由取别名B.编程式导航(★★★)8.实现后台管理案例(★★★)day05今日目标1.能够说出什么是路由2.能够说出前端路由的实现原理3.能够使用Vue-Router实现前端路由4.能够实现嵌套路由,动态路由5.能够实现命名路由以及编程式原创 2020-08-26 22:46:33 · 225 阅读 · 0 评论 -
【15】Vue:03-组件、组件注册、Vue调试工具、Vue组件之间传值、组件插槽、购物车案例、todos案例、
文章目录day03组件组件注册全局注册组件基础用组件注意事项局部注册Vue 调试工具Vue组件之间传值父组件向子组件传值子组件向父组件传值兄弟之间的传递组件插槽匿名插槽具名插槽作用域插槽购物车案例1. 实现组件化布局2、实现 标题和结算功能组件3. 实现列表组件删除功能4. 实现组件更新数据功能 上5. 实现组件更新数据功能 下day03组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代组件注册全局注册Vue.co原创 2020-08-26 16:20:13 · 511 阅读 · 0 评论 -
【15】Vue:04-接口调用方式、异步、promise、基于Promise发送Ajax请求、Promise基本API、fetch、axios、async和await、图书列表后台案例、
接口调用方式原生ajax基于jQuery的ajaxfetchaxiosconst express = require('express')const app = express()const bodyParser = require('body-parser')// 处理静态资源app.use(express.static('public'))// 处理参数app.use(bodyParser.json());app.use(bodyParser.urlencoded({ ext原创 2020-08-22 15:03:29 · 1117 阅读 · 0 评论 -
【15】Vue:02-Vue表单基本操作、表单修饰符、自定义指令、计算属性computed、侦听器watch、过滤器、生命周期、数组变异方法、替换数组、动态数组响应数据、图书列表案例、TODOS案例
文章目录day02Vue常用特性表单基本操作表单修饰符自定义指令Vue.directive 注册全局指令Vue.directive 注册全局指令 带参数自定义指令局部指令计算属性 computed侦听器 watch侦听器案例过滤器过滤器中传递参数带参数的过滤器案例生命周期常用的钩子函数数组变异方法替换数组动态数组响应式数据图书列表案例1、 提供的静态数据2、 把提供好的数据渲染到页面上3、 添加图书4 修改图书-上5 修改图书-下6 删除图书完整代码常用特性应用场景1 过滤器2 自定义指令3原创 2020-08-20 22:58:14 · 1409 阅读 · 0 评论 -
【07】JavaScript:18-ES6语法、let、const、var、解构赋值、箭头函数、剩余参数、ES6的内置对象扩展、Array的扩展方法、String的扩展方法、Set数据结构、模板字符串
文章目录ES6语法目标ES6相关概念(★★)什么是ES6为什么使用 ES6 ?ES6新增语法let(★★★)let声明的变量只在所处于的块级有效不存在变量提升暂时性死区经典面试题小结const(★★★)具有块级作用域声明常量时必须赋值常量赋值后,值不能修改小结let、const、var 的区别解构赋值(★★★)数组解构对象解构小结箭头函数(★★★)小结面试题剩余参数(★★)剩余参数和解构配合使用ES6 的内置对象扩展Array 的扩展方法(★★)扩展运算符(展开语法)扩展运算符可以应用于合并数组将类数组或可原创 2020-08-14 23:53:22 · 1136 阅读 · 0 评论 -
【07】JavaScript:17-正则表达式、正则表达式概述、正则表达式在js中的使用、正则表达式中特殊字符、表单验证、正则替换replace
文章目录JavaScript高级第04天笔记1.正则表达式概述1.1什么是正则表达式1.2 正则表达式的特点2.正则表达式在js中的使用2.1正则表达式的创建2.2测试正则表达式3.正则表达式中的特殊字符3.1正则表达式的组成3.2边界符3.3字符类3.3.1 [] 方括号3.3.2量词符3.3.3用户名表单验证3.3.4 括号总结3.4预定义类3.5正则替换replace每日作业-JavaScript高级第04天1 - 将下列字符串使用正则表达式替换文本2 - 邮箱提取3 - 表单验证JavaScrip原创 2020-08-14 23:26:09 · 813 阅读 · 0 评论 -
【07】JavaScript:16-函数的定义和调用、this指向、严格模式、高阶函数、闭包、递归、浅拷贝和深拷贝、call()、apply()、bind()
文章目录JavaScript高级第03天笔记1.函数的定义和调用1.1函数的定义方式1.2函数的调用2.this2.1函数内部的this指向2.2改变函数内部 this 指向2.2.1 call方法2.2.2 apply方法2.2.3 bind方法2.2.4 call、apply、bind三者的异同3.严格模式3.1什么是严格模式3.2开启严格模式3.3严格模式中的变化4.高阶函数5.闭包5.1变量的作用域复习5.2什么是闭包5.3闭包的作用5.4闭包的案例5.5案例6.递归6.1什么是递归6.2利用递归求原创 2020-08-14 22:50:34 · 591 阅读 · 0 评论 -
【15】大事件项目:附-大事件项目源码、大事件项目效果
文章目录大事件项目源码article`art_cate.html``art_list.html``art_pub.html`assetscssarticle`art_cate.css``art_list.css``art_pub.css`user`user_avatar.css``user_info.css``user_pwd.css``index.css``login.css`images`login_bg.jpg``login_title.png``logo.png``sample.jpg``sampl原创 2020-08-14 16:38:31 · 5442 阅读 · 16 评论 -
【15】大事件项目:03-文章类别、文章列表、分页、删除文章、发布文章、美化时间格式的过滤器、jump回调函数、富文本编辑器、封面图片裁剪
文章目录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 调用 laypage.render 方法渲染分原创 2020-08-14 15:08:11 · 1887 阅读 · 2 评论 -
【15】大事件项目:附-富文本编辑器和封面图片裁剪
文章目录富文本和封面图片裁剪1. 富文本编辑器的实现步骤2. 图片封面裁剪的实现步骤3. 更换裁剪的图片4. 将裁剪后的图片,输出为文件富文本和封面图片裁剪1. 富文本编辑器的实现步骤添加如下的 layui 表单行:<div class="layui-form-item"> <!-- 左侧的 label --> <label class="layui-form-label">文章内容</label> <!-- 为富文本编辑器外部的原创 2020-08-14 15:00:24 · 710 阅读 · 0 评论 -
【15】大事件项目:02-后台主页、基本资料、重置密码、更换头像、文章分类、complete回调函数、art-template模板引擎的使用、弹出层、头像图片裁剪、corpper的基本使用
文章目录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-08-14 14:43:48 · 736 阅读 · 0 评论 -
【15】大事件项目:附-cropper基本使用方法、头像图片裁剪
文章目录cropper基本使用方法1. 基本使用步骤2. 更换裁剪的图片3. 将裁剪后的图片,输出为 base64 格式的字符串cropper基本使用方法1. 基本使用步骤在 <head> 中导入 cropper.css 样式表:<link rel="stylesheet" href="/assets/lib/cropper/cropper.css" />在 <body> 的结束标签之前,按顺序导入如下的 js 脚本:<script src="原创 2020-08-14 14:31:45 · 414 阅读 · 1 评论 -
【15】大事件项目:01-资源地址、项目前期的准备工作、登录注册、后台主页、Layui框架、使用GitHub管理、iframe标签
文章目录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请求2.原创 2020-08-13 14:32:59 · 1565 阅读 · 2 评论 -
【13】Ajax:01-Ajax基础、Ajax运行原理及实现、Ajax异步编程、Ajax封装、Ajax状态码、onreadystatechange事件、Ajax错误处理、服务器端响应的数据格式
文章目录1. Ajax 基础1.1 传统网站中存在的问题1.2 Ajax 概述1.3 Ajax 的应用场景1.4 Ajax 的运行环境2. Ajax 运行原理及实现2.1 Ajax 运行原理2.2 Ajax 的实现步骤2.3 服务器端响应的数据格式2.4 请求参数传递2.5 请求报文2.6 请求参数的格式2.7 获取服务器端的响应2.7.1 Ajax 状态码2.7.2 onreadystatechange 事件2.7.3 两种获取服务器端响应方式的区别2.8 Ajax 错误处理2.9 低版本 IE 浏览器的原创 2020-08-09 15:34:18 · 283 阅读 · 0 评论 -
【05】数据可视化:02-ECharts数据可视化案例_立可得智能看板
文章目录DAY01-可视化项目01-项目介绍02-使用技术03-Echarts-介绍04-Echarts-体验初始化echarts实例对象05-Echarts-基础配置06-REM适配07-基础布局08-边框图片09-公用面板样式10-概览区域(overview)-布局11-监控区域(monitor)-布局12-监控区域-效果13-点位区域(point)-布局14-点位区域-饼图1. HTML引入图表2. 定制需求15-地图区域 (map) -预留布局16-用户统计 (users) -布局17-用户统计 (原创 2020-08-08 15:26:58 · 8978 阅读 · 5 评论 -
【12】博客项目:01-项目环境搭建、项目功能实现、数据分页、开发环境与生产环境、第三方模块config、密码加密bcrypt、cookie与session、Joi、formidable、文件读取
文章目录1. 项目环境搭建1.1 项目介绍1.2 案例初始化1. 项目环境搭建1.1 项目介绍多人博客管理系统博客内容展示博客管理功能1.2 案例初始化1.建立项目所需文件夹public 静态资源model 数据库操作route 路由views 模板2.初始化项目描述文件npm init -y3.下载项目所需第三方模块npm install express mongoose art-template express-art-template4.创建网站服务原创 2020-07-31 18:45:58 · 829 阅读 · 0 评论 -
【11】Express:01-Express框架、中间件、Express请求处理、express-art-template模板引擎、app.use中间件用法、app.locals对象
文章目录1. Express框架简介及初体验1.1 Express框架是什么1.2 Express框架特性1.3 原生Node.js与Express框架对比之路由1.4 原生Node.js与Express框架对比之获取请求参数1.5 Express初体验2. 中间件2.1 什么是中间件2.2 app.use中间件用法2.3 中间件应用2.4 错误处理中间件2.5 捕获错误3. Express请求处理3.1 构建模块化路由3.2 GET参数的获取3.3 POST参数的获取3.4 Express路由参数3.5原创 2020-07-30 20:02:14 · 624 阅读 · 0 评论 -
【09】Node.js:04-模板引擎的基础概念、art-template模板引擎、模板引擎语法、子模板、模板继承、模板配置、学生档案管理案例
文章目录1. 模板引擎的基础概念1.1 模板引擎1.2 art-template模板引擎1.3 art-template代码示例1. 模板引擎的基础概念1.1 模板引擎模板引擎是第三方模块。让开发者以更加友好的方式拼接字符串,使项目代码更加清晰、更加易于维护。 // 未使用模板引擎的写法 var ary = [{ name: '张三', age: 20 }]; var str = '<ul>'; for (var i = 0; i < ary.length; i++) {原创 2020-07-29 01:13:44 · 759 阅读 · 0 评论 -
【05】数据可视化:01-ECharts数据可视化案例_BV1v7411R7mp
可视化面板介绍 应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出。01-使用技术完成该项目需要具备以下知识:div + css 布局flex 布局Less原生js + jquery 使用rem适配echarts基础02- 案例适配方案设计稿是1920pxflexible.js 把屏幕分为 24 等份cssrem 插件的基准值是 80px插件-配置按钮—配置扩展原创 2020-07-28 17:27:09 · 2213 阅读 · 1 评论 -
【09】Node.js:03-服务器端基础概念、创建web服务器、HTTP协议、报文、HTTP请求与响应处理、GET、POST、路由、异步编程、同步与异步API、Promise、回调与异步函数
文章目录请求响应原理及HTTP协议1. 服务器端基础概念1.1 网站的组成1.2 Node网站服务器1.3 IP地址1.4 域名1.5 端口1.6 URL1.7 开发过程中客户端和服务器端说明2. 创建web服务器2.1 创建web服务器3. HTTP协议3.1 HTTP协议的概念3.2 报文3.3 请求报文3.4 响应报文4. HTTP请求与响应处理4.1 请求参数4.2 GET请求参数4.3 POST请求参数4.4 路由4.5 静态资源4.6 动态资源4.7 客户端请求途径5. Node.js异步编程原创 2020-07-26 20:27:23 · 217 阅读 · 2 评论 -
【10】MongoDB:01-数据库概述及环境搭建、MongoDB数据库连接、MongoDB增删改查操作、用户信息增删改查案例
文章目录1. 数据库概述及环境搭建1.1 为什么要使用数据库1.2 什么是数据库1.3 MongoDB数据库下载安装1.4 MongoDB可视化软件1.5 数据库相关概念1.6 Mongoose第三方包1.7 启动MongoDB1. 数据库概述及环境搭建1.1 为什么要使用数据库动态网站中的数据都是存储在数据库中的数据库可以用来持久存储客户端通过表单收集的用户信息数据库软件本身可以对数据进行高效的管理http://www.czxy.com/article?id=1http://www.cz原创 2020-07-25 17:01:24 · 212 阅读 · 0 评论 -
【07】JavaScript:15-静态成员和实例成员、constructor构造函数、构造函数原型prototype、对象原型、原型链、继承、ES5新增方法
文章目录JavaScript高级第02天笔记1.构造函数和原型1.1对象的三种创建方式--复习1.2静态成员和实例成员1.2.1实例成员1.2.2静态成员1.3构造函数的问题1.4构造函数原型prototype1.5对象原型1.6constructor构造函数1.7原型链1.8构造函数实例和原型对象三角关系1.9原型链和成员的查找机制1.10原型对象中this指向1.11通过原型为数组扩展内置方法2.继承2.1call()2.2子构造函数继承父构造函数中的属性2.3借用原型对象继承方法3.ES5新增方法3.原创 2020-07-22 16:29:42 · 1125 阅读 · 0 评论 -
【14】Git+GitHub:01-版本管理、Git安装、Git基本工作流程、Git的使用、Git进阶、分支、GitHub、注册、创建仓库、拉取操作、解决冲突、跨团队协作、ssh免登录、Git忽略清单
1. Git基础1.1 版本管理1.1.1 什么是版本管理版本管理是一种记录文件变化的方式,以便将来查阅特定版本的文件内容。1.1.2 人为维护文档版本的问题文档数量多且命名不清晰导致文档版本混乱每次编辑文档需要复制,不方便多人同时编辑同一个文档,容易产生覆盖1.2 Git 是什么Git是一个版本管理控制系统(缩写VCS),它可以在任何时间点,将文档的状态作为更新记录保存起来,也可以在任何时间点,将更新记录恢复回来。1.3 Git 安装下载地址(官网)淘宝镜像下原创 2020-07-22 11:41:07 · 186 阅读 · 0 评论 -
【07】JavaScript:14-面向过程和面向对象、对象与类、面向对象版tab栏切换
文章目录JavaScript高级第01天笔记1.面向过程与面向对象1.1面向过程1.2面向对象1.3面向过程与面向对象对比2.对象与类2.1对象2.1.1创建对象2.2类2.2.1创建类2.2.2类创建添加属性和方法2.2.3类的继承3.面向对象版tab 栏切换3.1功能需求3.2案例准备3.3切换3.4添加3.5删除3.6编辑3.7完整代码每日作业-JavaScript高级第01天1.子类继承父类的属性和方法2 - 完成面向对象版的tab栏JavaScript高级第01天笔记1.面向过程与面向对象1原创 2020-07-21 15:35:25 · 812 阅读 · 0 评论