vue开发单页面应用总结 1、按需引入组件: component: resolve => require([’…/pages/home.vue’], resolve),如果用import引入的话,当项目打包时路由里的所有component都会打包在一个js中,造成进入首页时,需要加载的内容过多,时间相对比较长。当你用require这种方式引入的时候,会将你的component分别打包成不同的js,加载的时候也是按...
解决Idea GitLab Clone failed: Authentication failed for的问题 刚使用GitLab做项目管理,在idea-check versionControl中使用git clone工程,一直报Clone failed: Authentication failed for ‘Xxxxxxx’,却又没有弹出消息框。查询了大量的办法,最后觉得应该是用户验证出了问题,查找之后在git上输入命令1git config --system --unset credential....
module.exports,exports,export和export default,import与require区别与联系 还在为module.exports、exports、export和export default,import和require区别与联系发愁吗,这一篇基本就够了!一、首先搞清楚一个基本问题:module.exports和exports是属于CommonJS模块规范!(不清楚commonjs?大神请这边逛一逛commonjs规范)export和export default是属于ES6语法(不清楚...
webpack生产环境和开发环境的配置 最近在做公司游戏预约页面的时候,在配置webpack的时候,忽略了生产模式切换,导致开发过程中有些痛苦,当改动样式或者某个插件配置时,本地server要等待编译很久才生效。用了很久的webpack做开发,之前一直没太在意,现在特地整理下,也为以后做项目更加规范吧。在配置前,还是先了解下生产环境和开发环境有哪...
webpack环境 -- 开发环境和生产环境的区分 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/rainbow8590/article/details/81315645 </div> <div id="co
前端技术选型参考 ---转 多端pch5 (不要纠结html5 vs h5 vs wap,这里指的是移动端网页)技术方案一 pc - 业务类型细分类型1 重展示、轻交互典型代表 :产品展示页特点 : 对外展示产品,承载公司对外运营业务,TO C 类居多要求 : 稳定,快速,无障碍,高可靠性,兼容性强,强SEO技术选型 : node + 模板语言(ejs、pug、handlebar等) + jquery + ...
小程序笔记(二)另一种方便获取wxapkg方法 1、首先先下载一个夜神模拟器(为什么用夜神。。因为我android开发测试用到,不想用android studio自带的虚拟机,所以就用夜神模拟器)然后当然是打开夜神模拟器,下载一个微信然后打开微信登录点击。。。添加小程序(这个大概没人不会吧。)拿到兼职猫小程序,然后就去拿他的wxapkg了,回到桌面点击文件...
小程序笔记(一)获取wxapkg,并解压,还原项目。 首先要下载必要的工具,有的可以直接用了 1、下载wxappUnpacker,我这里用的是node版还有其他班自己查https://github.com/qwerty472123/wxappUnpacker 2、下载node。js&n...
css3常用动画+动画库 一、animates.cssanimate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画,包括:晃动,闪动,各种淡出淡出效果,如果你想快速的整合各种CSS3动画特效的话,使用它即可方便的实现。 查看演示:https://daneden.github.io/animate.css/
v-if与v-show区别 在v-show中,元素是一直存在的,当v-show为false时,元素display:none只是隐藏了而已。 v-if作用:判断是否加载固定的内容,如果为真,则加载;为假时,则不加载。用处:用在权限管理,页面条件加载。语法:v-if=“判断表达式”特点:控制元素插进来或者删除,而不是隐藏。 so,一般的,v-if有更高的切换消耗,而
vue-router 2.0 常用基础知识点之导航钩子 导航钩子vue-router 提供的导航钩子主要用来拦截导航,让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子:全局的, 单个路由独享的, 或者组件级的。http://www.jianshu.com/p/f375d84c1d4b全局钩子const router = new VueRouter({ ... })router.beforeEach((to, from, nex...
yarn —— Nodejs包新管理工具 yarn node.js 不二冰彬 2016年10月17日发布赞 | 4收藏 | 454.5k 次浏览在yarn发布之前,所有Nodejs开发者用的都是npm包管理工具,而npm工具存在挺多难以忍受的诟病,包括安装速度慢、每次都要在线重新安装等问题,而yarn也是为了解决npm当前所存在的问题而出
vue全面介绍--全家桶、项目实例 简介“简单却不失优雅,小巧而不乏大匠”。 2016年最火的前端框架当属Vue.js了,很多使用过vue的程序员这样评价它,“vue.js兼具angular.js和react.js的优点,并剔除了它们的缺点”。授予了这么高的评价的vue.js,也是开源世界华人的骄傲,因为它的作者是位中国人–尤雨溪(Evan You)。 Vue.js 是一个JavaScriptMVVM库,是一套构建用
Node.js安装及环境配置之Windows篇 一、安装环境1、本机系统:Windows 10 Pro(64位)2、Node.js:v6.9.2LTS(64位)二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的
vue.js在windows本地下搭建环境和创建项目 Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 首先vue.js的作者是中国人,所以说他是国产的,吸收了google的angular.js和facebook
解决$.ajax()在IE10以下失效的问题 一、问题重现本地的脚本请求测试环境的接口123456$.ajax({ url: ***, type: GET, data: data, success: function (data) { **** }});
一探前端开发中的JS调试技巧 有请提示:文中涉及较多Gif演示动画,移动端请尽量在Wifi环境中阅读前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要。本文将一一讲解各种前端JS调
解决ajax跨域的方法原理详解之Cors方法 1、神马是跨域(Cross Domain) 对于端口和协议的不同,只能通过后台来解决。 一句话:同一个ip、同一个网络协议、同一个端口,三者都满足就是同一个域,否则就是跨域问题了。而为什么开发者最初不直接定为一切可跨域的呢?默认的为什么都是不可跨域呢?这就涉及到了同源策略,为了系统的安全,由Netscape提出一个著名的安全策略。现在所有支持JavaScri
Vue2.0 探索之路——生命周期和钩子函数的一些理解 前言在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做,我们不清楚。于是我开始先去搜索,发现vue2.0的生命周期没啥文章。大
Angular 4 学习笔记 从入门到实战 打造在线竞拍网站 基础知识 快速入门 个人感悟 最近搞到手了一部Angular4的视频教程,这几天正好有时间变学了一下,可以用来做一些前后端分离的网站,也可以直接去打包web app。先上个效果图:环境&版本信息声明运行ng -v@angular/cli: 1.2.0node: 8.1.2os: win32 x64@angular/* 4.2.5...好吧,那就顺便写个笔记/教程/备忘/博客咯