- 博客(34)
- 资源 (44)
- 问答 (6)
- 收藏
- 关注
原创 npm进阶(二) npm install、npm install --save与 npm install --save-dev 区别
之后运行npm install命令时,会自动安装X到node_modules目录中;时,会自动安装msbuild到。安装到开发环境, 例如。, 安装到生产环境, 如。命令时,会自动安装X到。运行时需要用到的包使用。时,不会自动安装X到。
2018-12-25 16:09:28 10375 1
原创 Vue进阶(三十一):Vue.js 常用指令缩写
Vue.js为两个最为常用的指令提供了特别的缩写:v-bind缩写<!--完整语法--><a v-bind:href="url">测试</a><!--缩写--><a :href="url">测试</a>v-on缩写<!--完整语法--><a v
2018-12-24 16:57:40 3378
原创 Vue进阶(三十):element-ui 表单验证
一、简单逻辑验证(直接使用rules)实现思路html中给el-form增加 :rules=“rules”html中在el-form-item 中增加属性 prop=“名称”js中直接在data中定义rules:{}html部分&lt;el-form ref="form" :rules="rules" :model="form" label-width="
2018-12-24 16:36:32 5489
原创 Vue进阶(二十九):嵌套路由讲解
路由嵌套,即在当前路由中注册子路由,形成父子路由,并在父路由中显示子路由对应的组件。子路由内也可以注册它的子路由,一直下去就可以形成一个庞大的“路由家族”。简单来说,就是在一个路由的页面下,继续使用路由加载新的组件;可以将嵌套路由理解为父子路由,常见的多导航界面通常就是由多层嵌套的组件组合而成。嵌套路由还有一个优点,就是让新的页面内容展示在父组件的占位符(即标签)中,这样有利于页面结构的搭建,结构清晰。那么,如何注册子路由呢?Vue路由定义中需要用到一个children。
2018-12-23 18:44:41 2460 1
原创 Vue进阶(二十八):浅析 Vue 中 computed 与 method 区别
其实官方文档对这个已经说的很清楚了,笔者不过是在其基础上进行归纳总结,各位看官还是先去读一下官方文档吧。1.computed区别于method的两个核心在官方文档中,强调了computed区别于method最重要的两点computed是属性调用,而methods是函数调用computed带有缓存功能,而methods不是OK,下面我们看一个具体的例子&lt;!--HTML部分--&...
2018-12-23 11:16:19 3829 2
原创 Vue进阶(二十七):Vuex 之 getters, mapGetters, ...mapGetters详解
Vuex提供了state这样的状态统一管理树,你可以在vue中用computed计算属性接收这些公共状态,以便使用,当然你也可以在接收原值的基础上对这个值做出一些改造,如computed:{ sex:function(){ return this.$store.state.sex + '加个字符串,算是改造' }}但是如果你的其他组件也要使用这种改造方式去改造这...
2018-12-23 11:05:45 22960 3
原创 Vue进阶(二十六):详解 router.push()
在Vue2.0路由跳转中,除了使用 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。router.push(location)想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。当你点击 时,这个方法会在内部调用,所以说,点击 ...
2018-12-23 10:39:40 92015 5
原创 Vue进阶(二十五):<component>实现动态组件
元素是vue 里面的一个内置组件。在里面使用 v-bind: is,可以实现动态组件的效果。例子解析:下面例子创建一个包含多个子组件的 vue 实例。vue代码部分:新建 vue 实例 “app”,这个实例的 components 里面,有3个组件,这些组件都有各自的模板。分别是 acomp,bcomp,ccomphtml 代码部分:使用vue 的内置组件 ,并使用 “is...
2018-12-22 16:57:20 17398 4
原创 Vue进阶(二十四):vuex 之 commit 和dispatch
this.$store.commit('toShowLoginDialog', true);this.$store.dispatch('toShowLoginDialog',false)主要区别是:dispatch:含有异步操作,例如向后台提交数据,写法: this.store.dispatch(′mutations方法名′,值)commit:同步操作,写法:this.store.disp...
2018-12-22 16:35:33 26746
原创 JavaScript进阶(二十五):Promise 详解
Promise意在让异步代码变得干净和直观,让异步代码变得井然有序。Promise在设计上具有原子性,即只有三种状态:等待(Pending)、成功(Fulfilled)、失败(Rejected)。在调用支持Promise的异步方法时,逻辑变得非常简单,在大规模的软件工程开发中具有良好的健壮性。(1)基本语法创建Promise对象:要想给一个函数赋予Promise能力,就要先创建一个Prom...
2018-12-22 15:30:15 31210 1
原创 Vue进阶(二十二):$refs 基本用法介绍
示例代码如下:&lt;div id="app"&gt; &lt;input type="text" ref="input1"/&gt; &lt;button @click="add"&gt;添加&lt;/button&gt
2018-12-22 10:37:11 4044
原创 Vue进阶(二十一):ES6 知识储备
1、let所声明的变量,只在let命令所在的代码块内有效。2、不存在变量提升:所声明的变量一定要在声明后使用,否则报错。 一定要先声明,再去使用。let x=x;这样就是错误的ES6明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。 3、不允许重复声明:let不允许在相同作用域内...
2018-12-20 16:26:21 4085 2
原创 Vue进阶(二十): 请求方式详解
1.resource请求cnpm install vue-resource --save import VueResource from 'vue-resource'Vue.use(VueResource)this.$http.get("")2.axios 请求cnpm install axios --save axios.defaults.baseURL = "根地址"//vu...
2018-12-20 11:31:20 3749 2
原创 Vue进阶(十九): ES6 箭头函数
基本用法:ES6中允许使用“箭头”(=>)定义函数var f = v => v;上面代码相当于:var f = function( v ) {return v;}根据箭头函数有参数和无参数来区分1、无参数的箭头函数var f = () => 5;等同于var f = function() { return 5};2、有参数的箭头函数var sum = ( a, b)...
2018-12-20 09:41:39 5178
原创 Vue进阶(十八):router.beforeEach 与 router.afterEach 钩子函数
在路由跳转的时候,我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了三大类钩子,两种函数1、全局钩子2、某个路由的钩子3、组件内钩子两种函数:1、Vue.beforeEach(function(to,form,next){}) /*在跳转之前执行*/2.Vue.after...
2018-12-20 09:33:21 10977 1
原创 Vue进阶(十七):proxyTable 配置
在Vue中,代理(Proxy)是一种将请求转发到其他服务器的机制。它允许你在开发环境中通过一个中间层来处理网络请求,以解决跨域问题或将请求发送到不同的后端服务器。通过代理配置,你可以指定特定的URL路径,将其转发到不同的目标服务器。这在开发过程中特别有用,因为你可以将API请求代理到本地服务器或其他开发服务器,而无需直接连接到真实的后端服务器。前端项目开发过程中,一般都是在同一域名下进行接口联调,且不存在跨域,但是当我们在使用vue-cli进行项目打包的时候,在本地启动服务器后,例如通过。
2018-12-20 09:22:21 8014 2
原创 Vue进阶(十六):Vue 项目启动原理详解
一般项目创建好后会有三个文件:index.html、main.js、app.vue1、index.html :所有vue文件都是单页面形式开发,所有vue组件都是通过index.html进行渲染加载。2、main.js:相当于java的入口函数,控制初次启动vue项目要加载的组件import Vue from 'vue' 引入vueimport App from './App' 引入App.v...
2018-12-19 16:15:14 15250 8
原创 Vue进阶(十四):config/index.js 配置文件详解
对vue中 默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】-config配置的目的都是为了服务webpack的配置,给不同的编译条件提供配置当我们需要和后台分离部署的时候,必须配置config/index.js:用vue-cli 自动构建的目录里面 &nbsp;(环境变量及其基本变量的配置)var path = require('path'...
2018-12-18 15:37:52 6235
原创 Vue进阶(十三):MOCK
mock是一个模拟数据生成器,旨在帮助前端独立于后端进行开发,编写单元测试。其可模拟Ajax并返回模拟数据,使前端不用去调用后端的接口,方便测试。
2018-12-16 19:16:22 6893 1
原创 Vue进阶(十二):使用WebStorm构建Vue项目
WebStorm默认支持AngularJS React,Vue.js需要安装插件一个是vue-for-idea,还有一个是vue.js,选一个安装就可以了但依然没有Vue.js的New Project的向导,莫非要自己建个空项目慢慢搭建,幸好可以用vue-cli快速搭建Vue.js工程$ npm install -g vue-cli$ vue init webpack my-projec...
2018-12-16 18:56:07 3148
原创 Vue进阶(十一):JetBrains快捷键
Idea快捷键Ctrl+n 找class Ctrl+shift+n 找文件 Ctrl+Shift+F,全局查找 Alt+f7 查看引用 Ctrl+ Alt+f7 弹小窗口查看引用 Ctrl+F7,可以查询当前元素在当前文件中的引用,然后按 F3 可以选择 F11 自己配置,深入查看 F12 自己配置,直接查看实现类 Ctrl+f12 查看类中方法 Ctrl+U,转到父类 Ct...
2018-12-16 18:49:00 4415
原创 npm进阶(五)NPM 管理 node.js 依赖
npm 是 Node.js 的模块依赖管理工具。作为开发者使用的工具,主要解决开发 Node.js 时会遇到的问题。如同 RubyGems 对于 Ruby 开发者和 Maven 对于 Java 开发者的重要性,npm 对与 Node.js 的开发者和社区的重要性不言而喻。本文包括五点:package.json 、npm 的配置、npm install 命令、npm link 命令和其它 npm ...
2018-12-13 17:00:38 18707 1
原创 Vue进阶(九):webstorm启动vue项目配置
使用命令窗口运行1. npm run mock2.npm run dev每次都打开命令窗口比较麻烦,可以在webstorm内进行配置,从webstorm内启动选中run下面的edit configurations,scripts里面分别选择mock和dev第二步...
2018-12-13 15:19:33 5855 1
原创 DevOps进阶(十)Jenkins组包时解决无法删除文件夹的情况:文件夹正在使用,操作无法完成,因为其中的文件,或文件夹已在另一个程序中打开...
在删除文件夹的时候,可能会遇到文件夹正在使用,操作无法完成,因为其中的文件,或文件夹已在另一个程序中打开,请关闭该文件夹或或文件,然后重试。这类无法关闭删除文件夹的情况,如下图所示。 解决这个的关键是,找到是哪个程序在使用该文件夹,把这个程序关闭掉就行了。 但有时说实在的并不好找。 下面来介绍一个方便的找到这些程序的方法。 首先按ctrl+shitf+esc快捷键,打开任务管理器。然后...
2018-12-13 13:53:56 3575
原创 Vue进阶(八):WebStorm的js文件报错:Export/Import declarations are not supported by current JavaScript version
首先,js文件报错如下图:以下为解决方法:点击File里的Settings找到Languages&Frameworks下的JavaScript,把版本从默认的5.1改为6就好了最后,apply、OK。报错就不会出现了...
2018-12-11 11:01:01 4595
原创 Vue进阶(七):走近 package.json
两项,分别指定了项目运行、开发所需要的模块。它们都指向一个对象,该对象的各个成员,分别由模块名和对应的版本要去组成,表示依赖的模块及其版本范围。字段,它是一个命令名和本地文件名的映射。在安装时,如果是全局安装,时,用户需回答一些问题,然后在当前目录生成一个基本的。的符号链接(这使你可以直接在命令行执行myapp)。命令行缩写,比如start指定了运行。)是必填的,其他都是选填的。下要这么做非常容易(事实上,,如果是本地安装,会链接到。指定了运行脚本命令的。时,所要执行的命令。时,所要执行的命令。
2018-12-11 10:13:29 5481 1
原创 WinRAR的命令行模式用法介绍
因工作中要对数据打包,顺便研究了下WinRAR的命令行模式,自己写了些例子,基本用法如下:测试压缩文件准备:文件夹test_data,内部包含子文件夹,分别存放了一些*.log和*.txt文件。测试代码如下: 1 rem 压缩全部文件,按类型压缩,zip打包 2 WinRAR.exe a num_all.zip .\test_data\ 3 WinRAR.exe a num_txt...
2018-12-09 11:25:42 2816
原创 Maven进阶(四):Maven 常用命令
Maven进阶(四):Maven常用命令 Maven库:http://repo2.maven.org/maven2/Maven依赖查询:http://mvnrepository.com/一,Maven常用命令:1. 创建Maven的普通Java项目:mvn archetype:create -DgroupId=packageName -DartifactId=proj...
2018-12-05 10:51:12 1820
原创 DevOps进阶(九)使用assembly plugin实现自定义打包
DevOps进阶(九)使用assembly plugin实现自定义打包assembly plugin的使用方式比较简单,主要有:1. 修改pom.xml pom.xml中设置如下:&lt;build&gt; &lt;plugins&gt; &lt;plugin&gt; &lt;artifactId&g
2018-12-05 10:24:15 1894
原创 DevOps进阶(八):maven 三种打包插件
maven三种打包插件maven有多种可以打包的插件,如下: plugin function 官网 maven-jar-plugin maven 默认打包插件,用来创建 project jar maven-shade-plugin 用来打可执行包,executable(fat) jar http://maven.apache.org/plug...
2018-12-05 09:52:34 3880
原创 DevOps进阶(七):使用 jenkins 和 nodejs 进行自动打包更新服务
创建任务创建任务比较简单,这里我们创建自由风格项目:General信息这里填写项目或任务的基本信息,如下:GitBucket这里我们用到的就以下两点,一个是参数化构建:构建的时候可以指定部分参数,比如这里我们这里指定要构建的分支作参数,第二个是丢弃旧的构建:这样每次构建都会丢弃之前历史构建,防止jenkins构建项目过多导致内存泄漏等问题:源码管理源码管理主要是填写我们要构建的...
2018-12-04 17:02:24 5761 2
原创 DevOps进阶(六):Jenkins 插件下载及安装
&lt;h2 id="1-操作环境"&gt;&lt;strong&gt;1. 操作环境&lt;/strong&gt;&lt;/h2&gt;1. Windows:win72. JenkinsJenkins 1.6193. JavaJDK_1.7.0_64bit.exe4. Tomcatapache-tomcat-8.
2018-12-04 16:44:45 2170
原创 DevOps进阶(五):Jenkins 构建远程触发器
我们在执行Jenkins的项目构建的时候一般都是通过web管理界面中的”构建”来执行项目构建操作,但是除此之外我们还可以通过项目配置中的”构建触发器”来触发构建操作, 其中”构建触发器”有一种方式是通过配置令牌远程触发项目构建; 要启用Token(令牌)远程触发项目构建首先要保证Jenkins服务安装了build-token-root 插件,...
2018-12-04 16:41:03 2382
原创 DevOps进阶(四):Jenkins构建触发器(定时构建项目)
一、在任务设置-构建触发器模块,选中“Build periodically”二、然后在日程表里输入你的定时构建时间,输入的时间语法参考如下:1、时间字段遵循cron的语法,每行由TAB或空格分隔的5个字段组成:MINUTE HOUR DOM MONOW DOW - 分钟:小时内的分钟数(0-59) - 小时 :一天中的小时(0-23) - DOM:月份的日子(1-31) ...
2018-12-04 16:19:55 2511
Vue下textarea文本框根据内容自适应改变高度
2020-10-20
BackToTop.zip
2019-11-05
dubbo-admin-2.5.4 Web管理平台.zip
2018-04-29
dubbo-monitor-simple-2.5.3.zip
2018-04-29
w3c标准html5手册
2017-08-28
Chart.js实现饼状图添加文字
2017-08-28
Icon制作神奇-Greenfish Icon Editor3.31官方中文版
2017-04-25
iOS集成听云uni-app插件JS资源文件
2022-10-12
基调听云App移动应用性能管理产品采用SDK方式实现对App的**崩溃、卡顿、超时**等性能问题进行采集,并能对真实用户体验数据
2022-10-11
react-native实现ios横屏全屏展示
2024-03-13
react-native实现ios横屏全屏展示
2024-03-05
谁是第3w [face]monkey2:012.png[/face]
2021-03-24
学无止境[face]monkey2:005.png[/face]
2021-03-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人