JavaScript语言
关注
分享
扫一扫
文章平均质量分 71
Cutepingping
女神一生的皇冠
展开
-
几种轮播图的设计原理
第一种设计思路：通过修改每一张图片的透明度，让其每隔一段时间将其中的某一张图片透明度设为 1，而其他的设为0，从而实现图频轮流播放的效果。该种思路比较简单，首先让一组图片绝对定位，并使其重叠，通过函数切换控制图片的透明度和定时器来触发该函数，改变不同图片的透明度。<!DOCTYPE html><html lang="en"><head> <me...原创 2018-06-25 21:25:56 · 2931 阅读 · 0 评论 -
日常整理系列——笔试刷题00002
1.RegExp对象的方法JavaScript RegExp 对象有 3 个方法：test()、exec() 和 compile()。(1) test() 方法用来检测一个字符串是否匹配某个正则表达式，如果匹配成功，返回 true ，否则返回 false；(2) exec() 方法用来检索字符串中与正则表达式匹配的值。exec() 方法返回一个数组，其中存放匹配的结果。如果未找到匹配的值，...原创 2018-09-02 20:36:14 · 358 阅读 · 2 评论 -
日常整理系列——笔试刷题00003
1、元素的alt和title的异同：alt是html标签的属性，而title既是html标签，又是html属性。 title标签这个不用多说，网页的标题就是写在<title></title>这对标签之内的。 title作为属性时，用来为元素提供额外说明信息。例如，给超链接标签a添加了title属性，把鼠标移动到该链接上面是，就会显示title的内容，以达到补充说明或者提...原创 2018-09-12 20:32:50 · 242 阅读 · 0 评论 -
高质量JavaScript代码基本要点汇总（持续更新）
本博文包括一些与代码不太相关的习惯，但对整体代码的创建息息相关，包括撰写API文档、执行同行评审以及运行JSLint。这些习惯和最佳做法可以帮助你写出更好的，更易于理解和维护的代码，这些代码在几个月或是几年之后再回过头看看也是会觉得很自豪的。所以将不断从项目中，日常累积，并时常回头来回味。。。全局变量的问题全局变量的问题在于，JavaScript应用程序和web页面上的所有代码都共享了这些...原创 2018-09-20 10:29:35 · 358 阅读 · 0 评论 -
reactJS 学习指南——汇总
React学习资源汇总 React是如今最热门的前端框架，它设计思路独特，性能卓越，逻辑简单，受到了广泛开发者的喜爱。一旦接触她，你就会被她深深吸引。 我断断续续的学了将近两个月，今天终于有时间把自己学习React的一些学习资料总结一下。 React 官方 官网地址： http://facebook.github.io/react/ Github地址： ht...转载 2018-09-07 16:33:10 · 358 阅读 · 0 评论 -
函数表达式和函数声明
创建函数的最常用的两个方法是函数表达式和函数声明，两者期间的区别是有点晕，因为ECMA规范只明确了一点：函数声明必须带有标示符（Identifier）（就是大家常说的函数名称），而函数表达式则可以省略这个标示符： 函数声明: function 函数名称 (参数：可选){ 函数体 } 函数表达式： function 函数名称（可选）(参数：可选){ 函数体 }所以，...原创 2018-09-20 11:31:46 · 321 阅读 · 0 评论 -
window事件——JavaScript
window尺寸有三种方法能够确认浏览器窗口的尺寸（浏览器的窗口、不包括工具栏和滚动条）对于Internet Explorer、Chrome、Firefox、Opera以及Safari.window.innerHeight-浏览器窗口的内部高度.window.innerWidth- 浏览器窗口的内部宽度对于Internet Explorer 8/7/6/5document.doc...原创 2018-10-03 17:58:28 · 1795 阅读 · 0 评论 -
重定向跳转——javascript
重定向的概念及目的当点击一个URL来访问一个网页x,但在内部你背定向到另一页Y，仅仅是因为页面重定向。这一概念是从不用于JavaScript页面刷新，可能有各种原因，为什么想从原来的页面重定向，原因如下：1）如果不喜欢现有的域名，可以重定向到一个新的。同时，要引导所有访问者到新网站。在这种情况下，可以保持旧的域名，但放在一个页面到一个页面重定向使所有的旧域名游客可以来到新的域名2）基于...原创 2018-10-03 17:17:26 · 2139 阅读 · 0 评论 -
日常整理系列——笔试刷题00005
1）编写一个函数判断参数是否是数组类型，如果是返回 true解题思路：typeof只能识别原始类型，它无法对function和object类型做进一步判断。 验证原型对象： var bool = obj.__proto__.constructor.name == 'Array' ? true: false; 验证实例： var bool = (obj instance of Ar...原创 2018-10-12 01:11:48 · 237 阅读 · 0 评论 -
Promise对象——JavaScript
JavaScript的异步执行概述：JavaScript语言是单线程的，为了解决排队等待的现象，JavaScript将任务的执行模式分成了同步和异步。同步模式：传统的做法，后一个任务等待前一个任务结束，然后再执行，执行的执行顺序与任务的排列顺序是一致的、同步的。这往往用于一些简单的、快速的、不涉及IO读写的操作。异步模式：每一个任务分成两段，第一段代码包含对外部数据的请求，第二段代码被写成...原创 2018-10-06 00:47:58 · 211 阅读 · 0 评论 -
回文串问题——JavaScript（查找最长公共子序列）
给定一个字符串s，你可以从中删除一些字符，使得剩下的串是一个回文串。如何删除才能使得回文串最长呢？输出需要删除的字符个数。链接：https://www.nowcoder.com/questionTerminal/28c1dc06bc9b4afd957b01acdf046e69来源：牛客网输入描述:输入数据有多组，每组包含一个字符串s，且保证:1<=s.length<=1...原创 2018-10-12 23:15:33 · 572 阅读 · 0 评论 -
日常整理系列——笔试刷题00007
1）如果一个html文档内含有阿拉伯文，则应该（）答案：使用utf-8解析：utf-8是一种针对Unicode的可变长度字符编码，又称万国码。utf-8用1-6个字节编码UNICODE字符。用在网页上可以统一页面显示中文、简体、繁体以及其他语言（英语、日文、韩文）GBK是汉字编码，是双字节码，可表示繁体字和简体字ISO8859-2字符集，也称Latin-2,收集了东欧字符2）hea...原创 2018-10-13 01:06:06 · 542 阅读 · 0 评论 -
class的基本用法（第一篇）——ES6篇
含义：ES6提供了更接近传统与语言的写法，引入了class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。它的绝大部分功能ES5都可以，只是让对象原型的写法更加清晰，更像面向对象编程的语法而已。类的数据类型就是函数，类本身就指向构造函数//定义类class Point{ constructor(x, y) { this.x = x; this.y = y...原创 2018-12-13 14:42:05 · 799 阅读 · 0 评论 -
class的继承详解(第二篇)——ES6篇
概述及用法class可以通过extends关键字实现继承，在新定义的类中，通过super关键字，来表示父类的构造函数，用来新建父类的this对象 class Point {}class ColorPoint extends Point { constructor(x, y, color) { super(x, y); //调用父类的constructor(x, y) th...原创 2018-12-19 14:45:01 · 651 阅读 · 0 评论 -
深入理解async函数——ES6篇
含义及作用引入了 函数，使得异步操作变得async更加方便。async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await，仅此而已。async函数对 Generator 函数的改进，体现在以下四点。内置执行器 更好的语义 更广的适用性 返回值是 Promise基本用法async函数返回一个Promise对象，可以使用then方法添加回...原创 2018-12-12 09:40:08 · 594 阅读 · 0 评论 -
获取隐藏的div实际宽高----使用jQuery.Actual.js插件
实例代码：// get hidden element actual width $( '.hidden' ).actual( 'width' ); // get hidden element actual innerWidth $( '.hidden' ).actual( 'innerWidth' ); // get hidden element actual outer...转载 2018-09-04 13:01:49 · 1162 阅读 · 0 评论 -
关于Echarts和离线谷歌地图窗口显示不全的问题及解决方案
今日一个工作中的大数据分析平台项目中，接入了离线谷歌卫星地图和诸多Echarts。但是初次涉入数据分析平台，不可避免会碰到很多问题。最近一个特别头疼的问题就是出现白边或显示不全的问题。通过拖拽浏览器，使得浏览器重新获取可视宽高时，Echarts可以实现理想的效果，但是离线地图又出现白边问题产生的原因大致分为：1）Echarts图表所在祖辈Div隐藏后显示，发现所在的Echarts的canvas...原创 2018-09-04 11:38:57 · 2839 阅读 · 1 评论 -
日常整理系列——笔试刷题00001
一 flash 和 js 通过类Externallnterface进行交互1、在js里调用的flash里的方法Externallnterface.addCallback("在js里可调用的flash方法名",flash内方法) 2、在flash里调用js里的方法Externallnterface.call("js方法"，传给js的参数) ...原创 2018-08-21 23:38:50 · 218 阅读 · 0 评论 -
ECMAScript 数组方法总汇
1. 检测方法instanceof() 检测对象是否是数组的一种经典方法isArray() 方法的目的是最终确定某个值到底是不是数组，而不管它是在哪个全局执行环境中创建的。是ECMAScript 5 新增的检测方法。2. 转换方法toLocaleString() 经常也会返回与toString()和valueOf()方法相同的值，但也不总是如此。当调用数组的toLocaleString()方法时...原创 2018-06-19 16:23:12 · 399 阅读 · 0 评论 -
面向对象简要小结
面向对象：简而言之，就是使用对象开发，是过程开发的封装。它与c++/java等语言的继承性有区别，继承的方法多样，而c++/java等语言有固定的格式要求，JavaScript没有是很自由的。特性：抽象性，如果需要用一个对象描述一个数据，需要抽取这个对象的核心数据。1）抽取核心数据；2）以编号为标识，不知道编号下的具体内容。 封装性，是将数据与功能组合到一起，js对象就是键值对的集...原创 2018-06-27 15:32:25 · 190 阅读 · 0 评论 -
调试工具的使用，新手必看
F12键适用于（谷歌、IE、火狐浏览器） ctrl+shift+alt（safari浏览器）控制台在控制台中敲代码效果和本地编辑器一致，“>”表示输入，“>”表示输出，强大到无法想象。一个优秀的前端程序猿一定是一个优秀的调试工具牛逼者。当运行以下代码：var num = 123;console.log(num);//输入的时候写的是函数的定义，但是输出为undefin...原创 2018-06-27 16:08:11 · 584 阅读 · 0 评论 -
值与引用类型
最大的区别：引用类型有单独的存储空间，只引用对方的地址；值类型直接存在变量中。##字符编码：1、ASCII编码：128刚好7个二进制，0-127，基本的控制字符 数字：48-57；字母：65-972、双字节字符3、Unicode 4、utf-8：统一转换格式，与ASCII重合部分使用1个字节，汉字部分使用3个字节##答疑：1、字符所占字节 *需考虑的编码： *ASCII编码：...原创 2018-06-27 16:43:28 · 199 阅读 · 0 评论 -
浅拷贝与深拷贝
注意：拷贝的对象是object类型，一定要确保是引用类型。1、定义： *拷贝：复制一份，只将对象数据复制，拷贝对象的属性值的变化，不会影响原对象。 *深拷贝：拷贝时，将数据的所有引用结构都拷贝一份。 *浅拷贝：拷贝时，只针对当前对象的属性进行拷贝，那就是浅拷贝。2、代码演示 var car = { name : "法拉利" }； ...原创 2018-06-27 16:57:28 · 221 阅读 · 0 评论 -
javascript利用fetch实现异步请求的方法实例
#javascript利用fetch实现异步请求的方法实例首先是考虑fetch的原声支持情况，safari在10.1 之后才支持，ios更是10.3之后才支持，IE完全不支持。当然新技术的发展总会经历这个过程。Ajax请求：普通的Ajax请求，用XHR发送一个json 请求一般是这样的：... var xhr = new XMLHttpRequest(); xhr.open("GET",url);...原创 2018-07-05 09:31:14 · 1477 阅读 · 0 评论 -
JavaScript基础之详解——localStorages代码解析及封装问题与setTimeout函数的执行上下文
<script> //封装过期控制代码 function set(key,value){ var curTime = new Date().getTime(); localStorage.setItem(key,JSON.stringify({data:value, time:curTime})); } function...原创 2018-07-05 10:14:51 · 533 阅读 · 0 评论 -
即时反映的input和propertychange方法、for of与for in的区别
即时反映的input和propertychange方法在web开发中，有时会需要动态监听输入框值的变化，当使用onkeydown、onkeypress、onkeyup作为监听事件时会发现一些复制粘贴等操作作用不了。同时，在处理组合快捷键的时候也很麻烦，这时，我们需要更专业的解决方案：HTML标准事件：oninput、onchange和IE专属的事件properchange。1. oninput$o...原创 2018-07-06 10:11:39 · 783 阅读 · 0 评论 -
如何处理前端js报错——容错处理的汇总
在工作和实践中，总会遇到图片，，等的路径找不到。当然能够找到是极好的，但如果图片或某些文件写在被封装压缩整理过的js中，其实就是两种情况，跨域或不跨域1）跨域，请求的img失败，没有显示，显示本地默认的一个图在onerror中处理2）同域，同域如果目的图片加载不出，errorImg估计也加载不出，当然排除低级错误可先用js去预判不稳定的服务器下的图片function addImg(...原创 2018-08-09 11:03:08 · 4487 阅读 · 0 评论 -
谷歌地图应用——基础篇之入门
示范代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width = device-width, initial-scale = 1.0, user-s原创 2018-08-09 11:40:09 · 1061 阅读 · 0 评论 -
谷歌地图应用篇————接口应用基础（详解）
一：基本知识： 1. 使用谷歌地图 API 的第一步就是要注册一个 API 密钥，需要注重一下两点： 1.假如使用 API 的页面还没有发布，只是在本地调试，可以不用密钥，随便用个字符串代替就可以了。 2.API 密钥只对网站目录或者域有效。对不同域的网页，需要用这些域分别注册不同的密钥2.页面引用javascript文件<script src="http://d...转载 2018-08-06 16:07:13 · 2833 阅读 · 0 评论 -
函数定义功能汇总 （箭头函数、函数生成器声明等）
今天偶的发现一个新鲜的生成器函数，故此查询到了所有的函数声明定义的相关资料。供以后参考，累积。。主要包括：函数声明 函数表达式 生成器函数声明 生成器函数表达式 箭头函数表达式 几大类一 、 函数声明 （function声明）声明函数有一种特殊的语法：函数名称（[ param [, param [,... param]]]）{ statements }name 功能名称 ...原创 2018-08-24 00:16:03 · 1141 阅读 · 1 评论 -
JS中的const、var、 let的区别
今天刷牛客网时遇到const定义的变量，查阅了相关资料整理了这篇文章。主要内容是：js中三种定义变量的方式const， var， let的区别。1.const定义的变量不可以修改，而且必须初始化。const b = 2; //正确//const b; //错误；必须初始化console.log('函数外const定义b: ' + b); //有输出值//b = ...原创 2018-08-21 22:01:14 · 172 阅读 · 0 评论 -
React+Atd+Dva架构深入理解——框架
PC管理端架构技术构成：1）基础框架React ----性能优越、稳定可靠虚拟DOM技术，网页在内存拼接，一次批量快速渲染2）UI组件库Ant Design ----成熟、丰富、稳定的React UI组件库文档说明清晰，使用人数多，常用UI组件多，界面美观，可定制性高3）数据状态管理Dva跨组件数据状态共享，避免复杂的数据传递，任一组...原创 2018-12-19 09:36:18 · 1775 阅读 · 1 评论