- 博客(29)
- 收藏
- 关注
RSS订阅原创 mocha测试框架
mocha是一个功能丰富的javascript测试框架，运行在node.js和浏览器中，使异步测试变得简单有趣。Mocha测试连续运行，允许灵活和准确的报告，同时将未捕获的异常映射到正确的测试用例。
2022-08-22 14:07:54
750
1
原创 Redux状态管理
Redux 是 JavaScript 状态容器(是JS库，并不是react的插件库，只不过是经常与react搭配开发，redux同样适用与vue、angular等框架搭配开发)，提供可预测化的状态管理，集中式管理多组件共享状态。学过vue的同学，应该接触过vuex，redux就相当于vuex......
2022-07-29 17:53:57
856
原创 Koa框架的基本使用
ES6/7带来的变革自ES6确定和ES7的async/await开始普及，node.js的发展变得更加迅速，可以预见到JavaScript中令人“头疼”的多层嵌套回调（注意是”多层嵌套回调“）将会使用Promise+async/await的方式逐渐替代（不是完全替代，多层嵌套回调也有其特殊的应用场景）。koa2大势所趋的前景基于async/await实现中间体系的koa2框架将会是是node.jsweb开发方向大势所趋的普及框架。httpshttpshttpshttpshttps。...
2022-07-26 11:29:13
983
原创 react-redux 之 provider 与 connect 方法
众所周知，Redux 是React 全家桶中重要的一员，它试图为 React 提供状态管理机制
2022-07-06 23:06:54
928
原创 前端开发-模拟服务端接口数据环境 JSON-Server
JSON-Server本质就是个可以存储json数据的server。当采用前后端分离开发时，前端开发人员可以通过使用JSON-Server，达到不依赖API，模拟服务端接口数据开发
2022-07-05 23:52:10
540
原创 React中的withRouter用法
withRouter的作用就是将该组件包裹进Route里面, 然后通过props就可以访问到history, location, match三个对象所以就可以依靠它进行页面跳转
2022-07-03 23:15:25
1131
原创 Vue组件化设计中子向父传递数据的两种方式
子组件向父组件传递数据的两种方式一、子组件props获取App组件：<!-- 通过父组件向子组件传递函数、子组件props获取的方式实现：子组件向父组件传递数据 --> <Son :getSonName="getSonName" ></Son> methods: { getSonName(name){ console.log("App收到名字：",name) } },Son
2022-02-13 00:03:55
338
原创 css中的hover属性不起作用
hover属性鼠标悬浮至标签时不起任何效果，只有点击了才显示出效果经过不断的百度，才发觉是因为将页面显示在移动端，而移动端不支持hover属性将页面显示改为PC端显示就可以了
2022-02-08 22:31:35
1275
1
原创 vue脚手架创建项目报错
npm创建报错Failed to get response from https://registry.npm.taobao.org/binary-mirror-config直接执行命令：npm config set strict-ssl false
2022-01-21 00:13:44
724
1
原创 CSS3-过渡属性Transition
过渡Transition什么是过渡使用css的属性值在一段时间内平滑的过渡1、指定四个要素过渡属性：如background、color等过渡所需时间过渡函数：即过渡的速度、方式等过渡延迟时间2、触发过渡如点击、鼠标悬浮等3、简写属性语法：transition:property duration timing-function delay;...
2020-12-24 13:46:21
256
原创 优化vue项目（四）
通过import导入的第三方依赖包都会被合并到同一个文件中，这将导致打包出来的vue项目体积过大，因此可以通过加载外部CDN资源的方式来减小项目体积通过externals节点加载外部CDN资源1、在vue.config.js的发布模式下添加如下代码(都是一些需要优化的依赖包)config.set('externals', { vue: 'Vue', 'vue-router': 'VueRouter', axios: 'axios', .
2020-11-18 16:55:41
206
原创 优化vue项目（三）
在默认的设置下，vue项目的开发模式与发布模式都是共用同一个入口文件，即（src/main.js），为了将项目的开发模式与发布模式分离，我们可以为这两种模式各自指定打包的入口文件以达到项目优化的效果为开发模式与发布模式指定不同的打包入口一、开发模式的入口文件：src/main-dev.js二、发布模式的入口文件：src/main-prod.js1、创建main-dev.js与main-prod.js文件，两个文件内容一致2、在配置文件vue.config.js中添加如下代码：3、经检验，.
2020-11-18 16:18:40
222
原创 优化vue项目（二）
在项目开发阶段避免不了需要console.log();来查看一些开发需要的数据、打印的信息，但在项目发布阶段则不应该出现该warning;因此可以给vue项目进行优化，以实现build输出时移除console.log();打印出的数据的效果babel-plugin-transform-remove-console可以通过babel-plugin-transform-remove-console插件移除console.log();1、通过vue面板安装babel-plugin-transform-r.
2020-11-18 11:33:07
229
原创 优化VUE项目（一）
当完成一个vue项目时，通常需要再从整体做一个全面的检查，对各方面进行一个优化，以达到更好的上线效果nprogress可以通过第三方插件库nprogress做一个网页转换进度条1、通过vue面板安装nprogress运行依赖2、在main.js中导入NProgress包3、使用NProgress.start();来显示进度条，使用NProgress.done();来隐藏进度条到此为止，关于进度条的优化就大功告成！...
2020-11-18 10:14:41
142
原创 将本地vue项目托管至码云中
1、没有码云账号的用邮箱按步骤注册一个，并不难；再如图创建库2、仓库创建成功会提示Git全局设置，按提示完成设置3、打开本地想上传的vue项目文件夹，再该级启用power shell4、输入git status，检查项目状态5、输入git add . 将项目放入暂存区6、输入git commit -m “XXXX”，在本地做一次代码提交7、可以再次输入git status检查代码状态，如图此时代码存于主分支且工作目录是干净的8、添加远程仓库，将本地仓库与远程仓库做关联9、回
2020-10-28 17:33:31
424
原创 Element-ui实现按需导入
在vue项目的开发中，实现对Element-ui组件库插件的安装及按需导入基于图形化界面自动安装1、运行vue ui打开图形化界面2、在项目配置模板中点击插件 — 添加插件，进入插件查询面板3、搜索vue-cli-plugin-element并安装4、配置插件，实现按需导入，从而减小打包后的项目体积5、完成安装后，项目的main.js文件会出现导入element.js的代码6、在element-ui官网复制“标签”的相关代码，尝试导入“标签”这个组件7、按需导入tag组件，并.
2020-10-26 16:44:48
1517
原创 脚手架创建VUE项目
运用脚手架创建Vue项目的两种方式（基于3.x版本）1、基于交互式命令行的方式Vue create my-project2、基于图形化界面的方式Vue ui下面，我们将以图形化界面的方式演示项目创建过程基于图形化界面的方式1、打开命令行窗口，输入Vue ui，回车2、选择一个路径，再点击在此创建项目3、输入项目名称，填写初始提交信息，其他选项默认4、选择一套预设，第一次创建项目的话，推荐使用手动配置，然后点下一步5、在功能这块推荐打开Babel、Router、Lint
2020-10-21 21:56:28
301
原创 vue-cli4.0全局安装
安装1、卸载旧版本npm uninstall -g vue-cli2、全局安装（默认安装最新版本）npm install -g @vue/cli3、查看vue-cli版本（-V一定要大写）vue -V
2020-10-16 16:01:42
391
原创 【毕业项目】基于VUE开发的电商后台管理系统
摘 要随着我国互联网普及率的提高，电子商务发展插上了腾飞的翅膀，一路高歌猛进。本后台系统旨在借助先进的计算机、快捷的网络以及庞大的云数据存储来帮助电商更加方便的统计电商数据。本系统以html、css、javascript作为开发语言。采用前后端分离思想，PC端使用Vue.js框架，服务端采用node.js作为开发平台，Webpack为静态模块打包器，Element-ui为UI组件，less为CSS预处理语言，ES6作为规范。PC端包含用户管理模块、权限管理模块、角色管理模块、商品管理模块、分类参数管理
2020-08-17 15:53:32
37105
18
原创 Promise知识点整理
promise概述：Promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，可以获取异步操作的消息目的： （1）、避免回调地狱的问题（2）、Promise对象提供了简洁的API，使得控制异步操作更加容易Promise有三种状态：pendding //正在请求，rejected //失败，resolved //成功基础用法：new Promise(function(resolve,reject){ })resolved,rejected函数：在异步事件状态pendding-&
2020-05-30 23:02:20
15263
3
原创 关于VUE组件的简单案例
VUE学习之路——购物车案例关于vue组件的简单小案例，适合新手练习使用组件<div id="app"> <!-- 组件my-cart --> <my-cart></my-cart></div>注册组件//局部注册组件var myTitle = { //父组件通过props属性向子组件传递数据 props:['name'], template:` <div class="top"> <s
2020-05-22 20:45:32
979
原创 VUE简单案例(图书管理)
VUE学习之路——vue简单案例简单的VUE项目（图书管理）实现了增删改功能<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>图书管理</title> <style type="text/css"> table{ ...
2020-05-07 22:20:09
586
原创 VUE自定义指令
VUE学习之路——自定义指令为何需要自定义指令当内置指令不满足我们对DOM元素进行操作时，VUE允许我们注册自定义指令关于内置指令及常见的内置指令，可以参考: https://blog.csdn.net/weixin_44887137/article/details/105735534.自定义指令的语法规则例：获取元素焦点全局自定义指令<div id="app">...
2020-05-01 10:54:17
198
原创 VUE常用内置指令
VUE学习之路——内置指令v-text更新元素的文本内容<div id="app"> <span v-text="msg"></span> <span>{{msg}}</span> //两者一样 </div> <script src="js/vue.js" type="text/javas...
2020-04-25 23:06:23
448
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人