12 2019 档案

摘要:vue-router 是基于路由和组件 路由用于设定访问路径, 将路径和组件映射起来 在vue-router的单页面应用中, 页面的路径的改变就是组件的切换 第一:安装命令: npm install vue-router --save 第二:在模块化的工程中使用它,因为是一个插件,所以可以通过Vue 阅读全文
posted @ 2019-12-31 10:46 某年某月某某人 阅读(92) 评论(0) 推荐(0)
摘要:前端发展三大阶段 1.ajax出现之后,前后端分离 2.单页面富应用 SPA,在前后端分离的基础之上,加上了一层前端路由 前端路由的核心 改变URL,但是页面不进行整体刷新 几种改变url而不刷新页面的方法 1. URl的hash 2. H5的history 模式 pushState 3.H5的hi 阅读全文
posted @ 2019-12-31 09:31 某年某月某某人 阅读(93) 评论(0) 推荐(0)
摘要:定义函数的方法 1. 通过functin const aaa = function(){} 2.对象字面量中定义函数 const bbb={ bbb(){} } 3.ES6中的箭头函数 const ccc = (参数列表) => {} 箭头函数中的参数和返回值 参数问题 放入两个参数时候,小括号不能 阅读全文
posted @ 2019-12-31 08:49 某年某月某某人 阅读(150) 评论(0) 推荐(0)
摘要:创建一个项目 vue create my-project 目录结构 阅读全文
posted @ 2019-12-30 14:04 某年某月某某人 阅读(73) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-30 13:55 某年某月某某人 阅读(186) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-30 13:19 某年某月某某人 阅读(136) 评论(0) 推荐(0)
摘要:如果在之后的开发中,你依然使用template,就需要选择Runtime-Compiler 如果你之后的开发中,使用的是.vue文件夹开发,那么可以选择Runtime-only runtime-compiler(v1) template -> ast -> render -> vdom -> UI 阅读全文
posted @ 2019-12-30 12:19 某年某月某某人 阅读(164) 评论(0) 推荐(0)
摘要:安装vue 脚手架 命令 npm install -g @vue/cli 在cmd控制台 vue --version 看看版本 Vue CLI2初始化 (创建) 项目 vue init webpack my-project CLI3初始化项目 vue create my-project 脚手架3的目 阅读全文
posted @ 2019-12-30 11:41 某年某月某某人 阅读(192) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-30 11:39 某年某月某某人 阅读(78) 评论(0) 推荐(0)
摘要:webpack提供了一个可选的本地开发服务器 需要安装,命令如下: npm install --save-dev webpack-dev-server@2.9.1 配置 webpack.config.js 文件 阅读全文
posted @ 2019-12-30 10:38 某年某月某某人 阅读(86) 评论(0) 推荐(0)
摘要:loader主要用于转换某些类型的模块,它是一个转换器 plugin是插件,它是对webpack本身的扩展,是一个扩展器 plugin的使用过程: 步骤一:通过npm安装需要使用的plugins(某些webpack已经内置的插件不需要安装) 步骤二:在webpack.config.js中的plugi 阅读全文
posted @ 2019-12-29 17:24 某年某月某某人 阅读(242) 评论(0) 推荐(0)
摘要:后续我们的实际项目中,也会用到 vue,所以并不是开发时候的依赖 安装命令 npm install vue --save 中间是杠杠奥 之后 还需要配置 webpack.config.js 文件 因为,Vue有runtime-only和runtime-compiler 的区别,我们需要的是 runt 阅读全文
posted @ 2019-12-29 16:21 某年某月某某人 阅读(416) 评论(0) 推荐(0)
摘要:5672为程序中链接rabbitmq 15672为网页端访问rabbitmq控制台的端口 阅读全文
posted @ 2019-12-28 16:39 某年某月某某人 阅读(179) 评论(0) 推荐(0)
摘要:rpm -ivh --prefix=路径 FILE.rpm 阅读全文
posted @ 2019-12-28 14:57 某年某月某某人 阅读(308) 评论(0) 推荐(0)
摘要:传进去 foreach标签中的集合 一定不能为null 否则报错 !!!!!! 阅读全文
posted @ 2019-12-27 11:26 某年某月某某人 阅读(392) 评论(0) 推荐(0)
摘要:我们现在 打包的时候,仅仅可以引用js文件 假如,我现在引用的是css文件,该怎么一起打包呢 ??? 这时候,就需要 引入loader了 步骤一:通过npm安装需要使用的loader 步骤二:在webpack.config.js中的modules关键字下进行配置 大部分loader我们都可以在web 阅读全文
posted @ 2019-12-26 10:25 某年某月某某人 阅读(332) 评论(0) 推荐(0)
摘要:上一篇 我们用到webpack的打包命令是:webpack src/main.js dist/bundle.js 如果每次使用webpack的命令都需要写上入口和出口作为参数 就非常麻烦,所以现在解决的是 上面的问题 创建一个webpack.config.js文件 安装局部webpack的时候到了 阅读全文
posted @ 2019-12-26 10:19 某年某月某某人 阅读(299) 评论(0) 推荐(0)
摘要:上图 我引用了两个js文件,也就是说,我现在只要将main.js 打包成一个js文件,就可以自动引入了其他js文件 好,那我们就开始打包 首先 cd到vue项目对应的目录 然后 webpack src/main.js dist/bundle.js 此时 项目中的dist目录就会自动生成一个bundl 阅读全文
posted @ 2019-12-26 09:54 某年某月某某人 阅读(74) 评论(0) 推荐(0)
摘要:首先要有node环境 注意:此处安装的是全局的 webpack 但是在我们项目开发的时候,为什么还需要安装局部的呢???? 因为在终端直接执行webpack命令,使用的全局安装的webpack 当在package.json中定义了scripts时,其中包含了webpack命令,那么使用的是局部web 阅读全文
posted @ 2019-12-26 09:36 某年某月某某人 阅读(75) 评论(0) 推荐(0)
摘要:导出 var name = '小明' var age = 18 var flag = true function sum(num1, num2) { return num1 + num2 } if (flag) { console.log(sum(20, 30)); } // 1.导出方式一: ex 阅读全文
posted @ 2019-12-25 16:51 某年某月某某人 阅读(124) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-25 16:40 某年某月某某人 阅读(160) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-25 16:21 某年某月某某人 阅读(181) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-25 16:20 某年某月某某人 阅读(126) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-23 16:13 某年某月某某人 阅读(115) 评论(0) 推荐(0)
摘要:父 访问 子 子 访问 父 阅读全文
posted @ 2019-12-23 13:57 某年某月某某人 阅读(140) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-22 13:20 某年某月某某人 阅读(66) 评论(0) 推荐(0)
摘要:案例 如下 实现 阅读全文
posted @ 2019-12-22 13:16 某年某月某某人 阅读(98) 评论(0) 推荐(0)
摘要:数据库一个表中有一个tinyint类型的字段,值为0或者1 如果取出来的话,0会变成false,1会变成true 阅读全文
posted @ 2019-12-21 16:43 某年某月某某人 阅读(696) 评论(0) 推荐(0)
摘要:File—>settings—>Tools—->Terminal—> 设置shell path 为D:\Program Files\Git\bin\bash.exe 也就是你的git中bin目录下的bash.exe 阅读全文
posted @ 2019-12-19 11:35 某年某月某某人 阅读(500) 评论(0) 推荐(0)
摘要:今天 select * from 表名 where to_days(时间字段名) = to_days(now()); 昨天 SELECT * FROM 表名 WHERE TO_DAYS( NOW( ) ) - TO_DAYS( 时间字段名) <= 1 近7天 SELECT * FROM 表名 whe 阅读全文
posted @ 2019-12-15 16:45 某年某月某某人 阅读(1119) 评论(0) 推荐(0)
摘要:父传子 通过props 使用组件 cpn 父传子中的驼峰标识 子传父 通过 发射事件: 自定义事件 页面展示: 阅读全文
posted @ 2019-12-14 11:15 某年某月某某人 阅读(83) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-14 11:04 某年某月某某人 阅读(164) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-14 10:56 某年某月某某人 阅读(343) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-14 10:46 某年某月某某人 阅读(165) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-14 10:33 某年某月某某人 阅读(134) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-14 10:25 某年某月某某人 阅读(90) 评论(0) 推荐(0)
摘要:第一步: 创建组件 通过Vue.extend 创建一个const 组件对象 第二步: 注册组件 调用组件 是用 标签形式 第三步: 使用组件 这样就会把 之前创建的组件内容 展示到对应的组件标签处 阅读全文
posted @ 2019-12-14 09:43 某年某月某某人 阅读(103) 评论(0) 推荐(0)
摘要:pom文件中,新增标签如下 继续操作 如下图 复制打好的war包 到Tomcat的webapps目录 启动Tomcat 即可 阅读全文
posted @ 2019-12-14 09:21 某年某月某某人 阅读(407) 评论(0) 推荐(0)
摘要:lazy的修饰符 number修饰符看上图,age只能是数字类型,否则不显示trim修饰符 去除空格 阅读全文
posted @ 2019-12-13 09:27 某年某月某某人 阅读(85) 评论(0) 推荐(0)
摘要:v-model 结合radio v-model结合checkbox 使用 v-model 结合select 使用 阅读全文
posted @ 2019-12-09 16:07 某年某月某某人 阅读(641) 评论(0) 推荐(0)
摘要:v-model的原理 它底层结合了 v-on和v-bind 指令 阅读全文
posted @ 2019-12-09 11:33 某年某月某某人 阅读(86) 评论(0) 推荐(0)
摘要:需求:将小于100的元素*2 ,求数组内所有的元素之和 fitter 函数 数组.fitter 回调函数 返回符合条件的值 map函数 数组.map 回调函数 返回处理过的数据 reduce函数 数组。reduce 回调函数 (prevValue,n){ 返回处理过的数据 },prevValue的初 阅读全文
posted @ 2019-12-09 11:26 某年某月某某人 阅读(93) 评论(0) 推荐(0)
摘要:filters 过滤器 注意下 过滤器用于对数据进行有规律的变形 将管道符前面的数据 作为管道符后方法的参数 index.html <div id="app"> <div v-if="books.length"> <table> <thead> <tr> <th></th> <th>书籍名称</th 阅读全文
posted @ 2019-12-07 14:36 某年某月某某人 阅读(226) 评论(0) 推荐(1)
摘要:代码: 页面效果 : 阅读全文
posted @ 2019-12-07 13:17 某年某月某某人 阅读(241) 评论(0) 推荐(0)
摘要:响应式:改一下 页面显示的值就变化 另外还有 sort()和reserve() sort的排序 reserve是反转 阅读全文
posted @ 2019-12-07 13:03 某年某月某某人 阅读(274) 评论(0) 推荐(0)
摘要:v-for 遍历数组 v-for 遍历对象 v-for 遍历过程中增加 key属性 !!!! 虚拟dom 阅读全文
posted @ 2019-12-07 11:31 某年某月某某人 阅读(311) 评论(0) 推荐(0)
摘要:什么是ES6 他是javaScript的核心 首先是 var和let ES5中的var是没有块级作用域的(if/for)ES6中的let是由块级作用的(if/for) ES5之前因为if和for都没有块级作用域的概念, 所以在很多时候, 我们都必须借助于function的作用域来解决应用外面变量的问 阅读全文
posted @ 2019-12-07 10:59 某年某月某某人 阅读(62) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-12-07 10:36 某年某月某某人 阅读(140) 评论(0) 推荐(0)
摘要:写这个小案例的时候 有个小问题 就是 清除不了 input框中的值,如图 下面就来修复它 只需要一个key属性 即可 阅读全文
posted @ 2019-12-07 10:32 某年某月某某人 阅读(130) 评论(0) 推荐(0)
摘要:v-if 判断 v-if 和 v-else的重复使用 v-if v-else-if v-else-if v-else 的用法 阅读全文
posted @ 2019-12-07 10:26 某年某月某某人 阅读(229) 评论(0) 推荐(0)
摘要:stop属性 prevent属性 keyup属性 once属性 阅读全文
posted @ 2019-12-07 10:06 某年某月某某人 阅读(104) 评论(0) 推荐(0)
摘要:看一下 控制台输出情况 阅读全文
posted @ 2019-12-07 09:39 某年某月某某人 阅读(94) 评论(0) 推荐(0)
摘要:总的说这个属性的作用是 拼接字符串 看下图 和methods 结合see 一下 computed的复杂属性 computed属性 里面的属性 都是有set和get方法 如下图 computed和methods 对比 阅读全文
posted @ 2019-12-07 09:22 某年某月某某人 阅读(176) 评论(0) 推荐(0)
摘要:Mustache的语法不仅可以直接写变量,还可以写简单表达式 阅读全文
posted @ 2019-12-06 10:43 某年某月某某人 阅读(358) 评论(0) 推荐(0)
摘要:<button @click="add()">+</button> add后面的() 可以省略 因为此方法没有参数滴 小伙子 阅读全文
posted @ 2019-12-06 10:27 某年某月某某人 阅读(121) 评论(0) 推荐(0)
摘要:1. v-for 若你不想额外增加一个div,此时应该使用template来实现(推荐) 2. v-on 结合methons属性看 3.v-once 指令 只会渲染一次,数据改变不会再次渲染 4.v-html 指令 渲染html的标签 5.v-text 指令 6. v-pre 指令 不会解析 7. 阅读全文
posted @ 2019-12-06 10:16 某年某月某某人 阅读(130) 评论(0) 推荐(0)
摘要:vue是 声明式编程 不同于原先的命令式编程 let变量的意思是 后期这个值会变化,const不会变化 在script标签中new一个Vue 对象,这个对象是在引用的js文件中有 el 是用于挂载元素的,#一般对应的是元素的id data是用于定义数据 显示数据的是用 {{}} 两个大括号 阅读全文
posted @ 2019-12-06 09:36 某年某月某某人 阅读(75) 评论(0) 推荐(0)
摘要:idea下载vue插件 如果是第一次,没有node.js的环境 需要安装 下载地址:https://nodejs.org/zh-cn/ 打开cmd 看看nodejs是否安装成功 命令:node -v 出现版本信息就安装成功 在cmd命令行中 安装 npm的阿里镜像 命令是 npm install - 阅读全文
posted @ 2019-12-05 17:35 某年某月某某人 阅读(692) 评论(0) 推荐(0)