杂记
zsr1860
热爱生活,热爱代码
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
杂记——src与href区别
src 与 href 的区别原创 2017-08-02 09:33:24 · 420 阅读 · 0 评论 -
JavaScript中二元运算符 && 和 ||
二元运算符 && 和 ||alert(1 && 2)alert(1 || 0)原创 2017-12-27 06:24:49 · 7010 阅读 · 1 评论 -
按位运算符 & 和 |
一、概述按位操作符(Bitwise operators) 将其操作数(operands)当作32位的比特序列(由0和1组成),而不是十进制、十六进制或八进制数值。例如,十进制数9,用二进制表示则为1001。按位操作符操作数字的二进制形式,但是返回值依然是标准的JavaScript数值。下面的表格总结了JavaScript中的按位操作符: 二、& (按位与)只有两个操作数相应的比特位都是1时,结果才原创 2018-01-03 18:02:06 · 463 阅读 · 0 评论 -
页面重绘和回流以及优化
在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树里包含了所有HTML标签,转载 2017-12-27 11:54:43 · 240 阅读 · 0 评论 -
一个响应式网页导航条
常用的一个响应式网页导航条解决方案,整理记录。效果展示入口:https://skyfood.github.io/nav/demo.htmlhtml结构和js代码都很简单,主要是css样式。直接粘上来的代码有点乱。最下面有demo的下载地址,可以下载看整理过的代码。主要的css知识点有:@media screen and (max-width:1279px) {} (媒体查询)...原创 2017-09-04 11:57:35 · 4890 阅读 · 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 · 345 阅读 · 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 · 1143 阅读 · 0 评论 -
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 · 6403 阅读 · 1 评论 -
杂记——setTimeout()
# 定义和用法setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout(function(){ alert("Hello"); }, 1000);运以上代码,浏览器将在3秒后弹出“Hello”。# 语法 setTimeout(code, milliseconds, param1, param2, …) setTimeout(func...原创 2018-04-04 15:33:32 · 281 阅读 · 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 · 487 阅读 · 0 评论 -
运算符 in
运算符 in原创 2017-12-18 14:14:21 · 1557 阅读 · 1 评论 -
常用数组方法
常用数组方法原创 2017-08-03 11:10:52 · 294 阅读 · 0 评论 -
tab切换
tab切换效果原创 2017-09-04 17:42:10 · 490 阅读 · 0 评论 -
杂记——彻底认清javascript中的作用域问题
关于作用域,作用域链,变量提升,函数提升等小知识点的一些代码段原创 2017-08-03 17:40:00 · 383 阅读 · 0 评论 -
杂记——简单理解上下文和this
这段代码考察了对上下文和this的理解原创 2017-08-04 23:34:28 · 1019 阅读 · 0 评论 -
杂记——搜索按钮的小效果
搜索按钮小效果原创 2017-09-04 16:31:45 · 523 阅读 · 0 评论 -
杂记——图标与文字垂直居中
如题的一个小问题,提供我用过的3种方法,优劣自鉴。原创 2017-09-05 10:39:45 · 609 阅读 · 0 评论 -
杂记——喵哥吃鱼的问题
喵哥很喜欢吃小鱼干,小鱼干2金一条,吃完的2个鱼头可以换1条小鱼干,4条鱼骨可以换1条小鱼干!(不可以:赊账、用鱼骨换鱼头),问10金最多可以吃几条小鱼干?原创 2017-09-14 17:56:44 · 403 阅读 · 0 评论 -
杂记——FizzBuzz问题
编写一个程序把1-100的数字打印出来。不过,要把3的倍数打成”Fizz”,把5的倍数打成”Buzz”。而如果一个数既是3的倍数。又是5的倍数时,就打成”Fizz-Buzz”,其余的输出数字。原创 2017-09-07 17:08:14 · 540 阅读 · 0 评论 -
杂记——百鸡问题
著名的百鸡问题今有鸡翁一,值钱伍;鸡母一,值钱三;鸡鶵三,值钱一。凡百钱买鸡百只,问鸡翁、母、鶵各几何?“原创 2017-09-08 10:51:21 · 393 阅读 · 0 评论 -
杂记——杨辉三角
杨辉三角,是二项式系数在三角形中的一种几何排列。在欧洲,这个表叫做帕斯卡三角形。帕斯卡(1623—-1662)是在1654年发现这一规律的,比杨辉要迟393年,比贾宪迟600年。杨辉三角是中国古代数学的杰出研究成果之一,它把二项式系数图形化,把组合数内在的一些代数性质直观地从图形中体现出来,是一种离散型的数与形的优美结合。原创 2017-10-16 10:44:12 · 422 阅读 · 0 评论 -
杂记——CSS sprites
又名雪碧图,一种网页图片应用处理方式。通俗讲就是将页面涉及到的所有零星图片都包含到一张大图中去,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位。原创 2017-10-16 16:06:51 · 253 阅读 · 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 · 531 阅读 · 0 评论
分享