JavaScript
文章平均质量分 81
wdapp
May the force be with you !
展开
-
javascript如何判断Object是空对象
判断一个对象是否为空对象,本文给出三种判断方法:1.最常见的思路,for...in... 遍历属性,为真则为“非空数组”;否则为“空数组”for (var i in obj) { // 如果不为空,则会执行到这一步,返回true return true}return false // 如果为空,返回false2.通过 JSON 自带的 stringify() 方法来判断...原创 2020-03-10 18:43:53 · 442 阅读 · 0 评论 -
DOM :DOM0 DOM1 DOM2 DOM3
一、DOM全称 文档对象模型(Document Object Model)二、DOM是什么 DOM就是一个编程接口,就是一套API。DOM是针对HTML文档、XML等文档的一套API。就类似于JDBC是针对数据库的一套API一样。三、DOM的用途 DOM 是用来访问或操作HTML文档、XHTML文档、XML文档中的节点元素。现在基本上所有的浏览器都都执行了W3C发布的DOM规范,所...原创 2020-02-16 00:58:50 · 529 阅读 · 0 评论 -
Vue源码解读——准备工作(一)
flowvue使用flow进行静态类型检查,学习flow有助于理解vue源码, 了解flow。flow是什么?flow是facebook出品的js静态类型检查库。vue.js源码中使用flow进行静态类型检查和分析。为什么用flow?缺陷:js是动态类型语言,有些错误不会暴露在再编译过程中,在运行中就会发现各种错误,会让项目变得可读性查,难以维护。 趋势:静态类型检测让错误在...原创 2020-02-05 18:31:28 · 147 阅读 · 0 评论 -
JavaScript常见算法集合
冒泡排序法var arrays = [81, 23, 46, 11, 56, 69, 57, 78, 99, 21, 23];for (var i = 0; i < arrays.length - 1; i++) { for (var j = 0; j < arrays.length - 1 - i; j++) { if (arrays[j] > arrays...原创 2020-02-04 18:18:23 · 211 阅读 · 0 评论 -
JavaScript Ajax 实现
Ajax.js 示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="text" id="test-ie-...原创 2020-02-03 17:52:10 · 88 阅读 · 0 评论 -
一张图带你了解 JavaScript DOM、事件的尺寸和位置
本文主要总结整理了事件参数、Window、Element中的位置和尺寸属性一张图带你了解 JavaScript DOM、事件的尺寸和位置eventevent.screenY 鼠标指针相对于全局(屏幕)的Y坐标; event.clientY 鼠标指针在点击元素(DOM)中的Y坐标。 event.pageY 鼠标指针相对于整个文档的Y坐标; event.y MouseEvent....原创 2020-02-02 20:28:22 · 180 阅读 · 0 评论 -
JavaScript 原生对象、属性、方法、事件、事件参数
/** * 事件参考 https://developer.mozilla.org/zh-CN/docs/Web/Events * Event <- UIEvent <- MouseEvent * / /** Event https://developer.mozilla.org/zh-CN/docs/Web/API/Event#DOM_Event_interface *...原创 2020-02-02 15:31:24 · 378 阅读 · 0 评论 -
JavaScript 原生实现进度条组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript 原生实现进度条组件</title> <style> * { margin: 0; padding: 0; } ...原创 2020-02-02 00:58:23 · 316 阅读 · 0 评论 -
JavaScript原生实现楼梯插件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript原生实现楼梯插件</title> <style> * { margin: 0; padding: 0; } .c...原创 2020-02-01 20:43:40 · 185 阅读 · 0 评论 -
String.prototype.replace()
String.prototype.replace()replace() 方法返回一个由替换值(replacement)替换一些或所有匹配的模式(pattern)后的新字符串。模式可以是一个字符串或者一个正则表达式,替换值可以是一个字符串或者一个每次匹配都要调用的回调函数。const p = 'The quick brown fox jumps over the lazy dog. If ...原创 2020-01-31 23:31:13 · 179 阅读 · 0 评论 -
js 观察者模式 订阅发布模式
上次研究观察者模式,很多文章说它也叫Subscribe/Publish(发布/订阅模式)。可在《Javascript设计模式》一书中,这两种模式还是有些区别的。书中原话如下:Observer模式要求希望接收到主题通知者的观察者必须订阅内容改变的事件 Subscribe/Publish模式使用了一个主题/事件通道,这个通道介于订阅者和发布者之间。该事件系统允许代码定义应用程序的特定事件,该事件可...原创 2020-01-30 22:39:47 · 204 阅读 · 0 评论 -
JavaScript数组相关方法
不会改变原来数组的有:array.concat(array2,array3,...,arrayX) array.every(function(currentValue,index,arr), thisValue) array.some(function(currentValue,index,arr),thisValue) array.filter(function(currentValu...原创 2020-01-27 10:03:17 · 95 阅读 · 0 评论 -
JavaScript 对象相关方法整理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript 对象相关方法总结</title></head><body><h1>JavaScript 对象相关方法总结<...原创 2020-01-26 16:58:36 · 115 阅读 · 0 评论 -
前端自动化工具 Grunt 总结
grunt通过配置Grunt的一系列grunt-contrib-插件,实现前端自动化功能。自动化。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你在 Gruntfile 文件正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作。教程Gruntfile.js//gru...原创 2020-01-17 11:12:37 · 188 阅读 · 0 评论 -
gulp个人总结
gulp前端自动化构建工具,可以进行文本合并,文件拷贝,js压缩,css压缩,图片压缩等。入门全局安装 gulp: $ npm install --global gulp 作为项目的开发依赖(devDependencies)安装: $ npm install --save-dev gulp 在项目根目录下创建一个名为 gulpfile.js 的文件:var gulp = req...原创 2020-01-17 11:11:12 · 121 阅读 · 0 评论 -
Gulp总结
# gulp前端自动化构建工具,可以进行文本合并,文件拷贝,js压缩,css压缩,图片压缩等。### 入门1. 全局安装 gulp:$ npm install --global gulp2. 作为项目的开发依赖(devDependencies)安装:$ npm install --save-dev gulp3. 在项目根目录下创建一个名为 gulpfile.js 的文件:```...原创 2020-01-16 14:35:09 · 96 阅读 · 0 评论 -
JavaScript强化教程——JQuery初级教程
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——JQuery初级教程 第一步 下载jquery首先需要在jquery官网下载 jquery-3.0.0.js(版本和当前最新版本一致)放到自己的文件夹中第二部 引用jquery第三部 使用jquery语法写一个简单地程序 Title原创 2016-06-27 22:28:13 · 297 阅读 · 0 评论 -
JavaScript强化教程——编写第一个jQuery程序
May the force be with you ! 我是万达原创 2016-06-27 22:33:59 · 500 阅读 · 0 评论 -
JavaScript强化教程——DOM编程性能优化
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——DOM编程性能优化 DOM的访问与修改访问DOM元素是有代价的——修改元素侧更为昂贵,因为他会导致浏览器重新计算页面的几何变化。当然,最坏的情况是在循环中访问或修改元素,尤其是对HTML元素几何循环操作。为了让你对DOM编程带来的性能问题有个量化的了解,请看下面的简单实例:fun原创 2016-06-27 22:44:22 · 276 阅读 · 0 评论 -
JavaScript强化教程——AJAX
May the force be with you !我是万达原创 2016-06-27 22:52:59 · 229 阅读 · 0 评论 -
JavaScript强化教程 - 六步实现贪食蛇
May the force be with you原创 2016-06-27 22:54:27 · 286 阅读 · 0 评论 -
JavaScript强化教程——DOM编程(两种控制div移动的方法)
May the force be with you !原创 2016-06-28 14:20:44 · 332 阅读 · 0 评论 -
JavaScript强化教程-cookie对象
May the force be with you !原创 2016-06-28 14:22:22 · 212 阅读 · 0 评论 -
JavaScript强化教程-JS面向对象编程 ...
本文为H5EDU机构官方HTML5培训教程,主要介绍:JavaScript强化教程——JS面向对象编程 对事物的抽象描述 描述这类事物的特征和行为 对象是类的实例代码实现:创建一个类 function peple(){ this.hp=0; this.act = 30; this.name = ""; this原创 2016-06-28 14:24:34 · 254 阅读 · 0 评论 -
JavaScript强化教程-列表的动态增加元素
获得更多--JavaScript强化教程实现列表的动态增加元素,如微信朋友圈动态加载更多信息,实现用到了 CSS,和JavaScript 核心逻辑首先用css制作出静态的菜单 1-n ,然后通过js重新实现然后创建li标签在html中 var item = document.createElement("li");通够for循环把数组内的内容一一遍历原创 2016-06-06 23:35:26 · 1115 阅读 · 0 评论 -
JavaScript强化教程——正则表达式回溯
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 正则表达式回溯下面的例子演示了处理正则表达式分之的过程: /h(ello|appy) hippo/.test("hello there,happy hippo");这个正则表达式 "hello hippo"或"happy hippo".匹配过程开始时,首先会原创 2016-07-09 19:55:42 · 383 阅读 · 0 评论 -
JavaScript强化教程——jQuery选择器
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery选择器 jQuery 选择器选择器 实例 选取* $("*") 所有元素#id $("#lastname") id="lastname" 的元素.class $(".intro") 所有 class="intro" 的元素element $("p") 所有 元素.cl原创 2016-06-29 00:09:10 · 260 阅读 · 0 评论 -
JavaScript强化教程——Native.js示例汇总
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Native.js示例汇总 Native.js虽然强大和开放,但很多web开发者因为不熟悉原生API而难以独立完成。这篇帖子的目的就是汇总各种写好的NJS代码,方便web开发者。众人拾柴火焰高,有能力的开发者多多提交NJS代码,大家都会给你点赞的,Android平台在桌面创建和转载 2016-06-29 22:09:06 · 613 阅读 · 0 评论 -
MySQL数据库调优技巧
MySQL是一个功能强大的开源数据库。随着越来越多的数据库驱动的应用程序,人们一直在推动MySQL发展到它的极限。这里是101条调节和优化MySQL安装的技巧。一些技巧是针对特定的安装环境的,但这些思路是通用的。我已经把他们分成几类,来帮助你掌握更多MySQL的调节和优化技巧。MySQL 服务器硬件和操作系统调节:1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问转载 2017-03-06 23:25:27 · 235 阅读 · 0 评论 -
JavaScript强化教程-动态实现创建row行col列的表格
行:列: --> --> --> --> //4.举例定义函数通过用户输入动态实现创建row行col列的表格 //假设 3行3列 var table = document.getElementById("ta"); function createTab原创 2016-06-07 16:39:48 · 2100 阅读 · 0 评论