随笔分类 - javascript
javascript 前端相关知识，包括jquery
摘要：###问题 在javascript使用小数点 +-*/ 运算会出现误差，比如： 0.1 + 0.2 == 0.30000000000000004 0.2 + 0.4 == 0.6000000000000001 19.9 * 100 == 1989.9999999999998 其实，不仅仅只有java
阅读全文
摘要：简单的html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>V
阅读全文
摘要：js call()、apply()、bind()的区别和使用 写在前面： call和apply可以用来重新定义函数的执行环境，也就是this的指向； call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的 换句话说，就是为了改变函数体内部 this 的指向。因为 J
阅读全文
摘要：将canvas 转图片 以及 将 图片转成 canvas的方法 1. 图片转到画布上 // Converts image to canvas; returns new canvas element function convertImageToCanvas(image) { var canvas =
阅读全文
摘要：多个箭头函数，例如： const navigateOnce = (getStateForAction) => (action, state) => { const {type, routeName, params} = action; return ( state && (type Navigati
阅读全文
摘要：选择的文件类型 e.target.files[0].type 值 /** * e.target.files[0].type的结果 * .PSD 文件 "" * .psd 文件 "" * .pdf 文件 "application/pdf" * .PNG 文件 "image/png" * .png 文件
阅读全文
摘要：一、前言： 在web中，为了丰富我们的内容，往往需要引用其它HTML文件，这时候就需要用到 iframe 标签，本文就主要记录一下使用iframe所需要注意的问题 iframe 所使用的环境（笔者所遇到的） 1. web代码兼容 PC端 和 移动端，这时候就想在移动端时把页面限制在固定的宽高范围中，
阅读全文
摘要：一、实现当前时间到指定截止时间的倒计时功能 <html> <head> <title>TEST</title> </head> <body> <script> //获取当前时间距离截止时间的倒计时 //参数为截止时间 var leftTimer = function(year, month, day
阅读全文
摘要：一、背景： 想要实现一功能： 1. 最多只能输入两位小数，类似的价格限制 2. 实时监听限制输入，禁止输入不符合规范的字符（当输入违禁字符，进行删除操作） 这样做的优点： 1. 在用户输入时直接进行限制，而不是在输入完才进行检测提示 --> 实时性 2. 直接在输入时进行规范，用户体验更好 二、分析
阅读全文
摘要：一、前言 在开发项目时，常常需要展示大量数据。如果全部显示出来，数据相对少时，看不出来什么不同，如果数据很多时，一次请求全部显示，这就相当可怕了。 面对这种问题，PC里使用了分页效果，将数据分成一页页，换页时请求当前页数据， 而屏幕较小的移动端，分页就不怎么好看了，常用的方法是滚动到底部时继续加载数
阅读全文
摘要：一、前言 在MVVM模式下，有个双向数据绑定（data-binding）的优势，可以通过viewmodel实时的监听用户操作，也可以将model的改动实时的反馈到界面上。 那么，在传统的js操控DOM的情况下如何实现呢？ 下面我们以输入框（input）为例，对用户的操作进行监听，并实时的反馈给用户
阅读全文
摘要：一、前言 事件的绑定触发有很多种方法，我们如何选择呢？ 很多时候，我们会使用鼠标事件，但是鼠标事件只能在PC设备上使用，当我们需要对不同设备兼容时怎么办呢？ 二、正文 1. 事件的几个概念： 事件流：描述的是在页面中接受事件的顺序； 事件冒泡：由最具体的元素接收（当前节点），然后逐级向上传播至最不具
阅读全文
摘要：一、前言 在编写页面的时候，我们经常使用到弹出层。对于弹出层，原本的意义就是增加与用户的交互，提升用户的好感度。如果弹出层都没有较好的体验，那何谈通过交互来提升好感。。。 首先提出几个弹出层的注意点： 弹出层的界面需要统一，不一致的弹出层并不能增加美感，相反还会显得页面布局更加杂乱无章； 弹出层的设
阅读全文
摘要：一、前言 Uncaught TypeError: ... is not a function function xxx(){}表示函数声明，可以放在代码的任何位置，也可以在任何地方成功调用； var xxx = function(){};表示函数表达式，即将一个匿名函数赋值给一个变量，实现通过变量来
阅读全文
摘要：一、前言 相比于JS这条直达终点、满是荆棘的小路，jquery无疑是康庄大道了，足够的简洁、易用给了它辉煌的地位。然而，毕竟是绕着道的插件，当小路走着走着变成大路的时候，曾经的大路也就失去了他自身的优势了。 原生JS虽然没有jquery那么的好用、便捷，或者说没有jquery那样让我们使用的如此顺手
阅读全文
摘要：一、前言： JavaScript中变量似乎很简单，因为它声明变量只需要一个“var”就可以，不像其他编程语言严格区分了数据类型（int/double/char/boolean...）。这样做也是有好处的，变量可以被赋予任何类型的值，同样也可以给这个变量重新赋予不同类型的值。并不是“一定终身”。 可是
阅读全文
