![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML / CSS
文章平均质量分 76
xiao_shutong
这个作者很懒,什么都没留下…
展开
-
vue 双向数据绑定功能实现
本文将仿写一个 vue 双向数据绑定的实例。原理 vue 的双向数据绑定原理,主要是通过Object对象的 defineProperty属性,重写data 的set和get函数实现。本文将简要实现v-model, v-bind, v-click三个 命令。原理如图:实现页面结构如下:<div id="app"> <form> <input type="...原创 2018-04-19 16:48:40 · 319 阅读 · 0 评论 -
input输入框内容变化实时监听
js实现的文本框内容发生改变立马触发事件简单介绍:本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydown或者keyup事件一样,只能够检测通过键盘输入导致内容的变化, 下面就通过代码实例做一下简单介绍。一.相关知识准备:1.onchange事件:此事件会在元素内容发生改变,且失去焦点的时候触发。浏览器支持度较好。2.onpropertychange...原创 2017-08-13 16:25:58 · 67013 阅读 · 0 评论 -
Web 的现状 :网页性能提升指南
技术人员经常会发现自己处于特权状态。随着最新的高端笔记本电脑、手机和快速有线互联网连接 ,很容易让我们忘记 ,这些并不是每个人都有的条件 (实际上 ,真的很少 )。 如果我们从特权和缺乏同情的角度来构建网络平台 ,那么将导致排他性的糟糕体验。 考虑到设计和开发的性能 ,我们怎样才能做得更好 ? 1. 优化所有资源理解浏览器如何分析和处理资源 ,是显著提高性能的最强大但未充分利用...翻译 2018-05-11 12:03:00 · 722 阅读 · 0 评论 -
前端常用代码片段
一、预加载图像如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。$.preloadImages = function () { for (var i = 0; i < arguments.length; i++) { $('<img>').attr('src', arguments[i]); }}...原创 2018-05-23 20:13:20 · 193 阅读 · 0 评论 -
Web技术应用规范(草案)
第一章 总则第一条 目的前端开发是一系列工具和流程的集合,本规范旨在提升前端代码的质量,对前端开发进行全方位指导,统一编码规范、提高可读性、降低维护成本,以实现高效、可持续的工作流。第二条 范围本标准适用于所有的Web应用及App开发。第二章 开发规范第三条 一般规范应用在HTML、CSS、JavaScript等的通用规则。3.1 通用规范3...原创 2018-08-27 11:41:33 · 1380 阅读 · 2 评论