- 博客(57)
- 收藏
- 关注
原创 JSON.stringify() 和 JSON.parse() 的详细使用
JSON.stringify() 和 JSON.parse() 的详细使用
2020-07-19 16:24:46
278
原创 杂记——delete操作符
看以下代码输出会是什么?var x = 1;var output = (function(){ delete x; return x;})();console.log(output);代码运行的结果是:1delete操作符的基本原理delete操作符通常用来删除对象的属性:var o = { x: 1 }; delete o.x; //...
2018-07-22 11:56:57
331
原创 transition详解
transition 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程,而不是立即生效的。transition 可以决定哪些属性发生动画效果 (明确地列出这些属性),何时开始 (设置 delay),持续多久 (设置 duration) 以及如何动画 (定义timing funtion,比如匀速地或先快后慢)。语法transition: &lt...
2018-05-14 17:42:45
2079
原创 关于js数据类型中“基本类型”与“引用类型”的区别
两个例子,如下:例一:var num1 = 1;var num2 = num1;console.log(num1) //1console.log(num2) //1num2 = 2; //修改num2console.log(num1) //1console.log(num2) //2例二:var obj1 = {x: 1, y: 2};var obj2 = obj1
2018-05-10 12:59:44
396
原创 Promise介绍——基础篇
在实际的Javascript开发中,我们会使用到很多的异步开发。如果我们需要在页面中实现一系列的动画效果,当毎一个动国效果完成后,就会通过一个回调函数通知逻辑代码,该动画效果完成了。为了实现动画效果的顺序展示,我们需要把这些动画效果的方法通过回调函数“串”起来。animate1(() => { animate2(() => { animate3(() =&g...
2018-04-04 17:54:02
321
原创 杂记——setTimeout()
# 定义和用法setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout(function(){ alert("Hello"); }, 1000);运以上代码,浏览器将在3秒后弹出“Hello”。# 语法 setTimeout(code, milliseconds, param1, param2, …) setTimeout(func...
2018-04-04 15:33:32
215
原创 用JavaScript代码生成一个自增的ID
没有generator之前我们得这样写:(用到闭包)function next_id(){ var current_id = 0; return function (){ return ++current_id; }}var g = next_id();for( let i = 0; i < 10; i++ ){ console...
2018-04-03 16:23:50
13675
原创 Generator(生成器)
generator是ES6中非常强悍的一个新特性。用generator 实现斐波那契数列,如下:function* fifo (){ let a = 0; let b = 1; yield a; yield b; while(true){ let next = a+b; a = b; b = n...
2018-04-03 16:12:09
2137
1
原创 JavaScript实现两个变量值交换
一个经典的问题,“两个变量之间值的交换”。1、 引入临时变量进行数据交换tmp = a;a = b;b = tmp; 引入临时变量,最最基本的方法,看着很low,但效率确实很高,经典的才是最优雅的。2、 用对象进行数据交换a = {a : b, b : a};b = a.b;a = a.a;利用对象的键值对进行数据交换3、用数组进行数据交换(一)...
2018-03-01 16:41:58
6264
1
原创 JS实现斐波那契数列
斐波那契数列(Fibonacci sequence),又称黄金分割数列、因数学家列昂纳多·斐波那契(Leonardoda Fibonacci)以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一个数列:1、1、2、3、5、8、13、21、34、55……从第3项开始,每一项都等于前两项之和。js实现如下:function fibo() { var a = 0; ...
2018-02-28 14:44:24
1067
原创 按位运算符 & 和 |
一、概述按位操作符(Bitwise operators) 将其操作数(operands)当作32位的比特序列(由0和1组成),而不是十进制、十六进制或八进制数值。例如,十进制数9,用二进制表示则为1001。按位操作符操作数字的二进制形式,但是返回值依然是标准的JavaScript数值。下面的表格总结了JavaScript中的按位操作符: 二、& (按位与)只有两个操作数相应的比特位都是1时,结果才
2018-01-03 18:02:06
373
原创 jQuery实现打字机效果
效果展示入口:https://skyfood.github.io/typewriter/demo.htmlhtml代码:div id="oDiv"> p>又回到春末的五月p> p>凌晨的集市人不多p> p>小孩在门前唱着歌p> p>阳光它照暖了溪河p> p>柳絮乘着大风吹p> p>树影下的人想睡p> p>沉默的人 从此刻p>
2018-01-03 15:48:59
1994
原创 杂记——回到顶部的小效果
效果展示入口:https://skyfood.github.io/topback/demo.htmlhtml代码:div id="content"> 向下拖动滚动条div>div id="toTop">"top.png" alt="">div>css代码:html, body { margin: 0; padding: 0;}#content
2018-01-03 09:43:28
258
转载 函数式编程初探
简单说,”函数式编程”是一种”编程范式”(programming paradigm),也就是如何编写程序的方法论。它属于”结构化编程”的一种,主要思想是把运算过程尽量写成一系列嵌套的函数调用。
2018-01-02 16:33:17
165
转载 页面重绘和回流以及优化
在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树里包含了所有HTML标签,
2017-12-27 11:54:43
184
转载 学习Javascript闭包(Closure)
作者: 阮一峰文章出处:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须
2017-12-25 13:40:46
149
转载 数据埋点的基础认识
数据分析是我们获得需求的来源之一,通过对数据的比对,对数据趋势的分析,能让我们发现哪些环节存在问题,哪些环节有提高空间。同时,数据分析也是检验功能是否有效,是否受欢迎的重要佐证。
2017-12-21 00:36:43
19713
原创 杂记——CSS sprites
又名雪碧图,一种网页图片应用处理方式。通俗讲就是将页面涉及到的所有零星图片都包含到一张大图中去,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位。
2017-10-16 16:06:51
205
原创 杂记——杨辉三角
杨辉三角,是二项式系数在三角形中的一种几何排列。在欧洲,这个表叫做帕斯卡三角形。帕斯卡(1623—-1662)是在1654年发现这一规律的,比杨辉要迟393年,比贾宪迟600年。杨辉三角是中国古代数学的杰出研究成果之一,它把二项式系数图形化,把组合数内在的一些代数性质直观地从图形中体现出来,是一种离散型的数与形的优美结合。
2017-10-16 10:44:12
317
原创 杂记——喵哥吃鱼的问题
喵哥很喜欢吃小鱼干,小鱼干2金一条,吃完的2个鱼头可以换1条小鱼干,4条鱼骨可以换1条小鱼干!(不可以:赊账、用鱼骨换鱼头),问10金最多可以吃几条小鱼干?
2017-09-14 17:56:44
339
原创 杂记——FizzBuzz问题
编写一个程序把1-100的数字打印出来。不过,要把3的倍数打成”Fizz”,把5的倍数打成”Buzz”。而如果一个数既是3的倍数。又是5的倍数时,就打成”Fizz-Buzz”,其余的输出数字。
2017-09-07 17:08:14
465
原创 一个响应式网页导航条
常用的一个响应式网页导航条解决方案,整理记录。效果展示入口:https://skyfood.github.io/nav/demo.htmlhtml结构和js代码都很简单,主要是css样式。直接粘上来的代码有点乱。最下面有demo的下载地址,可以下载看整理过的代码。主要的css知识点有:@media screen and (max-width:1279px) {} (媒体查询)...
2017-09-04 11:57:35
4797
转载 一张图彻底搞懂JavaScript的==运算
大家知道,==是JavaScript中比较复杂的一个运算符。它的运算规则奇怪,容易让人犯错,从而成为JavaScript中“最糟糕的特性”之一。
2017-08-16 14:46:18
450
原创 javascrip练习——显示当前时间
效果:https://skyfood.github.io/clock/demo1.html用到的知识点:1、Date() 对象getFullYear() 从 Date 对象以四位数字返回年份。getMonth() 从 Date 对象返回月份 (0 ~ 11)。getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一
2017-08-10 10:43:51
284
原创 数组去重
1、思路:建一新数组,遍历需要去重的数组,若元素不在新数组中就添加到新数组中。知识点:判断值是否在数组的方法“indexOf()”Array.prototype.unique = function (){ var newArr = []; //新建一个数组 for(var i=0,len=this.length;i<...
2017-08-06 10:22:22
309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人