笔记

这种使用场景为当首页有几个链接需要选择的时候,使用键盘就可以进行触发行为复制下来放本地用吧网页上直接测试有问题下面是demo代码html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>9</title><scripttype="text/javascript"src="http://cdn.static.runoob.com/libs/jq ...

54644938

54644938|3D轮播效果图

发布于 昨天 11:35 浏览:183 类型:原创 - 教程 分类:JavaScript 举报

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><styletype="text/css">*{&nbs ...

cl296894988

cl296894988|JavaScript pop() shift() unshift() push()

发布于 前天 10:44 浏览:49 类型:原创 - 教程 分类:JavaScript 举报

pop()方法用于删除数组的最后一个元素并返回删除的元素。varfruits=["Banana","Orange","Apple","Mango"];fruits.pop();fruits结果输出:Banana,Orange,Appleshift()方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。varfruits=["Banana","Orange","Apple","Mango"];fruits.shift()fru ...

differ_wy

differ_wy|【indexedDB】indexedDB初体验

发布于 4 天前 浏览:80 类型:原创 - 教程 分类:JavaScript 举报

任何一个新东西拿来的时候,我们关注的第一点是什么?定义。indexedDB:索引数据库。特点:本地离线存储,NoSql形式,持久化。用途:1,移动应用存储一些一般不会改变的数据到本地,节省带宽。2,状态保存这里我封装了一个idb对象,可以实现常见的:数据库创建(同时创建对象存储,为对象存储设置索 ...

1024649179

1024649179|JavaScript canvas

发布于 4 天前 浏览:61 类型:转载 - 教程 分类:JavaScript 举报

简介HTML5<canvas>是绘制图形/图像的容器。它本身并没有绘制能力,您必须使用脚本来完成实际的绘图任务(通常是JavaScript)。如果浏览器不支持<canvas>的话,会显示<canvas>标签内定义的元素。例如,下面代码在不支持的<canvas>浏览器下就会忽略<canvas>标签,显示<p>标签。 ...

bennyook

bennyook|答对6个算我输。

发布于 5 天前 浏览:1522 类型:原创 - 教程 分类:JavaScript 举报

总共6道题。下面是答案,做完再看看。1。["1","2","3"].map(parseInt)为多少?2。console.log(0.1+0.2==0.3)输出什么?3。vara=b=10;(function(){vara=b=20;})();console.log(a);consol ...

yujuncheng

yujuncheng|简单说一说数据结构——队列

发布于 6 天前 浏览:92 类型:原创 - 教程 分类:JavaScript 举报

上一次我们已经学习了栈。今天我们来说一说队列。队列和栈非常类似,都是非常容易理解的数据结构。队列是遵循先来先服务原则的一组有序的项。队列在尾部添加新元素,并从顶部移除元素。在现实中,最常见的队列的例子就是排队:排在前面的会先被服务,不管是什么服务。概念的东西非常简单,在这里就不再多说了。接 ...

简单说一说数据结构——队列
夏noodle

夏noodle|vue-cli多页面脚手架

发布于 7 天前 浏览:136 类型:原创 - 教程 分类:JavaScript 举报

关于vue-cliVue-cli是vue官方提供的一个命令行工具(vue-cli),可用于快速搭建大型单页应用。(之前体验学习vue.js一段时间,慢慢开始接触使用vue-cli多页面脚手架)。帮助你快速开始一个vue项目,其实其本质就是给你一套文件结构,包含基础的依赖库,你只需要npminstall一下就可以安装。让你不需要为编译或其他琐碎的事 ...

vue-cli多页面脚手架
Lin_Grady

Lin_Grady|一些搞死人的基础题 --- (不定时更新)

发布于 7 天前 浏览:1344 类型:原创 - 教程 分类:JavaScript 举报

一,一道常被人轻视的前端JS面试题作者:小小沧海出处:http://www.cnblogs.com/xxcanghai/本文地址:http://www.cnblogs.com/xxcanghai/(題型是一樣的,衹是用我自己的理解去分析,爲了不混淆,我略微修改下代碼而已。説來慚愧,雖然我只錯了一題,最難的後面三題都對了,但是思路是錯的,所以希望大家不要衹看答 ...

一些搞死人的基础题 --- (不定时更新)
刘丝

刘丝|react-router项目实战

发布于 7 天前 浏览:127 类型:转载 - 教程 分类:JavaScript 举报

阅读目录摘要:为什么要用路由?入口文件:render/app.js2、IndexRoute的作用3、路由匹配原理:子路由下还有子路由的情况路由之间参数的传参: ...

differ_wy

differ_wy|【canvas】打造环形进度条

发布于 7 天前 浏览:1469 类型:原创 - 教程 分类:JavaScript 举报

昨下午睡着了,晚上打开手机才发现朋友给我发了一个QQ消息,问我这个怎么实现?这里就选canvas来简单写一下先上代码,然后在说一说需要注意的点:canvas环形进度条效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>canvas环形进度条</title><style>body{background-color:#000;t ...

花落谁家

花落谁家|javascript实现地狱的技术

发布于 2017-03-21 16:03:40 浏览:1979 类型:原创 - 教程 分类:JavaScript 举报

html代码效果预览<!doctypehtml><!--HTML5页面文档的声明--><html><!--页面最外部结构--><head><!--网页的头部--><!--charset="编码集"utf-8国际编码gbkgbk2312中文--><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><metaname="keywords"content="关键词的内容36个字范围内 ...

bennyook

bennyook|面试常见的js算法题

发布于 2017-03-21 11:18:35 浏览:230 类型:原创 - 教程 分类:JavaScript 举报

我们去面试一般都有笔试,笔试题一般都会涉及到很多算法的东西。不管你用的多不多,反正就是要会。不然笔试很难过。就算是直接面试的,有时候也会遇到面试官直接叫你当场写个算法题出来这种情况。因为笔试时间很有限,不会出很复杂的题目,所以笔试怎么出都不会离开下面这几种题。废话不多说,下面来列出主要的几个算法 ...

newconstructor[([arguments])];創建一個用戶定義的對象類型的實例或具有構造函數的內置對象類型之一構造函數(constructor):一個指定對象實例的類型的函數。傳參(arguments):一個用來被構造函數調用的參數列表。這是基本用法,大家都懂的,然後我們往深層次里挖掘下底層原理怎麼運作的.假設有個函數javascript代碼效果 ...

javascript代码效果预览functionnormalize(arr){//判断传入的是否是数组if(arr&&Object.prototype.toString.call(arr)!=='[objectArray]'){return;}//当作为对象属性时,会发生强制类型转换,为了区别类型,创建不同对象来去重。//例如:1,'1'都会被转化为obj['1'], ...

TaylorPzreal

TaylorPzreal|Angular1.x 返回顶部自定义指令

发布于 2017-03-16 17:18:54 浏览:101 类型:原创 - 教程 分类:JavaScript 举报

Angular1.x返回顶部实现css代码$back-top-bgc:rgba(0,0,0,0.4);$back-top-bgc-hover:rgba(0,0,0,0.6);.back-top-top{position:fixed;bottom:7rem;right:1.5rem;width:3.4rem;height:3.4rem;border-radius:0.2rem;background-color:$back-top-bgc;display:flex;a ...

pvfhv

pvfhv|codemirror总结

发布于 2017-03-15 17:58:22 浏览:74 类型:原创 - 教程 分类:JavaScript 举报

codemirror基本使用方法小结一下:1.在文档中创建一个<textareaid="myCode"></textarea>2.创建一个实例并为之绑定事件javascript代码效果预览vareditor=CodeMirror.fromTextArea(document.getElementById("myCode"),{mode:"text/x-mariadb"});editor.on("blur",function(){alert(1);}); ...

linshuai

linshuai|Vuex 模块化实现待办事项的状态管理

发布于 2017-03-15 10:45:31 浏览:110 类型:原创 - 教程 分类:JavaScript 举报

前言在vue里,组件之间的作用域是独立的,父组件跟子组件之间的通讯可以通过prop属性来传参,但是在兄弟组件之间通讯就比较麻烦了。比如A组件要告诉一件事给B组件,那么A就要先告诉他们的爸组件,然后爸组件再告诉B。当组件比较多,要互相通讯的事情很多的话,爸组件要管他们那么多事,很累的。vuex正是为了解决这个问题, ...

Vuex 模块化实现待办事项的状态管理
Fundebug

Fundebug|Source Map入门教程

发布于 2017-03-13 12:38:53 浏览:133 类型:原创 - 教程 分类:JavaScript 举报

部署前端之前,开发者通常会对代码进行打包压缩,这样可以减少代码大小,从而有效提高访问速度。然而,压缩代码的报错信息是很难Debug的,因为它的行号和列号已经失真。这时就需要SourceMap来还原真实的出错位置了。前端代码越来越复杂的情况下,开发者通常会使用webpack、UglifyJS2等工具对代码进行打包变换,这样可 ...

Source Map入门教程
wmaqingbo

wmaqingbo|原生js - 吸顶效果

发布于 2017-03-12 12:02:51 浏览:419 类型:原创 - 教程 分类:JavaScript 举报

实现思路如下:1.div初始居普通文档流中2.给window添加scroll事件(可事件节流),获取div的offset的top值,滚动时scrollTop值和top比较,当到达top时给div添加一个fixed的class使其固定3.向上滚动时当到达div初始top时则删除fixed的class,此时div又回到普通文档流中4.fixed样式非IE6浏览器使用position:fixed,IE ...