![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
zsr1860
热爱生活,热爱代码
展开
-
JSON.stringify() 和 JSON.parse() 的详细使用
JSON.stringify() 和 JSON.parse() 的详细使用原创 2020-07-19 16:24:46 · 267 阅读 · 0 评论 -
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 · 272 阅读 · 0 评论 -
一个响应式网页导航条
常用的一个响应式网页导航条解决方案,整理记录。效果展示入口:https://skyfood.github.io/nav/demo.htmlhtml结构和js代码都很简单,主要是css样式。直接粘上来的代码有点乱。最下面有demo的下载地址,可以下载看整理过的代码。主要的css知识点有:@media screen and (max-width:1279px) {} (媒体查询)...原创 2017-09-04 11:57:35 · 4784 阅读 · 0 评论 -
杂记——回到顶部的小效果
效果展示入口: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 · 249 阅读 · 0 评论 -
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 · 1978 阅读 · 0 评论 -
按位运算符 & 和 |
一、概述按位操作符(Bitwise operators) 将其操作数(operands)当作32位的比特序列(由0和1组成),而不是十进制、十六进制或八进制数值。例如,十进制数9,用二进制表示则为1001。按位操作符操作数字的二进制形式,但是返回值依然是标准的JavaScript数值。下面的表格总结了JavaScript中的按位操作符: 二、& (按位与)只有两个操作数相应的比特位都是1时,结果才原创 2018-01-03 18:02:06 · 362 阅读 · 0 评论 -
JavaScript中二元运算符 && 和 ||
二元运算符 && 和 ||alert(1 && 2)alert(1 || 0)原创 2017-12-27 06:24:49 · 6852 阅读 · 1 评论 -
运算符 in
运算符 in原创 2017-12-18 14:14:21 · 1431 阅读 · 1 评论 -
一个超简单的闭包示例
一个超简单的闭包示例原创 2017-12-25 14:20:03 · 7861 阅读 · 0 评论 -
一个超简单的闭包示例
一个超简单的闭包示例原创 2017-07-19 22:41:26 · 380 阅读 · 0 评论 -
常用数组方法
常用数组方法原创 2017-08-03 11:10:52 · 231 阅读 · 0 评论 -
tab切换
tab切换效果原创 2017-09-04 17:42:10 · 408 阅读 · 0 评论 -
杂记——杨辉三角
杨辉三角,是二项式系数在三角形中的一种几何排列。在欧洲,这个表叫做帕斯卡三角形。帕斯卡(1623—-1662)是在1654年发现这一规律的,比杨辉要迟393年,比贾宪迟600年。杨辉三角是中国古代数学的杰出研究成果之一,它把二项式系数图形化,把组合数内在的一些代数性质直观地从图形中体现出来,是一种离散型的数与形的优美结合。原创 2017-10-16 10:44:12 · 309 阅读 · 0 评论 -
用canvas画个表
用canvas画个表原创 2018-01-20 10:53:47 · 234 阅读 · 0 评论 -
学习Javascript闭包(Closure)
作者: 阮一峰文章出处:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须转载 2017-12-25 13:40:46 · 144 阅读 · 0 评论 -
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 · 1045 阅读 · 0 评论 -
杂记——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 · 316 阅读 · 0 评论 -
关于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 · 392 阅读 · 0 评论 -
Promise介绍——基础篇
在实际的Javascript开发中,我们会使用到很多的异步开发。如果我们需要在页面中实现一系列的动画效果,当毎一个动国效果完成后,就会通过一个回调函数通知逻辑代码,该动画效果完成了。为了实现动画效果的顺序展示,我们需要把这些动画效果的方法通过回调函数“串”起来。animate1(() => { animate2(() => { animate3(() =&g...原创 2018-04-04 17:54:02 · 310 阅读 · 0 评论 -
杂记——setTimeout()
# 定义和用法setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout(function(){ alert("Hello"); }, 1000);运以上代码,浏览器将在3秒后弹出“Hello”。# 语法 setTimeout(code, milliseconds, param1, param2, …) setTimeout(func...原创 2018-04-04 15:33:32 · 194 阅读 · 0 评论 -
用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 · 13613 阅读 · 0 评论 -
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 · 2121 阅读 · 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 · 6240 阅读 · 1 评论 -
杂记——百鸡问题
著名的百鸡问题今有鸡翁一,值钱伍;鸡母一,值钱三;鸡鶵三,值钱一。凡百钱买鸡百只,问鸡翁、母、鶵各几何?“原创 2017-09-08 10:51:21 · 297 阅读 · 0 评论 -
杂记——FizzBuzz问题
编写一个程序把1-100的数字打印出来。不过,要把3的倍数打成”Fizz”,把5的倍数打成”Buzz”。而如果一个数既是3的倍数。又是5的倍数时,就打成”Fizz-Buzz”,其余的输出数字。原创 2017-09-07 17:08:14 · 459 阅读 · 0 评论 -
杂记——喵哥吃鱼的问题
喵哥很喜欢吃小鱼干,小鱼干2金一条,吃完的2个鱼头可以换1条小鱼干,4条鱼骨可以换1条小鱼干!(不可以:赊账、用鱼骨换鱼头),问10金最多可以吃几条小鱼干?原创 2017-09-14 17:56:44 · 332 阅读 · 0 评论 -
JavaScript难点——变量提升和函数提升(一)
变量提升 函数提升原创 2017-08-02 13:38:07 · 297 阅读 · 0 评论 -
JavaScript难点——变量提升和函数提升(三)
关于函数和变量同时提升的问题原创 2017-08-02 18:06:56 · 219 阅读 · 0 评论 -
JavaScript难点——变量提升和函数提升(二)
变量提升和函数提升原创 2017-08-02 13:42:28 · 216 阅读 · 0 评论 -
一张图彻底搞懂JavaScript的==运算
大家知道,==是JavaScript中比较复杂的一个运算符。它的运算规则奇怪,容易让人犯错,从而成为JavaScript中“最糟糕的特性”之一。转载 2017-08-16 14:46:18 · 444 阅读 · 0 评论 -
JavaScript中call,apply,bind方法的总结
call和apply都是改变上下文中的this并立即执行这个函数,bind方法可以让对应的函数想什么时候调就什么时候调用,并且可以将参数在执行的时候添加,这是它们的区别,根据自己的实际情况来选择使用。转载 2017-08-03 10:14:19 · 186 阅读 · 0 评论 -
彻底理解 JS 中 this 的指向
this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象转载 2017-08-03 10:15:40 · 246 阅读 · 0 评论 -
JavaScript 世界万物诞生记
JavaScript 世界万物诞生记转载 2017-08-16 09:36:16 · 241 阅读 · 0 评论 -
JavaScript难点——立即执行函数(二)
立即执行函数原创 2017-07-19 13:52:47 · 454 阅读 · 0 评论 -
选择排序
表现最稳定的排序算法之一,因为无论什么数据进去都是O(n²)的时间复杂度原创 2017-07-18 22:55:16 · 298 阅读 · 0 评论 -
冒泡排序
冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列,一次比较两个元素,如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。原创 2017-07-17 21:27:00 · 194 阅读 · 0 评论 -
函数作用域和作用域链
函数作用域就是变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。在JS中没有会块级作用域,只有函数作用域,因此JS中还存在着另外一种怪异现象,那就是变量提升。转载 2017-06-23 10:21:51 · 280 阅读 · 0 评论 -
JavaScript难点——立即执行函数(一)
立即执行函数原创 2017-07-19 11:52:32 · 302 阅读 · 0 评论 -
javascript中数据类型的隐式转换
一段有趣的代码原创 2017-08-10 13:43:30 · 258 阅读 · 0 评论 -
杂记——搜索按钮的小效果
搜索按钮小效果原创 2017-09-04 16:31:45 · 463 阅读 · 0 评论