vue2.0 企业级项目-基础架构配置(附Demo源码)
一、项目架构树 .\ ├─ src\ │    ├─ App.vue                     —— 项目根组件\ │    ├─ main.js                    …
使用 CSS 实现:任意高度的元素展开/收起动画技术
Demo 演示 代码实现 HTML <button>展开/收起</button> <div class="box">我是内容我是内容我是内容我是…
使用 CSS 实现:三道杠和双层圆点图形效果(单元素实现)
Demo 演示 代码实现 HTML <!-- 三道杠 --> <div class="icon-menu"></div> <!-- 双层圆…
使用 CSS 实现:加载中…(动画)
Demo 演示 代码实现 HTML <span>加载中<dot>...</dot></span> CSS body { font-size: 80px;…
微信小程序 canvas 2D 实现手写签名(附源码)
1. 功能描述 使用新版 Canvas 2D 实现微信小程序手写签名功能。(文末附有源码地址) 2. Demo 演示 3. 关键点分析 使用新版 canvas 2D 实现,微信小程序官方文档只提供旧版…
JavaScript 原型(深度解析)
一、原型概念图 二、原型相关的几个属性 在介绍原型之前,我们先要了解几个属性: 1.1 显示原型属性 prototype prototype 属性是一个显示原型属性,只有函数才拥有该属性。基本上所有函…
JavaScript 强制类型转换
将值从一种类型转换为另一种类型通常称为类型转换,这是显示的情况;隐式的情况称为强制类型转换。 我们可以这样来区分:类型转换发生在静态类型语言的编译阶段,而强制类型转换则发生在动态类型语言的运行时。然而…
JavaScript 值和类型
一、类型 大多数开发者认为,像 JavaScript 这样的动态语言是没有类型(type)的。 我们这样来定义“类型”:对语言引擎和开发人员来说,类型是值的内部特征,它定义了值的行为,以使其区别于其他…
获取DOM元素的尺寸大小和位置
前言 项目开发中经常需要用到元素大小、网页宽高、视口宽高等等距离,本文总结了获取 DOM 元素的尺寸大小和位置的方法。 一、DOM 元素基类 HTML 元素尺寸大小及位置相关的属性,继承自相关的两个基…
requestAnimationFrame用法
在 Web 应用中,实现动画效果的方法比较多,JavaScript 中可以通过定时器 setTimeout 来实现,CSS3 可以使用 transition 和 animation 来实现,HTML5…