04 2017 档案
摘要：Windows系统；使用 npm run build :win32 命令就可以打包了；打包的文件在builds 文件夹目录下面；
阅读全文
摘要：vue 和 angular 还有有些区别的， 比如，vue中的数组数据改变后，view并没有发生改变，angular就不会这样。 所以VUE 在数组扩展方法中提供以了一个新的API arr.$set(index, value); 此方法通过索引index设置数组元素来触发视图的跟新。 例如：vue
阅读全文
摘要：const path = require('path') const webpack = require('webpack') const HtmlWebpackPlugin = require('html-webpack-plugin') const config = require('./config/') const IS_ENV = process.env.NODE_ENV == 'pr...
阅读全文
摘要：const path = require('path') const webpack = require('webpack') const HtmlWebpackPlugin = require('html-webpack-plugin') const config = require('./config/') const IS_ENV = process.env.NODE_ENV == 'pr...
阅读全文
摘要：localStorage使用总结 转自：http://www.cnblogs.com/st-leslie/p/5617130.html 一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，
阅读全文
摘要：/** * 向localStorage中设置数据 * @param key 字符串 * @param value 数组 */ function SetDataIntoLocalStorage(key, value) { localStorage.setItem(key, JSON...
阅读全文
摘要：$scope.startLogin = function () { console.log('loginTimeHelper:startLogin: ' + getCurrentTime()); efetion.CheckNetType(); // 检查内外网络环境 $scope.mobile...
阅读全文
摘要：var path = require('path') var utils = require('./utils') var config = require('../config') var vueLoaderConfig = require('./vue-loader.conf') function resolve (dir) { return path.join(__dirname, ...
阅读全文
摘要：vue2.0 keep-alive最佳实践 1.基本用法 vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 <keep-alive> <component> <!-- 组件将被缓存 --> </component> </keep-alive> 有时候
阅读全文
摘要：npm install <name>安装nodejs的依赖包 例如npm install express 就会默认安装express的最新版本，也可以通过在后面加版本号的方式安装指定版本，如npm install express@3.0.6 npm install <name> -g 将包安装到全局
阅读全文
摘要：Vue是一个轻量级的渐进式框架，对于它的一些特性和优点在此就不做赘述，本篇文章主要来探讨一下Vue子父组件通信的问题 首先我们先搭好开发环境，我们首先得装好git和npm这两个工具(如果有不清楚的同学请自行百度哦) 环境搭建步骤： 打开git ，运行 npm install --global vue
阅读全文
摘要：1、获取当前设备的屏幕可用区域的分辨率winW=electron.screen.getPrimaryDisplay().workAreaSize.widthwinH=electron.screen.getPrimaryDisplay().workAreaSize.height 2、主进程和渲染进程通
阅读全文
摘要：/** * Created by Administrator on 2016/11/23. * 页面对窗口的一些操作封装，用于渲染进程 */ "use strict"; const Common = require('../../window/common.js'); const { ipcRenderer, remote } = require('electron'); const W...
阅读全文
摘要：vue Element动态设置el-menu导航当前选中项 JavaScript dayaoge 6个月前 (10-20) 1351次浏览 Element UI 是一套 Vue.js 后台组件库，它能够帮助你更轻松更快速地开发后台项目。 官方文档给出了设置默认选中的属性。 Menu Attribut
阅读全文
摘要：vue+element-ui路由配置相关 转自：http://www.cnblogs.com/MonaSong/p/6703804.html vue-router2中说明了，子路由前面可以不加'/'，但是在使用element-ui的时候 用了el-menu组件，这个组件的一个属性可以开启router
阅读全文
摘要：1、项目开始； # 安装vue $ cnpm install vue@2.1.6 # 全局安装 vue-cli $ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目my-project $ vue init webpack my-projec
阅读全文
摘要：普通变量 ? 1 $fontSize:12px; ? 1 $fontSize:12px; ? 1 $fontSize:12px; $fontSize:12px; 默认变量 ? 1 $fontSize:12px; !default; ? 1 $fontSize:12px; !default; ? 1
阅读全文
摘要：//定义颜色 $c55:#555; $c22:#222; $c33:#333; $c99:#999; $c77:#777; $c00:#000; $cff:#fff; $caa:#aaa; $ccc:#ccc; $cf0:#f0f0f0; $cdd:#ddd; $cee:#eee; $cf9:#f9f9f9; $cf7:#F7F7F7; $cfa:#fafafa; $cf60:#FF8225; ...
阅读全文
摘要：Git扩展的的问题，通过shift+command+p执行SCM: Disable Preview来回退，会发现图标被还原了，然后世界就安静了，参见更新文档里关于该问题的解释：
阅读全文
摘要：现已取消 .vue 文件与 HTML 的默认关联，需要手动配置。vue 文件里不能使用div + Tab 键快速生成 html 代码
阅读全文
摘要：阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴
阅读全文
摘要：http://blog.csdn.net/fungleo/article/details/53171052
阅读全文
摘要：大家好，我是Moer.从 ATOM 跳槽到 VScode 来已经快半年了，VScode现在已经越来越完善。在这里，我会给你们推荐很多实用的插件，让你对 vscode 有更深刻的体会，渐渐地你就会知道它有多好用。 走马观花前，请先将你的 vscode 更新到最新版本。 通用插件 HTML Snippe
阅读全文
摘要：vue-router学习 转自：https://my.oschina.net/u/1416844/blog/849971 1. vue-router介绍 vue-router把react-router和ui-router中所有的优点都超了过来 官方文档：https://router.vuejs.or
阅读全文
摘要：Vue.js2.0作为国内热门并广为人知的前端框架，其与其他主流框架的优势在此不做过多赘述。搭建框架步骤如下： 转自；http://www.jianshu.com/p/beae26e57b0f 安装Node.js 搭建框架需要使用最新稳定版Node.js，请选择LTS版本。 tip1：如果本机有其它
阅读全文
摘要：npm run dev项目运行；$ git pull origin master 更新代码项目的提交代码git push -u origin master 这里就开始准备提交到网络上了项目的地址git ：http://124.42.103.222:9080/source/cake_pc/新媒传信；
阅读全文
摘要：由于一直用的都是SVN提交代码，Git也是目前自己边学边用的，本来以为自己已经会用了，可是一段时间没用又忘了 ，所以赶紧整理整理记下来，以便日后使用！ 转自：http://blog.csdn.net/u010844189/article/details/50835763 1、往github网站上推送
阅读全文
摘要：vue实践揭秘的书籍：书中项目的源码； 用 Vuex 构建一个笔记应用 vue2.0 以上的项目
阅读全文
摘要：vue: 读音: v-u-e view vue到底是什么? 一个mvvm框架(库)、和angular类似 比较容易上手、小巧 mvc: mvp mvvm mv* mvx 官网:http://cn.vuejs.org/ 手册： http://cn.vuejs.org/api/vue和angular区别
阅读全文
摘要：C:\Users\Administrator\.vscode\extensions
阅读全文
摘要：VSCode 拓展插件推荐 插件列表 Auto Close Tag 自动闭合HTML标签 Auto Rename Tag 修改HTML标签时，自动修改匹配的标签 Bookmarks 添加行书签 Can I Use HTML5、CSS3、SVG的浏览器兼容性检查 Code Runner 运行选中代码段
阅读全文
摘要：vue2.0 组件和v-model 转自：http://www.cnblogs.com/wwlhome/p/6551165.html 本文适合初学组件编写的同学阅读。 乍一看这个标题，可能会有疑问：v-model和组件也能扯到一起？ 我打算写这篇文章的时候，也是这么想的。咱们按简历的那一套STAR法
阅读全文
摘要：标签： 1.rem（font size of the root element）是指相对于根元素的字体大小的单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。二者都是相对单位2.我
阅读全文
摘要：Vue开源项目库汇总 最近做了一个Vue开源项目库汇总，里面集合了OpenDigg 上的优质的Vue开源项目库，方便移动开发人员便捷的找到自己需要的项目工具等，感兴趣的可以到GitHub上给个star。 UI组件 element ★9305 - 饿了么出品的Vue2的web UI工具套件 Vux ★
阅读全文
摘要：vue-tree vue 编写的树形菜单，小巧实用，支持vue1.0，vue2.0 v1.0 功能: 1.支持多级树目录 2.支持高亮点击的节点 3.支持展开点击节点 4.支持点击收缩节点时收缩所有子目录 5.支持自定义回调函数，点击节点时回调，参数为节点信息 用法：<launch-tree :li
阅读全文
摘要：实例gif图： 目录截图: 目录介绍： dist目录(最后生成的目录,里面文件为配置webpack自动生成的)： c/:css文件夹; i/:img文件夹; j/:js文件夹; src目录下(开发目录)： c/:css文件夹; l/:less文件夹; s/:sass文件夹; i/:img文件夹; j
阅读全文
摘要：webpack2 前篇 #webpack 前两天用了一天半时间琢磨了下webpack2，想起去年这时候，面对webpack1那样恶心的文档，前前后后搞了好几次才摸索清楚，那真是吐了。 划重点 其实webpack2这样的工具吧，说复杂不复杂，就是我们的思路一定要清晰，第一天我从早上9点搞到了晚上大概8
阅读全文
摘要：转载自：http://www.cnblogs.com/lolDragon/p/6268345.html 安装 1.github下载地址：https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程 执行npm install
阅读全文
摘要：CSS 命名规范总结 BEM 命名给 CSS 以及 html 提供清晰结构，命名空间提供更多信息，模块化提高代码的重用，以达到 CSS 命名语义化、可重用性高、后期维护容易、加载渲染快的要求。 首先，这是一篇仅对 CSS 命名的总结，更多 CSS 规范请参考规范文档。其次 CSS 命名并无对错之分，
阅读全文
摘要：由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，所以刚好趁此机会将所有配置文件看一遍，理一理思路，也便于以后修改配置的时候不会“太折腾”。 一、文件结构 本文主要分析开发（dev）和构建（build）两个过程涉
阅读全文
摘要：reset.css 代码
阅读全文
摘要：推荐几个精致的web UI框架 1.Aliceui Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。 gitHub地址：https://github.com/aliceui/a
阅读全文
摘要：转自：http://www.qinshenxue.com/article/20161106163608.html； 项目地址：https://github.com/qinshenxue/vue2-vue-router2-webpack 之前写了一篇如何搭建 vue 1.x 工程的文章《vue vue
阅读全文
摘要：vsCode 添加浏览器调试和js调试的方法 1、直接按F5可以调试的方法或者点击运行按钮（可以直接运行html文件或者js文件） 在launch.json文件中的配置如下： { "version": "0.2.0", "configurations": [{ "name": "谷歌浏览器", //
阅读全文
摘要：使用Visual Studio Code打开浏览器查看HTML文件 vscode出来之前一直使用sublime，后者在编写HTML文件时可以通过点击鼠标右键，找到open in browser来启动系统默认浏览器，而vscode却没有这个功能，调试和预览起来比较麻烦。不过可以通过配置tasks.js
阅读全文
摘要：怎么使用Less/Sass编译工具koala 怎么使用Less/Sass编译工具koala 如何使用Less/Sass编译工具koala 一、SASS调试插件的方法 如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工
阅读全文
摘要：Sass：初识Sass与Koala工具的使用 一、下载 Koala（找到合适的系统版本）并安装 二、先新建一个css文件夹，并在里面新建一个文本文档(.txt)，将其命名为demo.scss 三、打开Koala，将css文件夹拽进来，可以修改一下输出方式 【扩展】SASS提供四个编译风格的选项： n
阅读全文
摘要：对于前端而言，了解css样式的优先级，对开发或处理bug有着事半功倍的效果，今天在做项目的时候，突然碰到一个优先级的小问题，刚开始不知道所因，后来才发现这个问题是由优先级造成的。先描述下问题，鼠标悬停在父容器时，子容器显示，移开消失。看到这个问题，可能有些人要喷了，这和优先级有毛线关系，看起来的确没
阅读全文
摘要：ng-class中的if else判断 来自于stackoverflow的一个问题，自己刚好用到，搬过来做个标记。原问题链接 在使用ng-class时，有些时候会碰到根据是否满足条件来设置元素的样式，使用以下方法可以达到这样的目的。 （1）使用运算符 [html] view plain copy p
阅读全文
摘要：sass的使用 前言 之前一直听说过sass和less。以为自己没用过，其实曾经的时候还是用过sass的。只不过是在别人搭好的结构上直接使用的以至于印象不深刻。然后也纠结过用sass还是less。两个框架在语法上大体上是相同的，主要的不同就是实现方式。less是基于javascript，而sass是
阅读全文
摘要：1、在 div为contenteditable = true 中； 换行显示；就使用了pre 标签； 避免了/n 和空格的转换；实现了ctrl + enter 换行；显示的问题； 2、如何超过了div显示省略号； 项目中是定义公共类；
阅读全文
摘要：jquery之stop()的用法 目的：为了 了解stop()的用法，举个例子，直观的方式看看。 实物：一个id="animater"的div包含了一段文字。(以下用animator表示实物) 动画最终的完整效果： animater向右移动800px（这个完整的过程是动画1），然后，字体逐渐变大（这
阅读全文
摘要：angular有自己的生命周期。循环给一个 angular监听的变量复值时。最好还是用angular自带的循环方法。“angular.foreach” 格式: 复制代码 代码如下: var objs =[{a:1},{a:2}]; angular.forEach(objs, function(data,index,array){ //data等价于array[index] console....
阅读全文
摘要：转自：http://blog.csdn.net/u010227447/article/details/45484033；
阅读全文
摘要：1、媒体查询； 2、booststrap 的模板引用； 3、bootstrap的按钮 4、表单的使用； 5、轮播图的使用； 6、栅格系统 7、 8、 9、栅格系统列偏移 10 栅格系统 列浮动 11 栅格系统响应式 <form > <div class="form-group"> <label fo
阅读全文
摘要：body{ line-height:1.4; color:#333; font-family:arial; font-size: 12px; background:white; } input,textarea,select{ font-size:12px; font-size:100%; font-family:arial...
阅读全文
摘要：flex 的学习地址： http://caibaojian.com/demo/flexbox/align-content.html
阅读全文
