当前目录: 前端资源
input[type=number]禁止输入非数字类型以外的内容

2018年1月29日  前端资源   

html5中input有number类型可以实现只输入数字类型,但是还不够完善,还是需要js正则来进行判断过滤。 //初始化样式 input[type=number]::-webkit-textfield-decoration-container { background-color: red; /* 背景颜色 */ } input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; /* 去掉上下箭头 */ } input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; /* 有无看不出差别 */ } <input type="number" id="amount"> var re = /^[0-9]+.?[0-9]*$/; //判断输入的是否位数字 $('#amount').bind('input propertychange', function() { if (!re.test($(this).val())) { //只允许纯数字或数字加小数点的格式存在 ...

(推荐)js单线程运行机制、原理

2018年1月26日  前端资源   

什么是进程、线程 进程是一个工厂,工厂有它的独立资源 - 工厂之间相互独立 - 线程是工厂中的工人,多个工人协作完成任务 - 工厂内有一个或多个工人 - 工人之间共享空间   工厂的资源 -> 系统分配的内存(独立的一块内存) - 工厂之间的相互独立 -> 进程之间相互独立 - 多个工人协作完成任务 -> 多个线程在进程中协作完成任务 - 工厂内有一个或多个工人 -> 一个进程由一个或多个线程组成 - 工人之间共享空间 -> 同一进程下的各个线程之间共享程序的内存空间(包括代码段、数据集、堆等)     浏览器 浏览器是多进程的; 浏览器之所以能够运行,是因为系统给它的进程分配了资源(cpu、内存); 每打开一个Tab页,就相当于创建了一个独立的浏览器进程; 之前说了浏览器是多进程,...

IT笔记

2018年1月25日  前端资源   

语言无关 IDE MySQL NoSQL PostgreSQL Web WEB服务器 其它 函数式概念 分布式系统 在线教育 大数据 操作系统 数据库 智能系统 正则表达式 版本控制 程序员杂谈 管理和监控 编程艺术 编译原理 编辑器 计算机图形学 设计模式 软件开发方法 项目相关 语言相关 Android AWK C C# C++ CoffeeScript Dart Elasticsearch Elixir Erlang Fortran Golang Haskell HTML / CSS HTTP iOS Java JavaScript LaTeX LISP Lua Markdown Node.js Perl PHP Python Django R reStructuredText Ruby Rust Scala Scheme Shell Swift Vim Visual Prolog 语言无关 IDE IntelliJ IDEA 简体中文专题教程 MySQL 21分钟MySQL入门教程 MySQL索引背后的数据结构及算法原理 NoSQL Disque 使用教程 Redis 命令参考 Redis 设计与实现 Th...

requestAnimationFrame取代setTimeout

2018年1月24日  前端资源   

requestAnimationFrame的功能和setTimeout类似,setTimeout的最小间隔值可以是4ms但是这样会严重的掉帧就是会卡。所以推荐最小值是16.7ms,既能保证最小间隔又能保证不掉帧流畅运行。 如果我想把时间间隔突破到16.7ms以下又能保证动画流畅呢?欢迎使用requestAnimationFrame。 为了兼容低版本浏览器可以做一些判断。兼容ie6 requestAnimationFrame.zip 案例:requestAnimationFrame_js   http://www.zhangxinxu.com/wordpress/2013/09/css3-animation-requestanimationframe-tween-%E5%8A%A8%E7%94%BB%E7%AE%97%E6%B3%95/  

css强制换行、禁止换行、文本省略符号

2018年1月23日  前端资源   

css 强制 禁止 换行 省略 强制换行 1、word-break: break-all; 只对英文起作用,以字母作为换行依据。 2、word-wrap: break-word; 只对英文起作用,以单词作为换行依据。 3、white-space: pre-wrap; 只对中文起作用,强制换行。   禁止换行 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;   多出文本省略号 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;