09 2018 档案
摘要：js代码，如下： 这到底是什么原理呢?为什么一堆符号运算结果竟然能是两个字符，而且恰巧还是个sb! 其实靠的是js的类型转化的一些基本原理，本篇就来揭密”sb”是如何炼成的。相信你如果能把这个理清楚了，以后遇到类型转化之类的题目，就可以瞬间秒杀了。 首先要运用到的第一个知识就是js运算符的优先级，因
阅读全文
摘要：记一道JavaScript面试题 问题: 如果我们使用JavaScript的”关联数组”，我们怎么计算”关联数组”的长度？ 其实答案很简单，直接计算key的数量就可以了。 在实际开发中，我们有时需要知道对象的所有属性，原生js给我们提供了一个很好的方法：Object.keys()，该方法返回一个数组
阅读全文
摘要：要进行各种各样的运算，就要使用不同的运算符号。 赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、 算术运算符(+,-,*,/,++,--,%)、 比较运算符(>,<,<=,>=,==, ,!=,!==)、 逻辑运算符(||,&&,!)、 条件运算(?:)、 位移运算符(|
阅读全文
摘要：按位运算符是把操作数看作一系列单独的位，而不是一个数字值。所以在这之前，不得不提到什么是“位”： 数值或字符在内存内都是被存储为0和 1的序列，每个0和1被称之为1个位,比如说10进制数据2在计算机内被存储为 0 0 0 0 0 0 1 0，当我们将内存内的位值改变之后，这个值代表的意义也就变了，比
阅读全文
摘要：昨天了解了一下Fisher–Yates shuffle费雪耶兹随机置乱算法，现在再来看看下面这个曾经网上常见的一个写法： 或者使用更简洁的 ES6 的写法： 但是这种写法是有问题的，它并不能真正地随机打乱数组。 问题 看下面的代码，我们生成一个长度为 10 的数组['a', 'b', 'c', 'd
阅读全文
摘要：位运算符是在数字底层（即表示数字的 32 个数位）进行操作的。 重温整数 ECMAScript 整数有两种类型，即有符号整数（允许用正数和负数）和无符号整数（只允许用正数）。在 ECMAScript 中，所有整数字面量默认都是有符号整数，这意味着什么呢？ 有符号整数使用 31 位表示整数的数值，用第
阅读全文
摘要：Fisher–Yates随机置乱算法也被称做高纳德置乱算法，通俗说就是生成一个有限集合的随机排列。Fisher-Yates随机置乱算法是无偏的，所以每个排列都是等可能的，当前使用的Fisher-Yates随机置乱算法是相当有效的，需要的时间正比于要随机置乱的数，不需要额为的存储空间开销。 一、算法流
阅读全文
摘要：1. DIV + CSS 练习：太极阴阳图。 基本思路：由三个div块元素组成； #taiji太极阴阳图底面 #yin太极阴阳图阴面小圆 #yang太极阴阳图阳面小圆 （太极阴阳图：上为阳下为阴或左为阳又为阴） 2. 太极阴阳图底图#taiji： 巧用边框：宽度0高度300px，左右边框150分别1
阅读全文
摘要：使用CSS3纯代码来实现模拟时钟，及指针动画功能。 在这里主要使用到css3一些基本元素： border-radius：圆角边框，画圆形；表盘 Transform：变换，旋转，扭曲；刻度盘，指针形状 Animation：时分秒指针转动。 :before/:after :伪元素 基本思路： 1.使用d
阅读全文
摘要：Ajax jquery的库的简化版本 (function(){ //面向外界的唯一变量接口！ var myajax = window.myajax = {}; //作者、版本号等等信息 myajax.author = "考拉"; myajax.version = "1.0.0"; //这个对象有两个
阅读全文
摘要：首先感谢某某作者写的文章：http://www.jb51.net/article/12793.htm 直接上代码，注意文件名为env.js 原理如下： 一次批量加要加载的文件存入数组，采用Ajax方式异步载入各个文件，然后采用循环方式逐个执行下载下来的Js或者Css文件，如果已经被缓存（localS
阅读全文
摘要：加群链接需要idkey的，该源码自动解析idkey，实现免idkey加群。 该源码来自彩虹秒赞系统。 例如：api.yum6.cn/qqun.php?qun=463631294 转自：https://www.youngxj.cn/544.html
阅读全文
摘要：/** * ITCAST WEB * Created by lsy on 2016/5/24. */ /* * 1. 请求的类型 type get post * 2. 请求地址 url * 3. 是异步的还是同步的 async false true * 4. 请求内容的格式 ...
阅读全文
摘要：这里我工作中收集了10个很不错的CSS技巧，你可以用在你的项目上。它可以帮你很好地整理你的元素并让他们看起来蛮酷的。下面开始我们的内容，希望你会喜欢它。下面是我收集的CSS技巧，希望能帮助到你，感觉收藏吧。 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ 2. 使用 :not(
阅读全文
摘要：JavaScript Puzzlers原文 1. ["1", "2", "3"].map(parseInt) 答案：[1, NaN, NaN] 答案：[1, NaN, NaN] 解析：parseInt (val, radix) ：两个参数，val值，radix基数（就是多少进制转换） 解析：pars
阅读全文
摘要：https://segmentfault.com/a/1190000015288700 1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象数据封装类对象：Object、A
阅读全文
摘要：1.hasOwnProperty相关 为了判断一个对象是否包含自定义属性而不是原型链上的属性，我们需要使用继承自 Object.prototype 的 hasOwnProperty方法。hasOwnProperty 是 JavaScript 中唯一一个处理属性但是不查找原型链的函数。 // 修改Ob
阅读全文
摘要：1.怎么让一个不定宽高的 DIV，垂直水平居中? 使用Flex 只需要在父盒子设置：display: flex; justify-content: center;align-items: center; 使用 CSS3 transform 父盒子设置:display:relative Div 设置:
阅读全文
摘要：前几天，我们学习了JavaScript的入门课程，但是要想做网站，仅仅学会入门是不够的，今后的几天，我将带领大家精通JavaScript，希望大家好好学习！ JS内置对象 String对象：字符串对象，提供了对字符串进行操作的属性和方法。 Array对象：数组对象，提供了数组操作方面的属性和方法。
阅读全文
摘要：Array对象： 属性： .length 获得数组的长度； 方法： .concat（） 连接内容或者数组，组成新的数组； .join（n） 用n连接数组的每一项组成字符串，可以是空字符串； .pop（） 删除数组的最后一项数据，并返回删除的数据； .push（） 在数组最后加入新的内容返回新的数组的
阅读全文
摘要：Javascript的变量 实际上JavaScript中，变量 = 对象属性，这是因为 Javascript 在执行脚本之前会创建一个Global对象，所有的全局变量都是这个Global对象的属性，执行函数时也会创建一个Activation对象，所有的局部变量都是这个Activation对象的属性。
阅读全文
摘要：方法都是基础，学习一下代码的工整 一开始看到bS1 ? 噫，这是什么鬼，我顿了一下，细看下句尾不是分号而是冒号，三元运算 只是平时像这样长句的话，一般都用if else 加{}，而此作者把？号和：号写在句尾很明了 还有一点是三元运算中间都是用的逗号表达式，而我平时都是的分号， 逗号表达式的一般形式是
阅读全文
摘要：前面说到的事件冒泡不是很明了，接上节问题，再记录一下 1.上面div中，如果单击core，会执行多少个alert？先后顺序是什么？ 该问题的答案取决于浏览器的对事件处理的机制。对于下图的结构，当两个element都绑定了onclick方法时，执行的顺序是什么？ Netscape主张元素1的事件首先发
阅读全文
摘要：前两节都和addEventListener的click有关，于是在想它与onclick有什么区别呢，自己调试了一下，网上也有相关资料 事件绑定 onclick绑定方式 优点： - 简洁 - 处理事件的this关键字指向当前元素 缺点： - 不能对事件捕获或事件冒泡进行控制，只能使用事件冒泡，无法切换
阅读全文
摘要：这里演示JS仿腾讯微博无刷新删除效果，将显示在微博列表里的内容删除，运用AJAX技术，无刷新删除微博的内容，参考性强，希望对初学AJAX的朋友有所帮助。 在线演示地址如下： http://demo.jb51.net/js/2015/js-f-sina-web-ajax-del-info-demo/
阅读全文
摘要：IE下： 其他浏览器下（当然，只有IE8及更早的版本不支持，Opera 7.0 及 Opera 更早版本也不支持）： 原因： 事件触发顺序有两种：事件捕获与事件冒泡。 1.冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 2.捕获型事件(event ca
阅读全文
摘要：在ES6之前JavaScript 里面本身没有map对象，但是用JavaScript的Array、Object来模拟实现Map的数据结构。 现在已经有Map对象了，这里记录一下之前的写法 Array方法 Object方法
阅读全文
摘要：ES6 ES5中的数据结构，主要是用Array和Object。在ES6中主要新增了Set和Map数据结构。到目前为止，常用的数据结构有四种Array、Object、Set、Map。下面话不多说了，来一起看看详细的介绍吧。 // 数据结构横向对比，增，查，改，删 1、map和数组对比 2、set和数组
阅读全文
摘要：最近用博客园记录一些基础知识，发现打开博客页面时老是卡顿，控制台报 x Failed to load resource: net::ERR_CONNECTION_TIMED_OUT 卡顿地址是：https://www.google.com/ads/ga-audiences?v=1&aip=1&t=s
阅读全文
摘要：前言 JavaScript中对象的本质是键值对的集合，ES5中的数据结构，主要是用Array和Object，但是键只能是字符串。为了弥补这种缺憾，ES6带来了一种新的数据结构Map。 Map也是键值对的集合，只是键不仅可以是字符串还可以是其他数据类型，比如：对象（是不是很神奇）。请看下面例子。。下面
阅读全文
摘要：对象什么的，程序员可是有很多呢... JS三大对象 对象，是任何一个开发者都无法绕开和逃避的话题，她似乎有些深不可测，但如此伟大和巧妙的存在，一定值得你去摸索、发现、征服。 我们都知道，JavaScript有3大对象，分别是本地对象、内置对象和宿主对象。 在此引用ECMA-262（ECMAScrip
阅读全文
摘要：例子没有什么实际意义，只能做为思路参考 由于两个return返回的都是匿名函数，所以就变成了执行（1）的时候，饭后匿名函数b，所以执行b匿名函数的时候，返回的就是执行c的匿名函数。最后的结果就是打印出了 1 2 3
阅读全文
摘要：1 css是什么？层叠样式表，修饰网页结构2 如何去使用css？a.在html网页中，加入一个style标签，在这个style标签里面写css代码b.可以直接把style里面的代码放到一个单独的文件中，通过link标签去引入 （常用）c.直接在html开始标签的style属性里面去写css代码以上三
阅读全文
摘要：关于canvas 的基础知识就不多说了，可以进这个网址学习 http://www.w3school.com.cn/html5/html_5_canvas.asp 对于canvas 和 SVG 其实一开始个人是比较倾向于SVG多一点，不过后来工作需要，又学习了下canvas, 这两个之间主要不同是 c
阅读全文
摘要：匿名函数 1，把匿名函数赋值给变量 var test = function() { return 'guoyu'; }; alert(test);//test是个函数 alert(test()); 2，把匿名函数自我执行的返回值赋值给变量 var test = (function() { retur
阅读全文
摘要：干什么用的？ 离线缓存为的是第一次请求后，根据manifest文件进行本地缓存，并且在下一次请求后进行展示（若有缓存的话，无需再次进行请求而是直接调用缓存），最根本的感觉是它使得WEB从online可以延伸到了offline领域。 应用场景h5游戏及一些页面内容不经常会变动，相对较为固定的内容。 一
阅读全文
摘要：函数返回值 所有函数都有返回值，没有return语句时，默认返回内容为undefined，和其他面向对象的编程语言一样，return语句不会阻止finally子句的执行。 如果函数调用时在前面加上了new前缀，且返回值不是一个对象，则返回this(该新对象)。 如果返回值是一个对象，则返回该对象。
阅读全文
摘要：在js中，函数本身属于对象的一种，因此可以定义、赋值，作为对象的属性或者成为其他函数的参数。函数名只是函数这个对象类的引用。 函数定义 从技术上讲，这是一个函数表达式。但不推荐使用，因为这种语法会导致解析两次代码。第一次是解析常规javascript代码，第二次解析传入构造函数中的字符串，影响性能。
阅读全文
摘要：字符串的生成转换 你可以将任何类型的数据都转换为字符串，你可以用下面三种方法的任何一种： 字符串转化为其他类型 js提供了parseInt()和parseFloat()两个转换函数，Number也可以实现转化 字符的操作 字符串增删查改 字符串比较 比较两个字符串，比较是规则是按照字母表顺序比较的
阅读全文
摘要：函数是JavaScript中很重要的一个语言元素，并且提供了一个function关键字和内置对象Function，下面是其可能的用法和它们之间的关系。 function使用方式 最普通的function使用方式，定一个JavaScript函数。两种写法表现出来的运行效果完全相同，唯一的却别是后一种写
阅读全文
摘要：我们在WEB开发时，很多时候往往需要我们 JavaScript 来动态建立 html 元素，动态的设置相关的属性。比方说我们想要建立一個 div 层，则可以使用以下代码实现。 一.直接建立function Button1_onclick() //直接采用代码建立一个DIV{ var newEleme
阅读全文
摘要：Object对象 Object对象包含如下属性和方法，也就意味着一切对象（函数也是对象）都包含如下方法。 每种方法和属性在不同的对象中有不同的作用，并不是每种对象都有使用每个方法的必要。 下面是Object对象的派生对象在使用这些方法和属性时的意义。Object对象只是定义了他们，并没有使用他们。
阅读全文
摘要：数组操作全解 js变量类型 var string; var name = "student",age=12; //underfined、null、boolean、string、number为基本数值类型。逗号一并定义初始化多个变量。基本包装类型String、Boolean、Number通过value
阅读全文
摘要：使用原生的javascript封装动画函数(有callback功能)
阅读全文
摘要：/这边是自己封装了一个函数，其实从性能优化的角度来考虑，我们可以先在内存中创建一个canvas标签，将这个图画放在内存中的canvas里面，再将内存中创建好的canvas放到页面上的这个canvas标签上，这只是一个思路，希望大家可以往这方面考虑
阅读全文
摘要：(function(window,undefined){ var arr = [], push = arr.push, slice = arr.slice; //首先要做的就是封装一个parseHtml函数 //要注意的是，parthHtml要放在一个自调用函数内 var parseHtml = (function(){ ...
阅读全文
摘要：封装矩形构造函数，扇形构造函数
阅读全文
摘要：文件夹主要建立以下文件夹： 1、Images 存放一些网站常用的图片； 2、Css 存放一些CSS文件； 3、Flash 存放一些Flash文件； 4、PSD 存放一些PSD源文件； 5、Temp 存放所有临时图片和其它文件； 6、copyright 版权信息（可选） 8、readme 说明文件 c
阅读全文
浙公网安备 33010602011771号