01 2018 档案
摘要：jQuery五屏轮播手风琴切换代码 在线演示本地下载
阅读全文
摘要：jQuery中国各个省份地图分部代码 在线演示本地下载
阅读全文
摘要：在手机上通过网页 input 标签拍照上传图片，有一些手机会出现图片旋转了90度d的问题，包括 iPhone 和个别三星手机。这些手机竖着拍的时候才会出现这种问题，横拍出来的照片就正常显示。因此，可以通过获取手机拍照角度来对照片进行旋转，从而解决这个问题。 Orientation 这个参数并不是所有
阅读全文
摘要：作为一名前端工程师，写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具，但是在一代代大牛的前仆后继的努力下，渐渐的也摸索了一套组件的编写方式。 下面我们来谈谈，在现有的知识体系下，如何很好的写组件。 比如我们要实现这样一个组件，就是一个输入框里面字数的计数。这个应该是个很简单的需求
阅读全文
摘要：很久很久以前，我还是个phper，第一次接触javascript觉得好神奇。跟传统的oo类概念差别很大。记得刚毕业面试，如何在javascript里面实现class一直是很热门的面试题，当前面试百度就被问到了，当年作为一个小白只是网上随便搜搜应付了下。= =现在发现当时知道的还是太少太少。今天整理了
阅读全文
摘要：canvas可以实现不同动画效果，本文主要记录几种不同节日烟花效果实现。 实现一 效果地址 html css js 实现二 效果地址 html css js 实现三 效果地址 html css js var canvas = document.getElementById("cas"); var o
阅读全文
摘要：从 JavaScript 到 TypeScript TypeScript 并不是一个完全新的语言, 它是 JavaScript 的超集，为 JavaScript 的生态增加了类型机制，并最终将代码编译为纯粹的 JavaScript 代码。 TypeScript 简介 TypeScript 由 Mic
阅读全文
摘要：用户体验一直是前端开发需要考虑的重要部分，在数据请求时常见到锁屏的loading动画，而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代，以优化用户体验。 Skeleton Screen Skeleton Screen(骨架屏)就是在页面数据尚未加载前先给用户
阅读全文
摘要：MVVM 框架 近年来前端一个明显的开发趋势就是架构从传统的 MVC 模式向 MVVM 模式迁移。在传统的 MVC 下，当前前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体验。因此我们通过 Ajax 的方式和网关 REST API 作通讯，异步的刷新页面的某个区块，来优化和提升体验。
阅读全文
摘要：原文地址：Crooked Style Sheets 作者：jbtronics 除了使用 JS 追踪用户，现在有人提出了还可以使用 CSS 进行网页追踪和分析，译者认为，这种方式更为 优雅，更为 简洁，且 不好屏蔽，值得尝试一波，了解更多，可查看 仓库地址 和 demo 我们可以用它来做什么 我们可以
阅读全文
摘要：offset {Number} 0 noAssert {Boolean} 默认：false 返回：{Number} 从该 Buffer 指定的带有特定尾数格式（readInt32BE() 返回一个较大的尾数，readInt32LE() 返回一个较小的尾数）的 offset 位置开始读取一个有符号的3
阅读全文
摘要：offset {Number} 0 noAssert {Boolean} 默认：false 返回：{Number} 从该 Buffer 指定的带有特定尾数格式（readInt16BE() 返回一个较大的尾数，readInt16LE() 返回一个较小的尾数）的 offset 位置开始读取一个16位整数
阅读全文
摘要：offset {Number} 0 noAssert {Boolean} 默认：false 返回：{Number} 从该 Buffer 指定的 offset 位置开始读取一个有符号的8位整数值。 设置 noAssert 为 true ，将跳过对 offset 的验证。这将允许 offset 超出缓冲
阅读全文
摘要：offset {Number} 0 noAssert {Boolean} 默认：false 返回：{Number} 从该 Buffer 指定的带有特定尾数格式（readDoubleBE() 返回一个较大的尾数，readDoubleLE() 返回一个较小的尾数）的 offset 位置开始读取一个64位
阅读全文
摘要：webkit overflow scrolling介绍 auto： 普通滚动，当手指从触摸屏上移开，滚动立即停止 touch：滚动回弹效果，当手指从触摸屏上移开，内容会保持一段时间的滚动效果，继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。 兼容写法 如何使用
阅读全文
摘要：触发 beforeCreate 钩子函数 组件实例刚被创建,此时无法访问到 el 属性和 data 属性等.. beforeCreate(){ console.log( ) //undefined console.log( ) //undefined console.log( ) //undefin
阅读全文
摘要：JS网站图集相册特效是一款可以直接使用鼠标进行前后导航，也可以通过缩略图来切换图片。 在线演示本地下载
阅读全文
摘要：这篇文章主要是为了自己能快速翻找Git命令，不做具体介绍，想学习Git怎么用，请移步廖雪峰的《Git教程》。这篇教程浅显易懂，花个几小时就能懂，上手非常快的。 Git配置： 注意：git config命令的 global参数，表示你这台机器上所有的Git仓库都会使用这个配置 下面是一些非必需的配置，
阅读全文
摘要：JavaScript的对象 对象是JavaScript的一种数据类型。对象可以看成是属性的无序集合，每个属性都是一个键值对，属性名是字符串，因此可以把对象看成是从字符串到值的映射。这种数据结构在其他语言中称之为“散列(hash)”、“字典(dictionary)”、“关联数组(associative
阅读全文
摘要：前后端分离并不是什么新鲜事，到处都是前后端分离的实践。然而一些历史项目在从一体化 Web 设计转向前后端分离的架构时，仍然不可避免的会遇到各种各样的问题。由于层出不穷的问题，甚至会有团队质疑，一体化好好的，为什么要前后端分离？ 说到底，并不是前后分离不好，只是可能不适合，或者说……设计思维还没有转变
阅读全文
摘要：Ajax 和异步处理 调用 API 访问数据采用的 Ajax 方式，这是一个异步过程，异步过程最基本的处理方式是事件或回调，其实这两种处理方式实现原理差不多，都需要在调用异步过程的时候传入一个在异步过程结束的时候调用的接口。比如 jQuery Ajax 的 success 就是典型的回调参数。不过使
阅读全文
摘要：这段时间在做的东西，是北邮人论坛APP的注册页。这个注册页是内嵌的网页，因为打算安卓和IOS平台同时使用。因此实际上就是在做移动端的web开发了。 在这过程中遇到了不少有意思的东西。 DEMO的github地址在这里 内容提要： meta标签Vuejs的简单实战CSS移动端全屏背景CSS移动端动画初
阅读全文
摘要：最近在写fj service system的时候，遇到了一些问题。那就是我有些组件，比如Dialog、Message这样的组件，是引入三方组件库，比如element ui这样的，还是自己实现一个？虽然它们有按需引入的功能，但是整体风格和我的整个系统不搭。于是就可以考虑自己手动实现这些简单的组件了。
阅读全文
摘要：SVG剪裁路径和遮罩jQuery幻灯片是一款基于SVG clipPath和mask遮罩元素实现的网站动画幻灯片代码特效。 在线演示本地下载
阅读全文
摘要：SuperSlide 是致力于实现网站统一特效调用的函数，能解决大部分标签切换、焦点图切换等效果，还能多个slide组合创造更多的效果。（兼容ie内核(包括无敌的ie6)、webkit内核、ff、opera等主流浏览器）。 在线演示本地下载
阅读全文
摘要：纯CSS3文字Loading动画特效是一款个性的loading文字加载动画。 在线演示本地下载
阅读全文
摘要：这是一款超酷的CSS3动态背景动画特效，CSS3仿QQ浏览器官网彗星动画背景特效。 在线演示本地下载
阅读全文
摘要：腾讯新闻多图jQuery相册代码，带左右切换箭头，带缩略图，可左右切换，点击缩略图展示原图。 在线演示本地下载
阅读全文
摘要：jQuery轻量级全屏自适应焦点图插件poposlides 在线演示本地下载
阅读全文
摘要：图片文字滚动插件jQuery Scrollbox附件中提供了五种图片、文字滚动样式，只需调用jquery库和jQuery Scrollbox插件，然后再加一段简单的jquery代码即可使用，兼容性良好，冲突的概率比较低。 在线演示本地下载
阅读全文
摘要：这是一款基于原生js实现仿淘宝手机信息购买选项效果源码，界面整体效果仿照淘宝购物选项设计，点击不同选项还可实时显示不同的价格计算结果，界面简洁大方、美观实用。可兼容目前最新的各类主流浏览器。 在线演示本地下载
阅读全文
摘要：数组 arrayMax 返回数组中的最大值。 将Math.max()与扩展运算符 (...) 结合使用以获取数组中的最大值。 arrayMin 返回数组中的最小值。 将Math.min()与扩展运算符 (...) 结合使用以获取数组中的最小值。 chunk 将数组块划分为指定大小的较小数组。 使用A
阅读全文
摘要：tween.js 英文使用指南 首先来看个例子: hello,tween.js 补间(动画)（来自 in between）是一个概念，允许你以平滑的方式更改对象的属性。你只需告诉它哪些属性要更改，当补间结束运行时它们应该具有哪些最终值，以及这需要多长时间，补间引擎将负责计算从起始点到结束点的值。 例
阅读全文
摘要：Vue.js 2 vs Vue.js 3的实现 – 云栖社区 vue.js核心团队已经讨论过将在Vue3实现的变化。虽然API不会改变，但是数据响应机制（译者注：对数据改变的监听和通知）发生了变化。这意味着什么呢，同时它对你意味着什么呢？ Vue 2 实现 Vue.js 2 中是通过在 方法中定义的
阅读全文
摘要：React 16 服务端渲染的新特性 " " React 16 中关于服务端渲染的新特性 快速介绍React 16 服务端渲染的新特性，包括数组、性能、流等 React 16 终于来了！🎉🎉🎉 React 16 中有许多令人激动的新特性（最著名的是Fiber的重写），但是对我个人而言，最兴奋的
阅读全文
摘要：Javascript Proxy对象 简介 Javascript Proxy对象 改变你操作对象的方式 Proxies 是Javasript对象的中间件 ...或者说至少是那种很早的版本。 ES6 中引入Proxies，让你可以自定义 的基本操作。例如， 就是 的基础操作方法。 这里， 表达式在对象
阅读全文
摘要：最近参与了APP内嵌H5页面的开发，这次使用vuejs替代了jQuery，仅仅把vuejs当做一个库来使用，效率提高之外代码可读性更强，在此分享一下自己的一些开发中总结的经验。 关于布局方案 当拿到设计师给的UI设计图，前端的首要任务就是布局和样式，相信这对于大部分前端工程师来说已经不是什么难题了。
阅读全文
摘要：介绍 模块通常是指编程语言所提供的代码组织机制，利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分割、作用域隔离、模块之间的依赖管理以及发布到生产环境时的自动化打包与处理等多个方面。 模块的优点 1.可维护性。 因为模块是独立的，一个设计良好的模块会让外面的代码对自己的依赖越少
阅读全文
摘要：Three.js是一个很流行的3D JavaScript库。这里有一个three.js的入门教程，在浏览器窗口中画出星空。我按照教程重新实现了一遍，这里的这篇博客把教程大致翻译了一遍。我的demo。 变量 定义全局变量： 初始化three.js 为了使用three.js，我们需要在init()函数中
阅读全文
摘要：排序算法主要用在元素的数组排序，常见的排序算法有冒泡排序、选择排序、插入排序、希尔排序、快速排序、归并排序等。这些排序算法都可以用JavaScript实现。下面的排序算法都假设是从小到大进行排序，从大到小可以相应进行转化。 冒泡排序 冒泡排序的基本思想是从头遍历要排序的数组，比较相邻两个数，如果前面
阅读全文
摘要：文章太长，因为介绍了如何一步一步进化到最后接近完美的效果的，不想读的同学可以直接跳到最后一个大标题之后看代码、demo及原理就好，或者也可以直接看下面这个链接的源代码。 不过还是建议顺序读下去，因为后面的原理需要前面的内容做为铺垫，主要是在处理边角问题上。 先看下效果吧，要不然各位可能没动力读下去了
阅读全文
摘要：早上无意间进入一个网站，看到他们的LOGO效果略屌，如图： 刚开始以为是gif动画之类的，审查元素发现居然是用SVG + CSS3动画实现的，顿时激起了我的(hao)欲(qi)望(xin)，决定要一探究竟，查看代码之后，发现原理居然是如此简单：多个SVG描边动画使用不同的animation dela
阅读全文
摘要：本文写给有一定Promise使用经验的人，如果你还没有使用过Promise，这篇文章可能不适合你，建议先了解Promise的使用 Promise标准解读 1.只有一个then方法，没有catch，race，all等方法，甚至没有构造函数 Promise标准中仅指定了Promise对象的then方法的
阅读全文
摘要：在使用Promise处理一些复杂逻辑的过程中，我们有时候会想要在发生某种错误后就停止执行Promise链后面所有的代码。 然而Promise本身并没有提供这样的功能，一个操作，要么成功，要么失败，要么跳转到then里，要么跳转到catch里。 如果非要处理这种逻辑，一般的想法是抛出一个特殊的Erro
阅读全文
摘要：最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以
阅读全文
摘要：数组API API: Application Programming Interface,应用程序编程接口; js中对象提供的方法就叫做API； instanceof Array.isArray( ) toString( ) valueOf( ) 数组.join(参数) 数组元素的添加和删除 pus
阅读全文
摘要：前言 首先，先说明一下做这个系列的目的：其实主要源于博主希望熟练使用 canvas 的相关 api ，同时对小游戏的实现逻辑比较感兴趣，所以希望通过这一系列的小游戏来提升自身编程能力；关于 es6 语法，个人认为以后 es6 语法会越来越普及，所以算是提前熟悉语法使用技巧。小游戏的实现逻辑上可能并不
阅读全文
摘要：前言 Duang，Duang，Duang，博主又来分享插件了，这次是一个炫酷的网格折叠动画效果，其原理模拟纸板折叠过程的动画，页面使用了大量CSS3属性，具体效果请看演示页面（建议使用新版谷歌、火狐浏览器观看，对于ie9以下不支持CSS3属性的浏览器不兼容）。 博主个人建议：这个效果可以用于网站引导
阅读全文
摘要：最近用ofo小黄车App的时候，发现以前下方扫一扫变成了一个眼睛动的小黄人，觉得蛮有意思的，这里用HTML5仿一下效果。 ofo眼睛效果 效果分析 从效果中不难看出，是使用陀螺仪事件实现的。 这里先来看一下HTML5中陀螺仪事件的一些概念。 陀螺仪事件为deviceorientation，这里主要获
阅读全文
摘要：毛玻璃效果 ios里毛玻璃效果的使用非常多，本文介绍一个实现div毛玻璃背景的方法 CSS3 Filter CSS3的Filter主要用在图像的特效处理上，默认值为none，还有以下备选项： 1.grayscale灰度 2.sepia褐色
阅读全文
摘要：前言 这里分享一个博主写的省市区三级菜单联动插件 — jQuery Citys，此插件中所有省市区数据均为国家行政区划代码，保证数据真实可靠，插件可以根据默认地区代码或地区名称进行值的初始化操作。 线上演示地址：https://yangyunhe369.github.io/jQuery Citys
阅读全文
摘要：JavaScript中的数组创建 数组是一个包含了对象或原始类型的有序集合。很难想象一个不使用数组的程序会是什么样。 以下是几种操作数组的方式: 1. 初始化数组并设置初始值 2. 通过索引访问数组元素 3. 添加新元素 4. 删除现有元素 本文涵盖了数组的初始化以及设置初始值的操作。在JavaSc
阅读全文
摘要：无限滚动加载最佳实践 无限滚动（Infinite scrolling），有时候被称为无尽滚动（endless scrolling），这种技术允许用户在大量内容上滚动，眼中看不到结束的地方。这种技术很简单，就是页面往下滚动的时候保持刷新。 这项技术使用户在没有 打断 和 额外交互 的情况下滚动列表 —
阅读全文
摘要：Promise API 简介 译者注: 到处是回调函数,代码非常臃肿难看, Promise 主要用来解决这种编程方式, 将某些代码封装于内部。 Promise 直译为“承诺”，但一般直接称为 Promise; 代码的可读性非常重要,因为开发人员支出一般比计算机硬件的支出要大很多倍。 虽然同步代码更容
阅读全文
浙公网安备 33010602011771号