随笔分类 - 原生javascript
汇集各种各样的原生JavaScript笔记
摘要：两个网站 正则可视化 正则入门三十分钟 基本内容 定义 正则描述了一种字符串的匹配的模式 ,可以用来检查一个字符串是否包含某个子串或者是替换某个子串;一般用于表单验证,数据过滤,格式检查,数据采集,数据隐藏. 元字符 所谓元字符是用来说明匹配类型的,比如 限定符 规定紧接着的匹配的数量，与全局匹配g
阅读全文
摘要：js改变盒子大小 知识点 三个mouse事件：mousedown mousemove mouseup css的定位和cursor 思路 先解决单边问题识别范围,得到所选区域 event. 根据距离,判断方向根据方向进行样式的增加减少,注意top和left的变化当然还要增加最小的限制 注意 识别改变的
阅读全文
摘要：js拖拽分析 思路 1、三个鼠标事件，mousedown，mousemove，mouseup 2、可移动性absolute 3、边界限制 得到鼠标点击处和div边界的距离，然后得出top 和 left 的值 具体 mousedown diffX/Y得出的是开始点击处和div边界的距离 mousemo
阅读全文
摘要：右键菜单 思路 1、遮蔽原来的默认右键菜单 2、新建右键菜单跟随鼠标移动 3、注意边界处的位置变化 4、自定义右键内容的具体效果 具体 这样的事件涉及到有关contextmenu事件，阻止默认事件，获取鼠标点击位置，涉及到offsetWidth等等，具体展示 offsetWidth:元素在水平方向占
阅读全文
摘要：选项卡 思路 1、按钮和展示的页面要对应：分别遍历，记住当前按钮的索引，让其成为展示页面的索引 2、只出现所对应的页面：所有的页面隐藏，只展示想要的页面 只展示js代码 轮播图 思路 一个完整的轮播图包含：自动播放；鼠标移入移除开始暂停；两边的按钮；下面的小轮播点 自动播放：涉及到定时器， 移入移除
阅读全文
摘要：表单联动的总结 在涉及到表单联动时，会联系到new Option这个新增option的方法，也有select的add方法，这是在单纯的练习HTML时候不了解的，下面来具体的了解一下吧。 动态的设置select 在JavaScript中动态的添加select和option 传统的方法，利用DOM创建新
阅读全文
摘要：如果觉得此地排版不好，欢迎访问我的博客 浅显总结ASCII Unicode UTF-8的区别 制作表单时，为了追求更好的用户交互体验，常常会有提示性的内容，比如提醒用户字符的限制。由于英文，中文字符的问题，涉及到编码的转换调整。 ASCII码 计算机的早期使用者大多使用英文，而计算机则以二进制来储存
阅读全文
摘要：瀑布流，很常见了，淘宝，网易云音乐等等都有，实现原理，咱先放着一遍，先将涉及到的知识点拓展开来 一、Math的方法 Math求最小值、最大值， 对于一般的数字直接求，Math.min Math.max 但是求数组呢，一个方法，三种形式，js高程书中利用apply的回调函数，将this指向window
阅读全文
摘要：最近写个运动框架，确实好用，来附上，具体就不说了，注释比较详细 简洁版：包括链式运动，没有同时运动，不需要json格式 完整版：包括链式运动、同时运动，涉及到同时运动则需要利用json辅助完成 需要注意的几点 获取非行间样式，注意浏览器的兼容问题 常用的Math方法、parseInt等的转换 回调函
阅读全文
摘要：正如我们所知道的，javascript分为三大块，ECMAscript，BOM，DOM，ECMAscript固然重要；可是在web中使用ECMAscript很大程度上需要了解BOM即浏览器对象模型，否则ECMAscript就虎落平阳，毫无发挥之处，下面正式介绍BON。 1、window对象 wind
阅读全文
摘要：如何理解js中的作用域，闭包，私有变量，this对象概念呢？ 就从一道经典的面试题开始吧！ 题目：创建10个<a>标签，点击时候弹出相应的序号 //先思考一下你会怎么写,是不是这样？ 可是结果呢，弹出来的都是10，为啥？ var i,a for(i=0;i<10;i++){ a=document.c
阅读全文
摘要：1、函数基本知识 通过函数可以封装任意条语句，在任何地方调用，js中用function关键字来声明， 1.1理解参数 js中的参数在其内部使用一个数组表示，所以无论参数的数据类型，个数都没关系，而且参数也不一定会用上的。 函数体内可以通过arguments对象访问到参数的数组，从而获得每一个参数。a
阅读全文
摘要：继承 说道这个继承，了解object-oriented的朋友都知道，大多oo语言都有两种，一种是接口继承（只继承方法签名）；一种是实现继承（继承实际的方法） 奈何js中没有签名，因而只有实现继承，而且靠的是原型链实现的。下面正式的说一说js中继承那点事儿 1、原型链 关于原型链在上一节面向对象之原型
阅读全文
摘要：面向对象之原型 object-oriented面向对象的设计，不同于其他语言，js中的面向对象没有类的概念，因此，其对象也有些特殊。 所谓对象就是无序属性的集合，其属性可以包含基本值、对象、函数。也就是说对象是一组没有特定顺序的值的集合；对象的每个属性或方法都有自己名字，名字映射到一个值（值可以是数
阅读全文
摘要：引用类型的值是引用类型的实例，js中的引用类型是一种数据类型，用于将数据和功能组织在一起（也可叫对象定义，因为描述一类对象具有的属性和方法） 1、Object类型 大多数引用类型都是object类型，创建object类型实例可以new，也可以字面量表示（简化创建包含大量属性的对象） 字面量方法也可以
阅读全文
摘要：Array类型 今天总结一下array类型。 js中的数组是有着非常强大的功能。具有很大的灵活性，有两个方面的特点 1、数组的每一项可以保存任何的数据类型；2、数组大小可以动态的调整；看下面的例子： 检测类型 前面谈过，对于引用类型，可以用instanceof来检测，可以得到对象是不是数组，这只适合
阅读全文
摘要：JavaScript的最为基本知识 1语法 js是区分大小写的；标识符就是指变量、函数、属性的名字或者是参数，标识符可以是字母，下划线，美元符号，数字，注意第一个不能是数字；js采用的是驼峰大小格式；js的单行和多行注释；严格模式下直接“use strict”即可。关键字和保留字，比如break，c
阅读全文
摘要：表单脚本知识 1基本知识 属性和方法 action：URL地址，elements：表单控件集合，length：表单空间数量，method：发送http请求类型，通常是get或者post，name：表单名称，target：用于发送请求和接收响应的窗口名称 1.1提交表单 在js操作时候，不会触发sub
阅读全文
摘要：简介 js和html之间的交互是通过事件实现的，所谓事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。对于事件的处理，浏览器存在差异，主要是IE的兼容性问题，所以大部分都是兼容的，封装成一个事件库，方便调用。 1、事件流 事件流描述的是从页面接收事件的顺序，分为事件冒泡流和事件捕获流 事件冒泡：I
阅读全文
摘要：涉及的知识点 DOM操作HTML页面、DOM操控表格、一些基本的事件、遍历知识、数组字符串知识、函数的作用域知识 效果图 html代码 css代码 js代码
阅读全文
浙公网安备 33010602011771号