多图片展开收缩实例

运用运动框架进行多图片展开收缩的实例展示 在展示时未插入图片用ul li 来代替 <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>多图片的展开收缩</title> <style type=”text/css”> body { […]


基于 jQuery 的页脚实现

目标:实现页面页脚效果,即页脚部分在页面内容较少(没有占满全部屏幕)的时候可以处于页面最底部,当页面内容较多的时候则处于正常布局位置。 1. 思路 1. 首先我们得到页脚元素 var $footer = $(‘#footer’); 2. 计算与页脚元素紧邻的上一元素的底端位置 我们计算上一元素的底端位置,并将该值与页脚元素的高度相加,如果这一加和值大于浏览器高度,那么该页脚元素可以处于正常布局位置 […]


地图问题:中心点左上角等

在最近的项目遇到一问题,不管是在leaflet.js中引用google地图还是引用百度地图总会遇到相同的一个问题,经过不断尝试与找资料最后终于解决了。当地图区域刚开始为display:none,时,地图的中心点会往其他地方偏移,造成地图不能完全在目标区域显示,经过不断地发掘最后得出如下结论: **Root Cause:当地图区域刚开始为display:none;时,地图默认的中心点为可视区域的中心 […]


垃圾回收机制——总结自《JavaScript高级程序设计》

垃圾收集(garbage collection) 在编写 JavaScript 程序时,开发人员不用再关心内存使用问题,所需内存的分配以及无用内存的回收完全实现了自动管理。这种垃圾收集机制的原理其实很简单:找出那些不再继续使用的变量,然后释放其占用的内存。为此,垃圾收集器会按照固定的时间间隔(或代码执行中预定的收集时间),周期性地执行这一操作。 垃圾收集器必须跟踪哪个变量有用哪个变量没用,对于不再 […]


自己动手撸个简易模板引擎(50行左右)

写在前面 模板的诞生是为了将显示与数据分离,模板技术多种多样,但其本质是将模板文件和数据通过模板引擎生成最终的HTML代码。目前有着很多这种模板引擎,诸如Node的ejs,jade,PHP的Smarty。当然在用过这么多的模板引擎后,也有着自己实现一个简易模板引擎的冲动。于是今天就实现了一个简单的模板引擎,这个模板引擎非常简单,并不会涉及到语法分析,词法分析等编译原理相关知识,做的仅仅是将模板的j […]


JS六种排序算法

// 冒泡排序// 循环的最大值从length递减// 基本就是每次循环只能排好最后一个 然后递减到第一个 function bubbleSort(){ var changedData = new Array(); var index = 0; console.log(“冒泡调用”); for (var j = a.length; j >0 ; j–) { for (var i = 0; […]


vue手札 — vue-router的简单流程

因为路由权限问题,简单的看了一下vue-router。整理了一下router的一个简单过程 beforeEach -> canReuse -> canDeactivate -> canActivate -> deactivate -> afterEach -> activate 其中canDeactivate | canActivate | deactivate […]


微信小程序开发实战——使用第三方库Underscore.js

Underscore.js 是一个 JavaScript 工具库,它提供了一整套函数式编程的实用功能,但是没有扩展任何 JavaScript 内置对象。Underscore 提供了100多个函数,包括常用的:map、filter、invoke — 当然还有更多专业的辅助函数,如:函数绑定、JavaScript 模板功能、创建快速索引、强类型相等测试等等。 微信小程序无法直接使用require( & […]


实现仿简书选取内容生成分享图片效果

前几天脑子里忽然闪过简书的图片分享效果,感觉很简洁也很漂亮,想着能不能用自己方式实现一下呢,于是今天就有了这篇文章。好了,先看下效果图吧: 项目地址: https://github.com/zhangke301… 欢迎star、issues~ 实现这个效果,首先要弄明白几个问题: 一、如何获取选取的网页内容二、获取的网页内容如何加载显示 一、如何获取选取的网页内容 获取选取的网页内容, […]


DOM事件流与事件委托

事件流与事件委托 事件,即文档或浏览器中发生的一些特定交互的瞬间,我们可以利用事件监听来预定事件,当事件发生的时候执行相应的处理程序。当事件发生在某个DOM节点上时,事件在DOM结构中进行一级一级的传递,这便形成了“流”,事件流便描述了从页面中接收事件的顺序。本文主要讨论事件流的三个阶段,及利用事件委托机制进行性能优化。 DOM事件流 关于事件流的理解,《JS高程三》中有个形象的比喻: 可以想象画 […]