- 博客(57)
- 收藏
- 关注
RSS订阅原创 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关注的人