非假非空-CSDN博客

原创杂七杂八

JavaScript 骚操作JavaScript 开发人员需要知道的简写技巧手机端页面自适应解决方案—rem布局进阶版（附源码示例）BFC和 websocket后jQuery时代是时候和 jQuery 说拜拜了么？10分钟学会ES7+ES8 ，精读AsyncAwait25个最基本的JavaScript面试问题及答案

2017-10-24 21:55:05 452 1

原创 Vue.JS React 精彩文章汇总

JavaScript深入系列【干货】 JavaScript数组所有API全解密【干货】移动端：页面->手淘互动动效的探索 - IT大咖说 - 大咖干货，不再错过【扫盲】Jonathan Zhangsunshine小小倩关于 React Router 4 的一切anime.js 实战：实现一个 SVG 形变（

2017-10-24 21:54:24 822 2

原创 css3 中transition监听事件

<div class="box2">开始动画监听内可以触发其他的动画和业务事件<br />结束监听最有用，如当动画执行完后需要隐藏none这个标签<br />$(function(){//transitoin 只支持transitoinend事件 $(".box1").on('click',function(){$(this).tog

2017-11-28 23:44:36 2832

原创移动端踩坑之旅-ios下fixed、软键盘相关问题总结

最近一个项目掉进了移动端的大坑，包括ios下fixed布局，h5唤起键盘等问题，作为一个B端程序员，弱项就是浏览器的兼容性和移动端的适配(毕竟我们可以要求使用chrome)，还好这次让我学习了一下相关知识。让我们一起来看一下我怎么挣扎出这个大坑的。　　一、背景先看一下要做什么，也就是一个文章评论的版块，下面依次有输入框，点赞，收藏等。大概长下面这个样子：要求也很常规，吸底，输入

2017-11-27 23:22:40 1299

原创处理JavaScript异常的正确姿势

为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。如果你相信墨菲定律的话，任何事情如果会出问题，那么就一定会出问题。对于代码，即使我们有100%的自信没有问题，依然有可能出问题。在这篇文章，我们来研究如何处理JavaScript的错误。我会先介绍坏的处理方式、好的处理方式，最终介绍异步代码和Ajax。个人感觉，事件驱动的编程设计使得JavaScrip

2017-11-27 23:07:24 476

原创 js中的正则表达式

前言对于正则,著称火星文字,见名知意主要它晦涩难懂,一直以来,看到它总是怕怕的,在平时,也只是简单的用用,其主要是靠搜,还有就是厚着脸皮求助各路大神了,遇到稍复杂些的正则,便无从下手了,令人头疼,即使写完了,过几月在回头看时,发现又看不懂那些符号是什么意思了,终归结底,还是自己使用得太少,认识得太浅,正则是一个非常强大能完成搜索和替换的文本工具,本文为初学者学习笔记心得,适用小白,对于正则,我

2017-11-27 23:06:16 458

原创 vue实战中遇到的`坑`

vue实战中遇到的`坑`也可能是因为接触vue时间也不长，经常落入不知名的‘坑’中，对于我这个菜鸟来说，每次‘落坑’无疑是一场不小的灾难。前两天有个朋友在问我，在使用vue中有没有遇到一些很难解决的问题，一下我也只能说出一两个，正所谓‘光说不练，假把式’，所以索性就抽时间总结一下我在项目中遇到的vue的问题，也贴出了效果图片，这样看起来也比较清晰。有写的不对的地方，在您

2017-11-27 23:03:52 1910 1

原创 JS返回浏览器历史第一页

为什么会有这个需求：原生APP内嵌网页我没法关闭Android webview浏览器，IOS可以，安卓不可以是因为以前的版本没加这个功能。但是现在安卓不可以发版本，如果发版本又被老板叼一顿，说什么每次都要升级版本才能解决问题。我们做了一个网页支付，他是APP内嵌网页进行的。那肯定会有填写资料下一步下一步。现在的问题是到最后一步点击完成，网页直接控制关闭APP webview浏

2017-11-27 22:57:38 4560 1

原创 vue快速入门的三个小实例

1.前言用vue做项目也有一段时间了。但是关于vue入门基础的文章，我还没有写过，那么今天就写vue入门的三个小实例，这三个小实例是我刚接触vue的时候的练手作品，难度从很简单到简单，都是入门级的。希望能帮到大家更好的学习和了解vue，也是让自己能够复习一下vue。如果发现文章写得有什么不好，写错了，或者有什么建议！欢迎大家指点迷津！1.本篇文章使用的vue版本是2.4.2，可能会和新

2017-11-27 21:17:59 10797 5

原创基于webpack2.x的vue2.x的多页面站点

目录vue的多页面编写每个页面修改webpack.config.js开发环境访问页面build升级 vue的多页面依旧使用vue-cli来初始化我们的项目然后修改主要目录结构如下：├── build│ ├── build.js│ ├── check-versions.js│ ├── dev-client.js│ ├── d

2017-11-10 21:12:06 397

原创前端需要了解的 SSO 与 CAS 知识

不管是什么公司，只要产品数量大于一个，那么单点登录势必是绕不过去的一个问题。作为前端程序员，我们对其虽然接触不多，但适当的了解还是必要的。本文就来谈谈单点登录相关的问题。前置知识了解 SSO，最好具备以下知识。当然，如果不是特别熟，也不影响阅读。cookie及session浏览器同源策略及跨域了解登录系统的构成什么是 SSO 与 CAS?SSOS

2017-11-07 20:22:24 1452

原创 Vue 脱坑记 - 查漏补缺(汇总下我群里普遍询问的 xxx及给出不靠谱的解决方案)

前言发现群里有些问题的提问重复率太高了,每次都去回答,回答的贼烦.这里做一个大体的汇总,废话不多说,直接开始给出方案,不是手把手..若是连问题和解决都看不懂的..应该去补充下基础问题汇总Q:安装超时(install timeout)方案有这么些:cnpm : 国内对npm的镜像版本/*cnpm website: https://npm.taobao

2017-11-07 20:21:14 356

原创深入理解 JavaScript 对象和数组拷贝

前言本文要解决的问题：为什么会有深拷贝（deep clone）和浅拷贝（shallow clone）的存在理解 JavaScript 中深拷贝和浅拷贝的区别JavaScript 拷贝对象的注意事项JavaScript 拷贝对象和数组的实现方法部分代码可在这里找到：Github。如果发现错误，欢迎指出。一，理解问题原因所在JavaScript 中的数据类型可以分为两种：基本

2017-11-06 22:12:36 250

原创 vue面试题总汇

active-class是哪个组件的属性？vue-router模块的router-link组件。嵌套路由怎么定义？在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？因此我们需要在 VueRouter 的参数中使用 children 配置，这样就可以很好的实现路由嵌套。index.html，只有一个路由出口"app">

2017-11-06 22:01:31 20279

原创前端优化那点破事儿

前言前端的工作并不仅仅是实现「视觉&交互稿」，想要开发一个高性能易维护的「完美」站点并未易事，针对前端的性能优化贯穿着项目开发的始终，绝不是交互口中的「拖拽工人」！然而前端优化策略却是一件老生常谈的问题，百度一把大量的博文，曾拜读过张成文大大的《现代前端技术解析》，关于前端知识体系与架构思维的一本书，里面有一章讲到前端优化策略，前人总结的较为全面，自知能补充的内容也不多，索性添添简简做一个

2017-11-06 22:00:38 987

在移动端H5页面开发中，有时候会有一些数值输入方面的需求。如果需要让用户比较方便地输入小数、负数，最简单的方式是使用number类型的input框，输入时软键盘会切换为数字键盘方便输入（ios是带数字的全键盘，并允许1e5这类的表示方法）。但是在实际使用的时候会面临一个问题，当输入的内容不合法时，比如输入了1...2，此时input会设置自己的状态为invalid，并把value清空。我们可以在c

2017-11-01 21:54:27 2414 2

原创带你理解 JS 容易出错的坑和细节

执行环境（Execution context）var 和 let 的正确解释当执行 JS 代码时，会生成执行环境，只要代码不是写在函数中的，就是在全局执行环境中，函数中的代码会产生函数执行环境，只此两种执行环境。接下来让我们看一个老生常谈的例子，varb() // call bconsole.log(a) // undefinedvar a = 'Hello world'

2017-11-01 21:27:45 244

原创玩转 React

https://juejin.im/user/5878b5b8128fe10057e1bba6为什么是针对初级前端开发者经验丰富的程序员，学习新框架是不会看这种文章的。讲实话，最高效、最权威的还是官方文档。如果你觉得你是高级程序员，对新框架的理解力强，英文水平也还不错，那到此为止，这里：React官方文档所以，为了让我的输出对更多的人有所帮助，本系列的内容会讲得尽量浅显易懂，甚至有

2017-10-30 21:42:20 219 1

原创 weex里native主动发送事件到JS的方案实现

需求现在有很多页面需要在返回的时候刷新，比如从购物车跳转到详情页加购，再到购物车，这时候应该刷新页面；如果从订单列表页点击付款跳转后进行支付后，返回的时候刷新数据。viewappear 和 viewdisappear事件首先想到的是weex已经提供的绑定到根元素的viewappear 和 viewdisappear事件。使用方法是绑定到根元素上，自定义过component的同学在这里应

2017-10-30 21:36:10 2604 1

原创 JavaScript 开发人员需要知道的简写技巧

本文来源于多年的 JavaScript 编码技术经验，适合所有正在使用 JavaScript 编程的开发人员阅读。本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作。文章将分成初级篇和高级篇两部分，分别进行介绍。初级篇1. 三目运算符下面是一个很好的例子，将一个完整的 if 语句，简写为一行代码。const x = 20;let answer;

2017-10-30 21:23:08 296 1

原创 Vue组件踩坑与心得

事实上的确如此，产品需求总是千奇百怪。正如我公司现在的产品，引用的是elemen-ui的库，但是无法级联多选，下拉多选的展现形式不对，穿梭框无法上下移动等各种需求逼迫我们只能自己去写组件实现了。自己手写实现了两个组件之后，先写一篇记录一些坑和学会的新东西1、子组件不允许修改父组件数据之前在写angular的父子组件传递数据，子组件可以修改父组件传递进来的数据。不过在Vue中

2017-10-29 17:56:04 1624 1

原创用CSS让你的文字更有文艺范

透明文字，模糊文字，镂空文字，渐变文字，图片背景文字，用CSS让你的文字也有freestyle～前言我们做页面涉及字体的时候，最多就是换个color换个font-family，总是觉得没体现出你内心的文艺范，这时是不是抱怨CSS并没有给文字设置什么样式，抱怨是没用哒，我们自己动手，看看能不能“创造”出一些CSS字体样式呢～透明文字用rgba调整透明度

2017-10-28 21:48:55 899 1

原创 ES6 模块系统

在ES6之前，我们用自己的方式来在 JavaScript 中实现模块。很长一段时间以来，像 RequireJS、Angular 的依赖注入和 CommonJS 这样的系统，配合着一些有用的工具，比如 Browserify 和 Webpack，一直在解决我们的需求。然而，到了2015 年，一个标准的模块系统早就应该发布了。我们马上就会看到，你很快会注意到 ES6 模块受到了 CommonJS 的很大

2017-10-27 12:48:16 406 1

原创 (for..in)、Object.keys()和Object.getOwnPropertyNames(),for...of

Object.keys（obj），返回一个数组，数组里是该obj可被枚举的所有属性。请看示例：示例一： function Pasta(grain, width, shape) { this.grain = grain; this.width = width; this.shape = shape;

2017-10-26 22:14:15 1309 1

原创前端笔记

Promise的队列与setTimeout的队列有何关联？setTimeout(function(){console.log(4)},0);new Promise(function(resolve){ console.log(1) for( var i=0 ; i<10000 ; i++ ){ i==9999 && resolve() } con

2017-10-26 13:14:52 214

原创 axios的一些常见用法

axios 是一个在前端开发中是使用频率极高的库。它既能运行在浏览器中，又可在 Node.js 后端项目中使用。本文主要结合自己的开发项目，谈一下 axios 在浏览器中的一些常见用法。基本用法在项目开发中，可以通过 axios.create 创建一个实例，对该实例进行一些配置，便得到了一个专门用来与后端服务器进行通信的 ajax 函数。const instance = a

2017-10-25 22:24:30 10558

原创学习vuex

介绍（官方套路）什么是vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式（至于什么是状态管理模式我就不科普了）。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调

2017-10-25 22:20:18 306

原创 css让一个容器水平垂直居中

阅读目录方法一：position加margin方法二： diaplay:table-cell方法三：position加 transform方法四：flex;align-items: center;justify-content: center方法五：display:flex;margin:auto方法六：纯position方法七：兼容低版本浏览器，不固定宽高总结这种css布

2017-10-25 22:15:06 278

原创从Vue.js源码看异步更新DOM策略及nextTick

写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址：github.com/answershuto…。在学习过程中，为Vue加上了中文的注释github.com/answershuto…，希望可以对其他想学习Vue源码的小伙伴有所帮助。可能会有理解存在偏差的地方，欢迎提issue指

2017-10-25 21:28:07 205

原创自己动手搞一个拖动滑块，点击水波纹效果

html lang="en"> head> meta charset="UTF-8" /> meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> title>D

2017-10-24 23:05:59 514

原创 javascript 原生常用api 数组方法大全

html> head> meta charset="UTF-8"> title>title> script type="text/javascript"> var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10 ]; var newArr

2017-10-24 23:05:15 736

原创前端大杂烩

在vue项目中如何定义全局变量全局函数15 个有趣的 JavaScript 与 CSS 库基于 Nuxt 的 Vue.js 服务端渲染实践使用 Skeleton Screen 提升用户感知体验【5星级】

2017-10-24 21:58:01 174

原创 setTimeout的this指向：学习apply、call、bind

html> head> meta charset="UTF-8"> title>title> script type="text/javascript"> var name = "李四"; function Coder(name) { this.name

2017-10-23 22:34:39 258

原创手写一个bind

写在最前最近开始重新学习一波js，框架用久了有些时候觉得这样子应该可以实现发现就真的实现了，但是为什么这么写好像又说不太清楚，之前读了LucasHC以及冴羽的两篇关于bind的文章感觉自己好像基础知识都还给体育老师了哈哈哈，所以危机感爆棚，赶紧重头复习一遍。本次主要围绕bind是什么；做了什么；自己怎么实现一个bind，这三个部分。其中会包含一些细节代码的探究，往下看就知道。所以b

2017-10-23 22:33:45 3777

原创 JavaScript 之 call和apply，bind 的模拟实现

call一句话介绍 call：call() 方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法。举个例子：var foo = { value: 1};function bar() { console.log(this.value);}bar.call(foo); // 1注意两点：ca

2017-10-23 22:32:45 2720 2

原创深入理解React 高阶组件

React 中的五种组件形式目前的前端开发主流技术都已经往组件化方向发展了，而每学一种新的框架的时候，最基础的部分一定是学习其组件的编写方式。这就好像学习一门新的编程语言的时候，总是要从hello world开始一样。而在React中，我们常用的组件编写方式又有哪些呢？或者说各种不同的组件又可以分为几类呢？无状态组件无状态组件(Stateless Component)是最基础的组件

2017-10-23 22:29:20 2459

原创 VueJS-组件通信

前端在处理交互时，经常会遇到一个问题:组件之间如何通信？下面介绍几种常用的组件通信方式,包括父子组件，兄弟组件，复杂组件下的不同通信方式现代通信方式: FLUX VUEXFLUX将一个应用分成四个部分:文档View：视图层Action（动作）：视图层发出的消息（比如mouseClick）Dispatcher（派发器）：用来接收Actions、执行回调函数Store

2017-10-23 22:25:34 966

原创正则表达式

正则表达式前端使用手册什么是正则表达式呢？正则表达式(regular expression)描述了一种字符串匹配的模式，可以用来检查一个字符串是否含有某种子串、将匹配的子串做替换或者从某个字符串中取出符合某个条件的子串等。说白了正则表达式就是处理字符串的,我们可以用它来处理一些复杂的字符串。为什么要学习正则表达式我们直接用一个例子来说明

2017-10-23 22:07:10 927

原创 Vue.js 组件间通信的几种姿势

写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址：github.com/answershuto…。在学习过程中，为Vue加上了中文的注释github.com/answershuto…，希望可以对其他想学习Vue源码的小伙伴有所帮助。可能会有理解存在偏差的地方，欢迎提issue指

2017-10-23 21:56:37 2772 2

原创移动端 Web 页 input 控制软键盘

从交互层面上来讲，完成一个功能（获得想要的信息）的过程称之为用户路径。用户路径越长，完成功能的复杂度就越高，用户体验也就越差。因此当打开一个需要用户填写信息的表单界面时，为了提高可用性，PC 端一般会将光标聚焦到对应输入框（input），移动端也是同理，让对应的 input 获得 focus 状态，唤起软键盘，方便用户直接输入。本文暂且不论 PC 端的场景，在移动端（iOS、Android）实

2017-10-23 21:42:32 2833

空空如也

空空如也