poptxz-优快云博客

原创 vue开发单页面应用总结

1、按需引入组件： component: resolve => require([’…/pages/home.vue’], resolve),如果用import引入的话，当项目打包时路由里的所有component都会打包在一个js中，造成进入首页时，需要加载的内容过多，时间相对比较长。当你用require这种方式引入的时候，会将你的component分别打包成不同的js，加载的时候也是按...

2019-03-29 16:50:42 415

原创解决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....

2019-03-22 23:50:29 1339

转载 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语法（不清楚...

2019-02-28 22:19:10 288

转载 webpack生产环境和开发环境的配置

最近在做公司游戏预约页面的时候，在配置webpack的时候，忽略了生产模式切换，导致开发过程中有些痛苦，当改动样式或者某个插件配置时，本地server要等待编译很久才生效。用了很久的webpack做开发，之前一直没太在意，现在特地整理下，也为以后做项目更加规范吧。在配置前，还是先了解下生产环境和开发环境有哪...

2019-01-30 11:47:59 854

转载 webpack环境 -- 开发环境和生产环境的区分

2019-01-30 10:46:59 750

转载前端技术选型参考 ---转

多端pch5 （不要纠结html5 vs h5 vs wap，这里指的是移动端网页）技术方案一 pc - 业务类型细分类型1 重展示、轻交互典型代表：产品展示页特点：对外展示产品，承载公司对外运营业务，TO C 类居多要求：稳定，快速，无障碍，高可靠性，兼容性强，强SEO技术选型： node + 模板语言（ejs、pug、handlebar等） + jquery + ...

2019-01-29 14:06:54 1369

转载小程序笔记（二）另一种方便获取wxapkg方法

1、首先先下载一个夜神模拟器（为什么用夜神。。因为我android开发测试用到，不想用android studio自带的虚拟机，所以就用夜神模拟器）然后当然是打开夜神模拟器，下载一个微信然后打开微信登录点击。。。添加小程序（这个大概没人不会吧。）拿到兼职猫小程序，然后就去拿他的wxapkg了，回到桌面点击文件...

2018-10-15 10:49:51 1042

转载小程序笔记（一）获取wxapkg，并解压，还原项目。

首先要下载必要的工具，有的可以直接用了    1、下载wxappUnpacker，我这里用的是node版还有其他班自己查https://github.com/qwerty472123/wxappUnpacker    2、下载node。js&n...

2018-10-15 10:48:48 7401 2

转载 css3常用动画+动画库

一、animates.cssanimate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画，包括：晃动，闪动，各种淡出淡出效果，如果你想快速的整合各种CSS3动画特效的话，使用它即可方便的实现。查看演示：https://daneden.github.io/animate.css/

2018-02-04 12:58:42 409

转载 v-if与v-show区别

在v-show中，元素是一直存在的，当v-show为false时，元素display:none只是隐藏了而已。 v-if作用：判断是否加载固定的内容，如果为真，则加载；为假时，则不加载。用处：用在权限管理，页面条件加载。语法：v-if=“判断表达式”特点：控制元素插进来或者删除，而不是隐藏。 so，一般的，v-if有更高的切换消耗，而

2017-12-26 15:18:06 585

转载 vue-router 2.0 常用基础知识点之导航钩子

导航钩子vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。http://www.jianshu.com/p/f375d84c1d4b全局钩子const router = new VueRouter({ ... })router.beforeEach((to, from, nex...

2017-12-26 14:45:48 482

转载 yarn —— Nodejs包新管理工具

yarn node.js 不二冰彬 2016年10月17日发布赞 | 4收藏 | 454.5k 次浏览在yarn发布之前，所有Nodejs开发者用的都是npm包管理工具，而npm工具存在挺多难以忍受的诟病，包括安装速度慢、每次都要在线重新安装等问题，而yarn也是为了解决npm当前所存在的问题而出

2017-11-26 00:40:09 473

转载 vue全面介绍--全家桶、项目实例

简介“简单却不失优雅，小巧而不乏大匠”。 2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪（Evan You）。 Vue.js 是一个JavaScriptMVVM库，是一套构建用

2017-10-12 21:47:57 959

转载 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 就是运行在服务端的

2017-10-12 18:28:03 905

转载 vue.js在windows本地下搭建环境和创建项目

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。首先vue.js的作者是中国人，所以说他是国产的，吸收了google的angular.js和facebook

2017-10-09 10:32:29 850

转载解决$.ajax()在IE10以下失效的问题

一、问题重现本地的脚本请求测试环境的接口123456$.ajax({ url: ***, type: GET, data: data, success: function (data) { **** }});

2017-09-08 13:40:33 605

转载一探前端开发中的JS调试技巧

有请提示：文中涉及较多Gif演示动画，移动端请尽量在Wifi环境中阅读前言：调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天，如何在前端开发中降低开发成本，提升工作效率，掌握前端开发调试技巧尤为重要。本文将一一讲解各种前端JS调

2017-07-17 11:41:26 341

转载解决ajax跨域的方法原理详解之Cors方法

1、神马是跨域（Cross Domain）对于端口和协议的不同，只能通过后台来解决。一句话：同一个ip、同一个网络协议、同一个端口，三者都满足就是同一个域，否则就是跨域问题了。而为什么开发者最初不直接定为一切可跨域的呢？默认的为什么都是不可跨域呢？这就涉及到了同源策略，为了系统的安全，由Netscape提出一个著名的安全策略。现在所有支持JavaScri

2017-07-17 11:16:43 629

转载 Vue2.0 探索之路——生命周期和钩子函数的一些理解

前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大

2017-07-14 10:35:46 546

转载 Angular 4 学习笔记从入门到实战打造在线竞拍网站基础知识快速入门个人感悟

最近搞到手了一部Angular4的视频教程,这几天正好有时间变学了一下,可以用来做一些前后端分离的网站,也可以直接去打包web app。先上个效果图:环境&版本信息声明运行ng -v@angular/cli: 1.2.0node: 8.1.2os: win32 x64@angular/* 4.2.5...好吧,那就顺便写个笔记/教程/备忘/博客咯

2017-07-10 15:53:27 7284 4

转载流行框架阶段·概览

1. 现在有什么东西在流行，我们要学什么？流行框架阶段的学习，大部分经历会花在AngularJs的框架的学习上。不过，在真正开始学习AngularJs框架之前，还可以花一点小时间，带领大家认识一下现在都有什么框架在流行着，它们的功能都是什么。虽然不会真正学习它们的用法，但是至少能够了解还有这些东西存在，对于扩展视野和面试有一些帮助。2. 从NodeJs谈起在Node

2017-07-06 09:06:43 438

转载当前比较流行的前端框架整理

扯淡(可以直接略过)：　　时间飞逝，从事前端开发工作转眼已快两年，对于前端的知识，两年中却很少整理，偶然一同事问起前端框架，这才想起，其实应该好好整理下前端的基本知识点，许久之后，自己也能回过头来复习。时间飞逝，从事前端开发工作转眼已快两年，对于前端的知识，两年中却很少整理，偶然一同事问起前端框架，这才想起，其实应该好好整理下前端的基本知识点，许久之后，自己也能回过头来复习。

2017-07-05 16:38:05 7681

转载 More than React（五）异步编程真的好吗？

More than React系列的上一篇文章《HTML也可以编译？》介绍了 Binding.scala 如何在渲染 HTML 时静态检查语法错误和语义错误，从而避免 bug ，写出更健壮的代码。本篇文章将讨论Binding.scala和其他前端框架如何向服务器发送请求并在页面显示。在过去的前端开发中，向服务器请求数据需要使用异步编程技术。异步编程的概念很简单，指在进行 I/O 操作时

2017-07-05 15:55:33 381

转载 More than React（四）HTML也可以静态编译？

《More than React》系列的上一篇文章《虚拟DOM已死？》比较了 Binding.scala 和其他框架的渲染机制。本篇文章中将介绍 Binding.scala 中的 XHTML 语法。一、其他前端框架的问题对 HTML 的残缺支持以前我们使用其他前端框架，比如 Cycle.js 、 Widok 、 ScalaTags 时，由于框架不支持 HTML 语法，前

2017-07-05 15:54:33 466

转载 More than React（三）虚拟DOM已死？

本系列的上一篇文章组件对复用性有害？探讨了如何在前端开发中编写可复用的界面元素。本篇文章中将从性能和算法的角度比较 Binding.scala 和其他框架的渲染机制。Binding.scala 实现了一套精确数据绑定机制，通过在模板中使用 bind 和 for/yield 来渲染页面。你可能用过一些其他 Web 框架，大多使用脏检查或者虚拟 DOM 机制。和它们相比，Binding.s

2017-07-05 15:53:42 488

转载 More than React（二）组件对复用性有害？

本系列的上一篇文章《为什么ReactJS不适合复杂的前端项目》列举了前端开发中的种种痛点。本篇文章中将详细探讨其中“复用性”痛点。我们将用原生 DHTML API 、 ReactJS 和 Binding.scala 实现同一个需要复用的标签编辑器，然后比较三个标签编辑器哪个实现难度更低，哪个更好用。标签编辑器的功能需求在InfoQ的许多文章都有标签。比如本文的标签是“bindi

2017-07-05 15:52:41 487

转载 More than React（一）为什么ReactJS不适合复杂交互的前端项目？

《More than React》系列的文章会一共分为五篇和一则附录。本文是第一篇，介绍用 ReactJS开发时遇到的种种问题。后面四篇文章的每一篇将会分别详细讨论其中一个问题，以及Binding.scala如何解决这个问题。附录是一则指南，指引你从头一步步创建Binding.scala项目。背景介绍去年 4 月，我第一次在某个客户的项目中接触到ReactJS 。我发现Re

2017-07-05 15:51:18 1063

转载 ES5中新增的Array方法详细说明

一、前言-索引ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法，如下：forEach (js v1.6)map (js v1.6)filter (js v1.6)some (js v1.6)every (js v1.6)indexOf (js v1.6)lastIndex

2017-06-30 17:01:49 321

转载深入浅出ES6（四）：模板字符串

编者按：ECMAScript 6已经正式发布了，作为它最重要的方言，Javascript也即将迎来语法上的重大变革，InfoQ特开设“深入浅出ES6”专栏，来看一下ES6将给我们带来哪些新内容。本专栏文章来自Mozilla Web开发者博客，由作者授权翻译并发布。在上一篇文章中，我说过要写一篇风格迥异的新文章，在了解了迭代器和生成器后，是时候来品味一些不烧脑的简单知识，如果你们觉得太难

2017-06-30 11:20:38 649

转载深入浅出ES6（三）：生成器 Generators

今天的这篇文章令我感到非常兴奋，我们将一起领略ES6中最具魔力的特性。为什么说是“最具魔力的”？对于初学者来说，此特性与JS之前已有的特性截然不同，可能会觉得有点晦涩难懂。但是，从某种意义上来说，它使语言内部的常态行为变得更加强大，如果这都不算有魔力，我不知道还有什么能算。不仅如此，此特性可以极大地简化代码，它甚至可以帮助你逃离“回调地狱”。既然新特性如此神奇，那么就一起深

2017-06-30 11:17:23 358

转载深入浅出ES6（二）：迭代器和for-of循环

我们如何遍历数组中的元素？20年前JavaScript刚萌生时，你可能这样实现数组遍历：for (var index = 0; index myArray.length; index++) { console.log(myArray[index]);}自ES5正式发布后，你可以使用内建的forEach方法来遍历数组：myArray.forEach(function (va

2017-06-30 11:16:34 345

转载深入浅出ES6（一）：ES6是什么

编者按：ECMAScript 6离我们越来越近了，作为它最重要的方言，Javascript也即将迎来语法上的重大变革，InfoQ特开设“深入浅出ES6”专栏，来看一下ES6将给我们带来哪些新内容。本专栏文章来自Mozilla Web开发者博客，由作者授权翻译并发布。欢迎来到ES6深入浅出！JavaScript的新版本离我们越来越近，我们将通过每周一节的系列课程一起探索ECMAScrip

2017-06-30 11:14:33 457

转载 ES6 新特性范例大全

小编推荐：掘金是一个高质量的技术社区，从 ECMAScript 6 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP，技术干货尽在掌握..ECMAScript6（ECMAScript 2015 ，ES5，ES2016）技术已经在前端圈子很流行了，他给前端开发人员带来了很多惊喜，提供的语法糖使复杂的操作变得简单。

2017-06-30 10:05:47 375

转载 CSS预处理器——Sass、LESS和Stylus实践【未删减版】著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。原文: http://www.w3cplus.com/css/

编辑推荐：掘金是一个高质量的技术社区，从 CSS 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。点击链接查看最新前端内容，或到各大应用市场搜索「掘金」下载APP，技术干货尽在掌握中。CSS(Cascading Style Sheet)被译为级联样式表，做为一名前端从业人员来说，这个专业名词并不陌生，在行业中通常称之为“风格样

2017-06-28 14:21:53 2270

转载 es6 新增的map和foreach

ES5中新增的Array方法详细说明引用地址：http://www.zhangxinxu.com/wordpress/?p=3220一、前言-索引ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法，如下：forEach (js v1.6)map (js v1

2017-06-28 12:01:36 39281

转载 ES6---es6中函数function的改革

ES5中新增的Array方法详细说明引用地址：http://www.zhangxinxu.com/wordpress/?p=3220一、前言-索引ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法，如下：forEach (js v1.6)map (js v1

2017-06-28 11:57:42 2407

转载 Javascript模块化编程（三）：require.js的用法

作者：阮一峰日期： 2012年11月 7日这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文

2017-06-26 08:55:43 428

转载 Javascript模块化编程（二）：AMD规范

作者：阮一峰日期： 2012年10月30日这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。（接上文）七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你

2017-06-26 08:54:46 220

转载 Javascript模块化编程（一）：模块的写法

作者：阮一峰日期： 2012年10月26日随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现

2017-06-26 08:53:45 239

转载前端学习总结（二十三）——前端框架天下三分：Angular React 和 Vue的比较

前端这几年的技术发展很快，细分下来，主要可以分成四个方面：1.开发语言技术，主要是ES6&7，coffeescript，typescript等； 2.开发框架，如Angular，React,Vue.js，Angular2等； 3.开发工具的丰富和前端工程化，像Grunt，Gulp，Webpack，npm，eslint，mocha这些技术； 4.前端开发范围的扩展，如服务端的no

2017-06-23 13:39:15 507

空空如也

空空如也