创建基本的webpack4.x项目
摘要：1、步骤 1）运行npm init -y 快速初始化项目 2）在项目根目录创建src源代码目录和dist产品目录，目录结构 webpack4.x-base |dist |src |index.html |index.js 3）安装webpack: cnpm i webpack webpack-cli
阅读全文
posted @ 2019-12-04 22:09
随笔分类 - 前端
状态管理-vuex
摘要：1、使用vuex 2、使用【$store.state.变量】获取vuex的数据；使用mutations来操作state中的数据【this.$store.commit('方法名', 参数)】 3、使用getters包装数据并总结vuex的使用方式
阅读全文
posted @ 2019-07-29 22:50
结合webpack实现children子路由,抽离路由模块
摘要：demo结构 package.json、webpack.config.js、index.html与上一篇博客相同。 main.js router.js App.vue account.vue
阅读全文
posted @ 2019-07-27 14:04
结合webpack使用vue-router
摘要：demo结构 webpack.config.js package.json main.js index.html App.vue
阅读全文
posted @ 2019-07-27 13:34
export default 和 export 的使用方式
摘要：1、ES6规定，导入模块使用 import 模块名称 from '模块标识符'; 或 import 'css资源路径'； ES6中，使用export default {name:'zs'}和export向外暴露成员。 在Node中，使用 var 名称 = require('模块标识符');来导入模块
阅读全文
posted @ 2019-07-25 23:08
在vue中结合render函数渲染指定的组件到容器中
摘要：1、demo 项目结构： index.html main.js register.vue package.json webpack.config.js 2、遇到的问题 2.1、webpack版本是3.6.0，与css-loader不兼容 2.2、下载安装vue-loader以后，报错缺少相关插件 i
阅读全文
posted @ 2019-07-25 23:02
webpack中如何使用vue
摘要：1、webpack + vue 项目结构： index.html common.css main.js webpack.config.js 执行webpack命令，报错：[Vue warn]: Cannot find element: #app 原因：index.html中导入bundle.js在<
阅读全文
posted @ 2019-07-25 22:06
webpack--第三方loader
摘要：1、配置处理css样式表的第三方loader webpack默认只能打包处理js类型的文件，无法处理非js类型的文件；要想处理*.css文件，需要手动安装一下合适的第三方loader加载器： 修改webpack.config.js 然后，可以在main.js导入.css文件，main.js内容： c
阅读全文
posted @ 2019-07-24 22:50
webpack-第一个demo
摘要：1、webpack概念 webpack是前端的一个项目构建工具，它是基于node.js开发出来的一个前端工具；借助webpack这个前端自动化构建工具，可以完美实现资源的合并、打包、压缩、混淆等诸多功能。 webpack官网：https://webpack.js.org github地址：http:
阅读全文
posted @ 2019-07-23 00:01
安装npm install时，长时间停留在fetchMetadata: sill
摘要：更换仓库地址：npm config set registry https://registry.npm.taobao.org 查询当前仓库地址：npm config get registry 或 npm info express
阅读全文
posted @ 2019-07-22 22:54
z-tree官方提供的下拉菜单案例
摘要：1、z-tree官方提供的下拉菜单案例 <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset
阅读全文
posted @ 2019-07-21 20:34
z-tree的使用
摘要：1、参考资料 1）官网：http://www.treejs.cn/v3/api.php 2）z-tree码云：https://gitee.com/zTree/zTree_v3 2、下载解压 案例演示： 案例演示 demo/cn/index.html all.js = core + excheck +
阅读全文
posted @ 2019-07-21 17:10
vue学习-day05 -- 案例：名字合并(监听data数据的改变)
摘要：1.案例：名字合并(监听data数据的改变) 使用keyup事件监听data数据的改变 使用watch监听data数据的改变 2.watch-监视路由地址的改变 3.computed-计算属性的使用和3个特点
阅读全文
posted @ 2019-07-20 23:03
vue学习-day04（路由）
摘要：目录： 1.组件传值-父组件向子组件传值和data与props的区别 2.组件传值-子组件通过事件调用向父组件传值 3.案例：发表评论。使用ref获取DOM元素和组件引用 4.路由-前端路由和后端路由的概念 5.路由-vue-router的基本使用 6.路由-路由redirect重定向的使用 7.路
阅读全文
posted @ 2019-07-16 00:31
vue学习-day03（动画，组件）
摘要：目录： 1.品牌列表-从数据库获取列表 2.品牌列表-完成添加功能 3.品牌列表-完成删除功能 4.品牌列表-全局配置数据接口的根域名 5.品牌列表-全局配置emulateJSON选项 6.动画-使用过渡类名实现动画 7.动画-自定义v-前缀 8.动画-使用第三方animate.css类库实现动画
阅读全文
posted @ 2019-07-14 14:12
vue学习-day02（自定义指令，生命周期）
摘要：目录： 1、案例：品牌管理 2、Vue-devtools的两种安装方式 3、过滤器，自定义全局或私有过滤器 4、鼠标按键事件的修饰符 5、自定义全局指令：让文本框获取焦点 6、自定义指令，修改元素的样式 7、自定义指令函数的简写 8、生命周期函数-组件创建期间的4个钩子函数 9、生命周期函数-组件运
阅读全文
posted @ 2019-07-13 12:11
vue学习-day01（vue指令）
摘要：目录： 1、什么是vue.js 2、为什么要学习前端的流行框架 3、框架和库的区别 4、后端MVC和前端的MVVM的区别 5、vue.js的基本代码--hollo world代码 6、v-cloak、v-text、v-html指令的基本使用 7、v-bind指令 8、使用v-on指令定义Vue中的事
阅读全文
posted @ 2019-07-10 00:21
springmvc+ajax异步上传图片
摘要：1、javaweb传统的上传图片方式就是通过form表单提交 <form action="#" method="post" enctype="multipart/form-data"> <input type="file" name="file"> <input type="submit" valu
阅读全文
posted @ 2019-05-17 18:01
jquery扩展方法、表单数据格式化为json对象、json转url参数
摘要：1、jquery扩展方法（表单数据格式化为json对象） <script type="text/javascript"> // 将表单数据序列化为一个json对象，例如 {"name":"zs", "age":10} // 使用：var jsonObj = $("#formId").serializ
阅读全文
posted @ 2019-05-12 23:51
js获取当前时间：封装js的日期时间
摘要：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script src="http:/
阅读全文
posted @ 2019-04-09 16:26
浙公网安备 33010602011771号