javascript
文章平均质量分 67
出于蓝
这个作者很懒,什么都没留下…
展开
-
javascript继承
继承在将javascript的继承之前先要理解javascript1的原型1)理解原型无论什么时候,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象。在默认情况下,所有原型对象都会自动获得一个constructor(构造函数)属性,这个属性包含一个指向prototype 属性所在函数的指针. 创建了自定义的构造函数之后,其原型对...原创 2018-03-29 20:24:18 · 80 阅读 · 0 评论 -
javascript执行环境与作用域
1 执行环境 执行环境是javascript中一个最为重要的概念,执行环境定义了变量或函数的有权访问其他数据,决定了它们各自的行为.每个执行环境都有一个与之相关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中,解析器在处理数据时会在后台使用它 全局执行环境是最外围的一个执行环境,在web浏览器中,全局执行环境被认为是window对象,因此所有的全局变量和函数都是作为w...原创 2018-04-04 01:07:15 · 90 阅读 · 0 评论 -
javascript中的垃圾收集以及内存管理
垃圾收集 javascript中的垃圾收集机制很简单:找出那些不在使用的变量,然后释放他们. 局部变量只存在在函数执行过程中,所以,当函数执行结束之后,局部变量就没有存在的必要了.但是并不是所有的变量都是那样容易判断的,所以要用一些方法来回收这些变量 1 标记清除: javascript中最常用的垃圾收集方式是清除标记.当变量进入环境时,将这个变量标记为"进入环境",当变量...原创 2018-04-04 10:40:15 · 88 阅读 · 0 评论 -
javascript中的事件流
1 事件冒泡:IE中得事件流叫做事件冒泡,就是事件最开始的元素接收,然后逐级向上传播到不具体的节点,举个例子:<!DOCTYPE html><html><head> <title>Event Bubbling Example</title></head><body> <div原创 2018-04-11 16:07:21 · 288 阅读 · 0 评论 -
DOM2 中的事件处理程序
1 添加删除事件“DOM2级事件”定义了两个方法,用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。所有DOM节点中都包含这两个方法,并且它们都接受3 个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。最后这个布尔值参数如果是true,表示在捕获阶段调用事件处理程序;如果是false,表示在冒泡阶段调用事件处理程序。...原创 2018-04-11 16:30:18 · 212 阅读 · 0 评论 -
javascript的闭包
闭包:闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式,就是在一个函数内部创建另一个函数,仍以前面的createComparisonFunction()函数为例function createComparisonFunction(propertyName) { return function(object1, object2){ var value1 = o...原创 2018-04-04 19:13:53 · 102 阅读 · 0 评论 -
用canvas做粒子组成的动画
一般来说,用canvas做粒子都要经过几个步骤1 先初始化画布的大小,画布的环境2 计算好各个点对象的位置,半径大小,颜色3 清空画布4将所有的粒子对象画在指定的位置5循环到步骤2粒子中,静态的用粒子组成一条抛物线在这个例子中,咱们定义的画布大小等于屏幕大小,所以写了一个函数来返回屏幕的高度和宽度:var Utils={ getWindowSize: function()...原创 2018-04-04 23:22:06 · 1754 阅读 · 0 评论 -
javascript的整数位数
今天偶然发现了一道题目: Given a 32-bit signed integer, reverse digits of an integer. 题目让我写一个函数,它把 integer传进来,函数返回 integer的反转数.这个题也没什么难度,但是他要求32位,而我们都知道js里的整数只有16位,这样的话,要是参数稍微大一点,肯定会溢出 所以我无奈之下将 integ...原创 2018-04-07 00:30:08 · 3388 阅读 · 0 评论 -
用贝塞尔曲线画曲线
在j中,提供了bezierCurveTo()方法,也就是利用起点,终点,两个控制点在canvas画贝塞尔曲线,首先,咱们通过moveTo函数将笔尖移动到曲线的起点,然后bezierCurveTo(控制点, 控制点, 终点)这样画出贝塞尔曲线.关于贝塞尔曲线的控制点,咱们可以大概看看这个图其中A是曲线的起点,D曲线的终点,B和C是曲线的控制点,将B和C连起来得到线段BCBC上的点G从左到右移...原创 2018-04-25 14:47:27 · 4813 阅读 · 1 评论 -
JavaScript输入框中选中文字加粗
首先看看效果图:大概就是想实现两个功能点:1输入框中可以随便输入内容2用户选中文字后点击按钮可以实现文字修饰(加粗)现实现的代码中有1个bug尚未修复:1 不可加粗已经加粗过的文字(选择已经加粗的和普通文字的混合也不行)代码的主要内容:1 计算选中的位置2 在选中的文字两边加上<b></b>3 重新渲染输入框的内容主要代码:...原创 2019-04-26 14:22:16 · 5351 阅读 · 1 评论 -
draft-js插件在使用中RichUtils函数库不起作用
facebook推出的draft-js富文本编辑器并不是一个开箱可用的编辑器,如果我们按照github上面的配置引入的话,得到一个类似输入框的编辑器。 但是draft-js提供了一个RichUtils函数库,里面提供了丰富的函数,让我们可以自己设计自己的编辑器。 在开发的过程中,如下,我按照官方的例子写了一个简单的编辑器import React, ...原创 2019-09-06 18:28:59 · 335 阅读 · 0 评论 -
javascript中的窗口
窗口关系及框架 如果页面中包含框架,每个狂阶都拥有自己的window对象,且保存在frames集合中.在frames集合中,可以通过数值下标或者框架名称来访问window对象.举个例子: <html><head><title>Frameset Example</title></head><frameset row...原创 2018-04-03 22:13:40 · 140 阅读 · 0 评论 -
javascript中的window对象
window对象既是javascript访问浏览器窗口的一个接口,又是一个全局变量.这意味着在网页中定义的任何对象,变量,和函数,都以window作为其Global对象.由于window 对象同时扮演着ECMAScript 中Global 对象的角色,因此所有在全局作用域中声明的变量、函数都会变成window 对象的属性和方法。来看下面的例子var age = 29;function sayAge...原创 2018-04-03 21:26:42 · 277 阅读 · 0 评论 -
javascript中的范围选区
1 使用DOM范围实现简单的选择:1.1 使用electNode()方法:举个例子:<!DOCTYPE html><html><body><p id="p1"><b>Hello</b> world!</p></body></html&g原创 2018-04-11 00:35:30 · 961 阅读 · 0 评论 -
用javascript判断字符串括号是否匹配
输入一个字符串,里面包含小括号,大括号,中括号,这个代码在市时间复杂度为n的情况下判断输入字符串是否合理.原题如下:Given a string containing just the characters '(', ')', '{', '}', '[' and ']', determine if the input string is valid.The brackets must cl...原创 2018-04-09 01:16:11 · 5695 阅读 · 0 评论 -
用js放大鼠标放置图片区域
html部分:<div id="imagesSource" data_maxlmg="qing.jpg"> 原图 <img src="qing.jpg" class="minlmages"> <div class="focusPoint" id="focusPoint">focusP原创 2018-04-01 20:39:23 · 1255 阅读 · 0 评论 -
在O(n)的时间复杂度空间复杂度为(1)的条件下删除有序数组的多余字符
原题如下:Given a sorted array, remove the duplicates in-place such that each element appear only once and return the new length.Do not allocate extra space for another array, you must do this by modifying...原创 2018-04-09 23:52:10 · 995 阅读 · 1 评论 -
javascript 两种函数书写方式及其区别
定义函数的方式有两种1 函数声明 函数声明的语法是这样的: function functionName(arg0, arg1, arg2) {//函数体}首先是function 关键字,然后是函数的名字,这就是指定函数名的方式. 关于函数声明,它的一个重要特征就是函数声明提升(function declaration hoisting),意思是在执行代码之前会先读取函数声明。这就意味着可...原创 2018-04-03 00:04:06 · 978 阅读 · 0 评论 -
用css和javascript做简单的破壳动画
今天是我的生日,就想用自己学的一点点小知识写一个破壳动画,开心一下 首先,先画一个蛋 然后动态的在蛋的上面画裂痕,这里画了一条波浪线来替代 接着蛋蛋左右摇晃几下 然后就破壳了整个动画不是特别流畅,但是知识有限,只能做得比较粗糙一些html部分: <div class="ege" id="shake"> <div class="...原创 2018-04-03 00:23:55 · 232 阅读 · 0 评论 -
JavaScript基本运算操作
javascript操作运算 javascript与C语言相似,算术操作符支持加减乘除,自加,自减,关系操作运算,相等操作和逻辑运算算术运算: 其中,加减乘除运算略过不讲, 只有一点要注意的是i++和++i的区别: i++表示句子结束时做自加操作,++i是先做自加操作在做其他运算,比如var age=20;varanotherage=++age+2alert(a...原创 2018-03-27 23:24:43 · 201 阅读 · 0 评论 -
javascript对象的构造
对象的创建:创建自定义对象最简单的方式是创建一个object的实例,然后再为他添加属性和方法.数据属性: [[Configurable]]:表示能否通过delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。false的话表示不能删除属性.并且一旦设置为false,就不能再变回true. [Enumerable]]:表示能否通过for-i...原创 2018-03-27 23:28:25 · 219 阅读 · 0 评论 -
用javascript模拟星星投票
html部分:<div id="vote"> <div >☆</div> <div >☆</div> <div >☆</div> <div >☆</div> <div >☆原创 2018-03-27 23:56:04 · 192 阅读 · 0 评论 -
用javascript限制输入区的中文字符个数
html部分:<input type="text"value="限制输入10个字" id="rest" datalenght="10" datarest="rest" datamodel="ch"><div>还可以输入<span id="output">个字</span&原创 2018-03-28 00:10:07 · 423 阅读 · 0 评论 -
用javascript让文字自动滚动
有时候需要展示的文字较多,但是空间较少,为了能充分的利用空间,可以将文字做成自动滚动的方式,例如网页里的新闻.这里用javascript完成这个功能. html部分: <div id="roll" class="roll"> 11111111111111111111111 222222222222222222222222 3333333333...原创 2018-03-28 00:22:53 · 3562 阅读 · 1 评论 -
用javascript做多级菜单
在注册页面,我们常常需要用到多级下拉选项,例如选择地址是选择北京后二级菜单自动显示北京的各个区,这里通过javascript实现这个功能:html部分:<p> 省级: <select id="provice"> </select></p><p> 市级: <select id="cit原创 2018-03-28 00:36:19 · 2307 阅读 · 0 评论 -
动态插入html元素的几种方法
1 insertNode()方法: 方法可以向范围选区的开始处(光标处)插入一个节点。举个例子:<!DOCTYPE html><html><body><p id="p1"><b>Hello</b> world!</p></body></h原创 2018-04-11 00:10:13 · 1893 阅读 · 0 评论 -
js 中this绑定的五种方式
本文总结自《你不知道javascript》1 默认绑定默认绑定是指,当直接调用函数,函数前面没有任何修饰的时候,默认将this绑定到当前函数上下文环境。2 隐式绑定将this绑定到上下文对象,例如,obj.foo(), foo函数的this即指向obj这个对象需要注意的是,隐式绑定是将this绑定到离函数最近的对象上,例如,obj1.obj2.foo(),foo函数的this指...原创 2019-10-02 18:01:54 · 578 阅读 · 0 评论