baoaoba9317-优快云博客

转载微信小程序-自定义下拉刷新

最近给别个公司做技术支持，要实现微信小程序上拉刷新与下拉加载更多微信给出的接口不怎么友好，最终想实现效果类似QQ手机版，一共3种下拉刷新状态变化，文字+图片+背景颜色最终实现后的效果(这里提示有个不同点就是，自定义了导航条，并且下拉的时候，自定义导航条必须固定）小程序实现下拉加载2种方式：1. 简单粗暴，直接开启enablePullDown...

2018-11-19 14:52:00 1177

转载 Vue2源码分析-逻辑梳理

很久之前就看完vue1，但是太懒就一直没写博客，这次看Vue2打算抽下懒筋先把自己看过了记录下来，否则等全部看完，估计又没下文了看源码总需要抱着一个目的，否则就很难坚持下去，我并没做过vue的项目，我几乎很少会依赖大型的框架，一个是跟平台有关系，另一方面因为我觉得是对自己能力的束缚，而我更渴望的就是通过阅读别人的源码，吸收别人的思路，取之精华去之糟粕，从而改造自己的项目。当然，这是在...

2017-08-03 14:53:00 303

转载详细解剖大型H5单页面应用的核心技术点

阐述下项目 Xut.js开发中一个比较核心的优化技术点，这是一套平台代码，并非某一个插件功能或者框架可以直接拿来使用，核心代码大概是6万行左右(不包含任何插件) 。这也并非一个开源项目，不能商业使用，只是为了作者开发方便同步修改代码而上传的源码描述下，项目提出的概念“无需程序员编程”可批量制作app应用。分２大块，１块是客户端(PPT)，默认扩展插件提供用户编辑的界...

2017-05-04 08:57:00 532

转载前端实现网络小说阅读器

昨天晚上在群里交流各种脑动大开的题目，我顺手也提了一个问题： JS如何做“字符分页“原意是源于我4年前公司项目，我负责开发1年的样子，后来各种原因就没有然后了…http://reader.appcarrier.com/以上图片是手机上的截图，Metro风格当前可是风靡一时，软件本身是类似现在的”追书神器”通过书名，在网络上搜索到对应的内容，之后保存到本地数据库...

2016-03-22 09:54:00 1516

转载 pixi.js webgl库

分析pixi源码，刚搭建环境gulp+webpack，目前正在看。。。https://github.com/JsAaron/webgl-demo转载于:https://www.cnblogs.com/aaronjs/p/5228957.html

2016-02-29 21:18:00 183

转载安卓与IOS移动段浏览器视频与音频的问题与总结

1. 安卓、苹果移动浏览器上都不支持html5的视频与音频自动播放 2. 安卓、苹果移动浏览器要支持播放，前提是必须是用户触发的事件 3. 针对这个特殊的问题，代码需要在用户进来第一次屏幕触发中，去创建一个的隐藏的video.audio的对象，后续播放视频音频必须用这个用户触发的对象替换 4. 这里就带来几个问题 A. 进入应用，用户没有操作，视频音频无法播放 ...

2016-01-27 15:56:00 184

转载关于SVG的viewBox

在SVG中,通过svg标记的 width和height可以规定这段SVG代码所表达的数据在绘制时所占用的空间大小如下代码svg设置了宽度与高度，rect同样，所以结果自然是全屏 <svg width="200" height="150" style="border:1px solid #cd0000;"> <rect width="200" hei...

2015-11-11 15:46:00 216

转载开发node桌面级应用工具：apk转化epub

随着苹果ibooks对国内的开放，最近接了个麻烦的需求：把现有的APK转化支持苹果ibooks电子书的epub格式 apk，基本都知道就是安卓的应用程序 epub，是ibooks支持的电子书格式 (xhtml组成的静态多页面) 这apk与epub两个完全不是一个世界的东西，怎么能关联并转化？因为我司产出的APK应用是通过phonegap打包的SPA应...

2015-10-27 08:58:00 191

转载移动端HTML5音频与视频问题及解决方案

最近在研究用视频代替动画，用视频代替精灵动画，我们称这种视频叫做交互视频。传统的精灵动画：磁盘空间大，下载慢，尤其是在线播放，会更慢文件太多，在线播放的时候，太多http请求，会导致响应慢，或者行为失常因此，急需开发了一套技术，用视频代替精灵动画。我们称这种视频叫做交互视频传统视频的问题：传统视频，只能在方块形的区域中播放传统的视...

2015-09-16 09:24:00 435

转载 git did not exit cleanly

exit code 11、鼠标右键 -> TortoiseGit -> Settings -> Network2、SSH client was pointing to C:\Program Files\TortoiseGit\bin\TortoisePlink.exe3、Changed path to C:\Program Files (x86)...

2015-09-03 22:35:00 179

转载移动端事件对象touches的误区

不想长篇大论，也是自己遗留下的一个错误的理解在移动端触屏事件有四个// 手势事件touchstart //当手指接触屏幕时触发touchmove //当已经接触屏幕的手指开始移动后触发touchend //当手指离开屏幕时触发当然还有个touchcancel事件，但是我测试后，并没发现有什么卵用每个触摸事件对象中都包括了touches这个属...

2015-09-02 11:40:00 207

转载 mongoose - 让node.js高效操作mongodb

Mongoose库简而言之就是在node环境中操作MongoDB数据库的一种便捷的封装，一种对象模型工具，类似ORM，Mongoose将数据库中的数据转换为JavaScript对象以供你在应用中使用。当然要使用的话，必须要先安装好环境Node.js与MongoDB =》 MongoDB安装MongoDB是目前最流行的noSQL数据库之一，它是专为node.js而开发的，理解下与我...

2015-05-09 16:36:00 446

转载 MongoDB安装与故障

下载完毕后 bin为官方代码 data为自行创建的文件夹 db存在数据 log存在日志启动MongoDB 通过cmd到db的文件目录通过mongod.exe代码执行data下的log文件与data下的db路径，数据就存放到db文件夹下面测试下成功启动但是这样很麻烦，每次都要通过命名，我们可以做成一个服务...

2015-04-21 21:22:00 104

转载 npm的package.json中文文档

http://mujiang.info/translation/npmjs/files/package.json.htmlhttps://github.com/ericdum/mujiang.info/issues/6/转载于:https://www.cnblogs.com/aaronjs/p/4440662.html

2015-04-20 09:31:00 139

转载 Bower : ENOGIT git is not installed or not in the PATH

解决方法一：添加git到window的环境变量中。设置path路径为C:\Program Files\Git\bin解决方法二：$ set PATH=%PATH%;C:\Program Files\Git\bin转载于:https://www.cnblogs.com/aaronjs/p/4422010.html...

2015-04-13 13:51:00 146

转载解决adb.exe' and can be executed.

百度google大家多说的是任务管理器 kill掉adb 或者重启adb server，但我任务管理器就没有adb ,猜测是某个程序占用了adb端口。于是按此思路查找。5037为adb默认端口查看该端口情况如下： netstat -aon|findstr "5037"发现6540占用了 5037端口，继续查看21096的task，...

2015-03-31 16:46:00 179

转载 Git命令

添加所有的文件到索引git add .向本地源码库提交，会打开默认vi编辑器写 “注释”git commit添加远程目标为origingit remote add origin git@github.com:viprs/Hello-World.git把本地源码库push到Github上git push origin master...

2015-03-29 11:38:00 100

转载收集的React.JS资料

主页 http://facebook.github.io/react/ https://github.com/facebook/react 中文站 http://www.reactjs.cn/ https://github.com/reactjs-cn/react-docs http://react-china.org/ http://nav.react-china....

2015-03-12 22:26:00 118

转载谈谈UI架构设计的演化

转自：http://weibo.com/p/1001603808855434892996了解整个由来，受益匪浅在1979年，经典MVC模式被提出。在当时，人们一直试图将纯粹描述思维中的对象与跟计算机环境打交道的代码隔离开来，而Trygve Reenskaug在跟一些人的讨论中，逐渐剥离出一系列的概念，最初是Thing、Model、View、Editor。后来经过讨论定为Mod...

2015-02-11 11:16:00 122

转载 jQuery动画的实现

没有引入deferred机制，其余流程都有了//////////////创建动画缓动对象 //////////////function Tween(value, prop, animation) { this.elem = animation.elem; this.prop = prop; this.easing = "sw...

2015-02-11 10:27:00 86

转载动画requestAnimationFrame

前言在研究canvas的2D pixi.js库的时候，其动画的刷新都用requestAnimationFrame替代了setTimeout 或 setInterval但是jQuery中还是采用了setInterval，我这章就研究下顺便改造下jQuery的动画定时器jQuery动画的实现考虑到兼容与易用性采用了setInterval来不断绘制新的属性值，从而达到动画...

2015-02-10 11:25:00 152

转载 jQuery源码分析系列(40）: 动画设计

前言jQuery动画是通过animate这个API设置执行的，其内部也是按照每一个animate的划分封装了各自动画组的行为，包括数据过滤、缓动公式、一些动画默认参数的设置、元素状态的调整、事件的处理通知机制、执行等等换句话说，我们可以把animate看作一个对象，对象封装自己的一系列属性与方法。jQuery可以支持连续动画，那么animate与animate之间的切换就...

2015-02-09 09:06:00 125

转载 window下Nodejs的部署

nodejshttp://nodejs.org/#downloadnpmnode cli.js install npm -gf //可以安装最新版的NPMnode cli.js install npm@1.0.105 -gf //可以安装指定版本的NPMnpm remove express -g //删除expressupervisor...

2015-02-03 22:55:00 88

转载 canvas学习笔记一

为了研究pixi库，就顺带从头到位学习下canvas吧判断支持力度 var webgl = (function() { try { var canvas = document.createElement('canvas'); return !!window.WebGLRenderingContext && (can...

2015-02-02 16:45:00 96

转载 Hybrid App技术批量制作APP应用与跨平台解决方案

前言简单的聊一聊我开发了4年之久的Hybrid App(混合模式移动应用)平台开发，目前一直在持续开发与维护，支持无编程快速开发！其本意也不是要吹捧前端有多么强大，只是用自己的实际项目阐述下对于前端开发一个更深层次的见解PS：这不是单一的APP应用，这是一个可以快速批量制作app的一套跨平台解决方案因为我经常在家同步更新，所以在git上放了一份，并非开源，仅参考学习，请勿...

2015-01-28 10:53:00 339

转载鼠标mouse事件冒泡处理

简单的鼠标移动事件：进入mouseenter：不冒泡mouseover: 冒泡不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件移出mouseleave: 不冒泡mouseout：冒泡不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件...

2015-01-22 14:35:00 234

转载模拟image的ajaxPrefilter与ajaxTransport处理

////////////////////////////////////////////////////////////////// // options 是请求的选项 // // originalOptions 值作为提供给Ajax方法未经修改的选项，因此，没有a...

2015-01-21 18:38:00 155

转载数据结构与算法JavaScript (五) 串(经典KMP算法)

KMP算法和BM算法KMP是前缀匹配和BM后缀匹配的经典算法，看得出来前缀匹配和后缀匹配的区别就仅仅在于比较的顺序不同前缀匹配是指：模式串和母串的比较从左到右，模式串的移动也是从左到右后缀匹配是指：模式串和母串的的比较从右到左，模式串的移动从左到右。通过上一章显而易见BF算法也是属于前缀的算法，不过就非常霸蛮的逐个匹配的效率自然不用提了O(mn)，网上蛋疼的KMP是讲解...

2015-01-15 09:14:00 154

转载数据结构与算法JavaScript (四) 串(BF)

串是由零个或多个字符组成的有限序列，又叫做字符串串的逻辑结构和线性表很相似的，不同的是串针对是是字符集，所以在操作上与线性表还是有很大区别的。线性表更关注的是单个元素的操作CURD，串则是关注查找子串的位置，替换等操作。当然不同的高级语言对串的基本操作都有不同的定义方法，但是总的来说操作的本质都是相似的。比如javascrript查找就是indexOf, 去空白就是trim,转化...

2015-01-13 08:42:00 104

转载 MVVM模式下，ViewModel和View，Model有什么区别

摘自正美的5群Model：很简单，就是业务逻辑相关的数据对象，通常从数据库映射而来，我们可以说是与数据库对应的model。View：也很简单，就是展现出来的用户界面。基本上，绝大多数软件所做的工作无非就是从数据存储中读出数据，展现到用户界面上，然后从用户界面接收输入，写入到数据存储里面去。所以，对于数据存储（model）和界面（view）这两层，大家基本没什么异议。但是，如何...

2015-01-11 16:29:00 647

转载数据结构与算法JavaScript (三) 链表

我们可以看到在javascript概念中的队列与栈都是一种特殊的线性表的结构，也是一种比较简单的基于数组的顺序存储结构。由于javascript的解释器针对数组都做了直接的优化，不会存在在很多编程语言中数组固定长度的问题(当数组填满后再添加就比较困难了，包括添加删除，都是需要把数组中所有的元素全部都变换位置的，javascript的的数组确实直接给优化好了，如push,po...

2015-01-08 09:23:00 147

转载原创文章目录

开发开发node桌面级应用工具：apk转化epub 移动端HTML5音频与视频问题及解决方案 Hybrid App应用制作与跨平台解决方案移动端事件对象touches的误区 CSS3技术-雪碧图自适应缩放与精灵动画方案 web app开发利器 - iscroll4 解决方案移动web app开发必备 - zepto事件问题运用webkit绘制渲染页面原理解决isc...

2015-01-07 10:44:00 112

转载数据结构与算法JavaScript (二) 队列

队列是只允许在一端进行插入操作，另一个进行删除操作的线性表，队列是一种先进先出（First-In-First-Out，FIFO）的数据结构队列在程序程序设计中用的非常的频繁，因为javascript单线程，所以导致了任何一个时间段只能执行一个任务，而且还参杂了异步的机制，那么带来的问题：1. 在异步操作执行的时候，同步代码还在继续，那么同步代码依赖异步，自然就会出错2. ...

2015-01-06 10:47:00 74

转载数据结构与算法JavaScript (一) 栈

序数据结构与算法JavaScript这本书算是讲解得比较浅显的，优点就是用javascript语言把常用的数据结构给描述了下，书中很多例子来源于常见的一些面试题目，算是与时俱进，业余看了下就顺便记录下来吧 git代码下载：https://github.com/JsAaron/data_structure.git 栈结构特殊的列表，栈内的元素只能通过列表的一端访问，栈顶 ...

2015-01-04 10:09:00 99

转载 2014总结

过去的一年：公司项目屈居稳定jQuery源码分析系列完结慕课网jQuery源码分析完结2015年的目标：看10本书以上写一本jQuery源码与实践结合的书籍写一个MVVM的基础框架博友们共勉吧！转载于:https://www.cnblogs.com/aaronjs/p/4196510.html...

2014-12-31 20:50:00 78

转载模拟jsonp的实现

function prescript(s) { if (s.cache === undefined) { s.cache = false; } if (s.crossDomain) { s.type = "GET"; } } fun...

2014-12-17 15:39:00 145

转载模拟ajax的 script请求

/** * 模拟ajax的 script请求 * @param {[type]} options [description] * @return {[type]} [description] */ function createAjax(options) { if (typeof ur...

2014-12-16 15:35:00 171

转载四种常见的 POST 提交数据方式

HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，本文主要讨论 POST 提交数据的几种方式。我们知道，HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、...

2014-12-15 15:52:00 204

转载 jQuery尺寸算法

我们默认都统一是采用offsetWidth或者offsetHeight取值了，但我们知道关于这2个尺寸的算法是这样的： offsetWidth = border-left-width + padding-left + width + padding-right + border-right-width; offsetHeight = border-top-width + ...

2014-12-10 15:41:00 112

转载元素尺寸的获取

scrollWidth、clientWidth、offsetWidth区别 scrollWidth是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度） clientWidth是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变 offsetWidth是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变。有三种方法能...

2014-12-10 13:29:00 88

空空如也

空空如也