wb.ouyang

毕竟几人真得鹿,不知终日梦为鱼

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

07 2019 档案

状态管理-vuex
摘要:1、使用vuex 2、使用【$store.state.变量】获取vuex的数据;使用mutations来操作state中的数据【this.$store.commit('方法名', 参数)】 3、使用getters包装数据并总结vuex的使用方式 阅读全文

posted @ 2019-07-29 22:50 wenbin_ouyang 阅读(176) 评论(0) 推荐(0) 编辑

git windows下换行符问题
摘要:不同操系统下的换行符 CR回车 LF换行 Windows/Dos CRLF \r\n Linux/Unix LF \n MacOS CR \r 1、执行git config --get core.autocrlf https://blog.csdn.net/twilightdream/article 阅读全文

posted @ 2019-07-29 17:16 wenbin_ouyang 阅读(1434) 评论(0) 推荐(0) 编辑

结合webpack实现children子路由,抽离路由模块
摘要:demo结构 package.json、webpack.config.js、index.html与上一篇博客相同。 main.js router.js App.vue account.vue 阅读全文

posted @ 2019-07-27 14:04 wenbin_ouyang 阅读(416) 评论(0) 推荐(0) 编辑

结合webpack使用vue-router
摘要:demo结构 webpack.config.js package.json main.js index.html App.vue 阅读全文

posted @ 2019-07-27 13:34 wenbin_ouyang 阅读(379) 评论(0) 推荐(0) 编辑

export default 和 export 的使用方式
摘要:1、ES6规定,导入模块使用 import 模块名称 from '模块标识符'; 或 import 'css资源路径'; ES6中,使用export default {name:'zs'}和export向外暴露成员。 在Node中,使用 var 名称 = require('模块标识符');来导入模块 阅读全文

posted @ 2019-07-25 23:08 wenbin_ouyang 阅读(1052) 评论(0) 推荐(0) 编辑

在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 wenbin_ouyang 阅读(3456) 评论(0) 推荐(0) 编辑

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 wenbin_ouyang 阅读(819) 评论(0) 推荐(1) 编辑

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 wenbin_ouyang 阅读(231) 评论(0) 推荐(0) 编辑

webpack-第一个demo
摘要:1、webpack概念 webpack是前端的一个项目构建工具,它是基于node.js开发出来的一个前端工具;借助webpack这个前端自动化构建工具,可以完美实现资源的合并、打包、压缩、混淆等诸多功能。 webpack官网:https://webpack.js.org github地址:http: 阅读全文

posted @ 2019-07-23 00:01 wenbin_ouyang 阅读(365) 评论(0) 推荐(0) 编辑

安装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 wenbin_ouyang 阅读(4238) 评论(0) 推荐(0) 编辑

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 wenbin_ouyang 阅读(387) 评论(0) 推荐(0) 编辑

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 wenbin_ouyang 阅读(550) 评论(0) 推荐(0) 编辑

vue学习-day05 -- 案例:名字合并(监听data数据的改变)
摘要:1.案例:名字合并(监听data数据的改变) 使用keyup事件监听data数据的改变 使用watch监听data数据的改变 2.watch-监视路由地址的改变 3.computed-计算属性的使用和3个特点 阅读全文

posted @ 2019-07-20 23:03 wenbin_ouyang 阅读(331) 评论(0) 推荐(0) 编辑

vue学习-day04(路由)
摘要:目录: 1.组件传值-父组件向子组件传值和data与props的区别 2.组件传值-子组件通过事件调用向父组件传值 3.案例:发表评论。使用ref获取DOM元素和组件引用 4.路由-前端路由和后端路由的概念 5.路由-vue-router的基本使用 6.路由-路由redirect重定向的使用 7.路 阅读全文

posted @ 2019-07-16 00:31 wenbin_ouyang 阅读(299) 评论(0) 推荐(0) 编辑

eclipse在线安装ermaster插件
摘要:eclipse在线安装ermaster插件: https://www.jianshu.com/p/449fbcd9141a ERMaster的安装和使用 https://www.cnblogs.com/hq1997/p/10776246.html 阅读全文

posted @ 2019-07-15 11:58 wenbin_ouyang 阅读(595) 评论(0) 推荐(0) 编辑

vue学习-day03(动画,组件)
摘要:目录: 1.品牌列表-从数据库获取列表 2.品牌列表-完成添加功能 3.品牌列表-完成删除功能 4.品牌列表-全局配置数据接口的根域名 5.品牌列表-全局配置emulateJSON选项 6.动画-使用过渡类名实现动画 7.动画-自定义v-前缀 8.动画-使用第三方animate.css类库实现动画 阅读全文

posted @ 2019-07-14 14:12 wenbin_ouyang 阅读(259) 评论(0) 推荐(0) 编辑

vue学习-day02(自定义指令,生命周期)
摘要:目录: 1、案例:品牌管理 2、Vue-devtools的两种安装方式 3、过滤器,自定义全局或私有过滤器 4、鼠标按键事件的修饰符 5、自定义全局指令:让文本框获取焦点 6、自定义指令,修改元素的样式 7、自定义指令函数的简写 8、生命周期函数-组件创建期间的4个钩子函数 9、生命周期函数-组件运 阅读全文

posted @ 2019-07-13 12:11 wenbin_ouyang 阅读(333) 评论(0) 推荐(0) 编辑

jeesite安装时Perhaps you are running on a JRE rather than a JDK
摘要:使用自己本地安装的maven,启动jeesite报错: No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK? mvn install -X也是报这个错。 1、参 阅读全文

posted @ 2019-07-10 19:48 wenbin_ouyang 阅读(215) 评论(0) 推荐(0) 编辑

win平台MySQL5.7.21解压版安装详细教程(转)
摘要:参考教程: MySQL5.7.21解压版安装详细教程 my.ini [mysqld] port = 3306 #设置mysql的安装目录 basedir=D:/mysql-5.7.21-winx64 #设置mysql的数据目录 datadir=D:/mysql-5.7.21-winx64/data 阅读全文

posted @ 2019-07-10 18:53 wenbin_ouyang 阅读(180) 评论(0) 推荐(0) 编辑

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 wenbin_ouyang 阅读(210) 评论(0) 推荐(0) 编辑

模板引擎ejs
摘要:1、网站 https://ejs.co/ https://ejs.bootcss.com/ 2、app.js pages/detail.html pages/list.html 阅读全文

posted @ 2019-07-09 19:45 wenbin_ouyang 阅读(165) 评论(0) 推荐(0) 编辑

node.js入门学习(六)--express
摘要:1、官网:http://expressjs.com/ 中文:http://www.expressjs.com.cn/ 2、HelloWorld 1)mkdir node-express-demo 2)cd .\node-express-demo\ 3)新建app.js文件 4)npm init -y 阅读全文

posted @ 2019-07-08 22:22 wenbin_ouyang 阅读(424) 评论(0) 推荐(0) 编辑

curl POST如何查看响应的Header(转)
摘要:curl -I 这样其实发送是HEAD请求。下面这样发送POST请求(-X POST),同时指定Basic认证用户名密码(-u ‘andy:andy’),同时指定数据类型(-H ‘Content-Type: application/json’),以及发送的数据(–data ‘xxxx’)。同时将re 阅读全文

posted @ 2019-07-08 17:48 wenbin_ouyang 阅读(4640) 评论(0) 推荐(0) 编辑

node.js入门学习(五)--Demo模块化改造
摘要:1、node.js中模块的分类 1)node.js内置模块(核心,原生) 所有内置模块在安装node.js时就已经编译成二进制文件,可以直接加载运行(速度较快),部分内置模块,在node.exe这个进程启动时就已经默认加载了,可以直接使用。 2)文件模块 require(./common.js); 阅读全文

posted @ 2019-07-07 10:51 wenbin_ouyang 阅读(343) 评论(0) 推荐(0) 编辑

node.js入门学习(四)--Demo图书的增删改查
摘要:需求:图书的增删改查,图书数据保存在data.json文件中。 1、Demo结构: 2、首先下载安装node.js,配置环境变量:参考博客 3、项目初始化 1)创建项目根目录node-hello,进入到根目录node-hello,右键/在此处打开PowerShell窗口。 2)创建app.js文件。 阅读全文

posted @ 2019-07-05 23:11 wenbin_ouyang 阅读(344) 评论(0) 推荐(0) 编辑

ps -aux显示信息COMMAND不全
摘要:ps -aux结果: ps -auxwww结果: 阅读全文

posted @ 2019-07-04 16:41 wenbin_ouyang 阅读(1972) 评论(0) 推荐(0) 编辑

underscore的使用
摘要:1、链接 npm underscore:https://www.npmjs.com/package/underscore 官网:https://underscorejs.org/ 2、npm安装:npm install underscore 3、简单使用 阅读全文

posted @ 2019-07-03 22:12 wenbin_ouyang 阅读(791) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示