实现表格第一列固定

背景 (1) 需求 固定表格的第一列,其余列可以左右滑动。这样的需求往往出现在移动端的表格显示。 (2) 难点 这个功能的难点在于:如果把第一列从表格中抽出,行无法对齐。 (3) 已有解决方案 网上有很多解决方案: 固定表格高度,只能显示一列。将第一列抽出固定在最左。 ...

2018-05-21 11:51:30

阅读数:6

评论数:0

WAI-ARIA 无障碍Web规范(屏幕阅读)

无障碍设计 无障碍设计是指产品, 设备, 服务, 或者环境是为残疾人士设计的。无障碍设计的概念意味着与一个人的辅助技术(例如, 电脑屏幕阅读器)相兼容, 确保直接访问(即独立)和”间接访问”。 无障碍设计可以理解为 “能够访问”, 并对一个系统或实体是有利的, 其侧重于使身体残障, 或有特殊需...

2018-05-21 10:52:20

阅读数:2

评论数:0

客户端存储——cookie和Web Storage(localStorage及sessionStorage)

前言 1. 客户端存储的意义 2. 存储安全 Web Storage (1) 方法属性 [1] 写入 [2] 获取值 [3] 删除 [4] 清除 [5] 获取key [6] 获取长度 (2) 存入JSON cookie (1) cookie的存取 [1] 创建 [2] 获取 (...

2018-05-18 18:13:03

阅读数:7

评论数:0

使用image-set()解决Retina屏图片显示问题

1. 前言 (1) 关于Retina [1] 概念 所谓“Retina”是一种显示标准,是把更多的像素点压缩至一块屏幕里,从而达到更高的分辨率并提高屏幕显示的细腻程度。由摩托罗拉公司研发。最初该技术是用于Moto Aura上。 这种分辨率在正常观看距离下足以使人肉眼无法分辨其中的单独像素。...

2018-05-16 18:31:32

阅读数:8

评论数:0

Angular中使用me-lazyload实现图片懒加载

1. 懒加载概述 实现原理:先将img标签中的src链接设为同一张图片或者空白图片,将其真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时,将自定义属性中的地址写到src属性中,达到懒加载的效果。 目的:提高首屏速度。 2. me-lazyload (...

2018-05-10 18:39:54

阅读数:11

评论数:0

邮箱验证正则表达式

2018-05-10 13:36:32

阅读数:15

评论数:0

AngularJS 1.5学习

官方文档: https://code.angularjs.org/1.5.0/docs/guide 官方教程: https://code.angularjs.org/1.5.0/docs/tutorial 中文教程: http://wiki.jikexueyuan.com/project...

2018-04-03 19:11:30

阅读数:15

评论数:0

《AngularJS权威教程》笔记(8-10)——指令简介、内置指令、指令详解

1. 指令简介 (1) 指令:自定义HTML元素和属性 [1] HTML引导 [2] 我们的第一个指令 [3] 创建合法指令 [4] 表达式 (2) 向指令中传递数据 [1] 传递数据 [2] 动态传递 2. 内置指令 (1) 基础ng属性指令 [1] 布尔属性 1) ng-dis...

2018-03-23 18:07:12

阅读数:30

评论数:0

CSS去除原生select箭头

去除原生select的默认样式,去掉箭头。 select{ border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand ...

2018-03-20 16:29:44

阅读数:34

评论数:0

《AngularJS权威教程》笔记(6-7)——表达式、过滤器

1. 表达式 (1) 解析AngularJS表达式——$parse (2) 插值字符串——$interpolate 2. 过滤器 (1)简介及用法 [1] HTML形式过滤器 [2] JS中的过滤器 (2) 内置过滤器 [1] currency [2] date 1) 显示方式 2) ...

2018-03-19 15:20:05

阅读数:28

评论数:0

《AngularJS权威教程》笔记(3-5)——模块、作用域、控制器

在几年前,曾经写过一篇笔记(1-2),当时AngularJS是最流行的框架之一。但是由于并没有项目实践,就没有再继续下去。之后,使用了Vue.js,写的很顺手。AngularJS的语法和Vue.js很相似。 实践证明,欠下的,永远要补回来。我即将开始的项目,是一个老工程,用的正是AngularJ...

2018-03-16 11:25:10

阅读数:29

评论数:0

H5横竖屏等判断和处理

(1) 是否是手机端 function isMobile(){ return /Mobile/i.test(navigator.userAgent); } (2) 横竖屏判断 userOrientation(); window.addEventListener(&quot...

2018-02-26 18:27:28

阅读数:80

评论数:0

移动端兼容性问题解决方案

1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的, 2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好...

2018-02-23 18:35:32

阅读数:125

评论数:0

H5背景音乐解决方案

前言 背景音乐播放 1 自动播放 1 微信问题 2 Safari问题 3 解决方案代码 2 点击播放 离开页面关闭音乐 缓存状态 1 客户端存储数据方法 2 示例 完整解决方案代码 1. 前言 很多H5的项目会用到背景音乐,虽然是很小的一个模块,但是有不少的坑。本文总...

2018-02-22 15:04:59

阅读数:607

评论数:0

浅谈Audio

资料 1 HTML 5 audio 标签 2 HTML5 音频标准 3 HTML5 视频和音频的 DOM 参考手册 音频标准 创建Audio 1 audio 标签 2 JS生成Audio元素 1 documentcreateElement 2 new Audio 操作Audio...

2018-02-12 16:16:59

阅读数:40

评论数:0

Vue各种问题

注: 以下书写方式用的jade(pug) 1. 给元素绑定多个class 给单个元素绑定class很简单,如下: p(v-bind:class='aaa') 但是,需要绑定多个的情况,写多个v-bind:class或者在aaa后面再加一个类,如’aaa bbb’,都会报错,那么正确的方式是...

2018-01-23 17:27:40

阅读数:57

评论数:0

前端使用http-server启本地服务

注:下文都是Mac环境 在平常开发过程中,常遇到没有用任何框架和工具,就是要运行一个简单的html页面,需要启一个本地的服务器。本文提供一种简单的方式。 1. 安装node.js 官网地址:https://nodejs.org 下载官网推荐版本,并安装。 在命令行输入命令node -...

2018-01-19 18:33:40

阅读数:557

评论数:0

js 判断当前页面是否被浏览

http://blog.csdn.net/oulihong123/article/details/53693298

2018-01-17 16:34:05

阅读数:51

评论数:0

Vue 脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)

关于Vue的各种问题FAQ

2017-12-22 18:13:27

阅读数:42

评论数:0

浅谈Vue.js与后端API交互——axios的应用

Vue.js中应用axios进行与后端API的交互

2017-12-22 15:25:48

阅读数:3052

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭