热门关键字:
原生js实现图片懒加载+加入节流

这两天在学习图片的懒加载实现,看了很多大佬的博客,终于有了点成果。现在用了其中一位大佬的文章中的代码实现了图片懒加载并且在其基础上加入了节流函数。原理就不多讲了,有需要的可以去大佬的文章看看。大佬文章可以从这里进->(https://www.jianshu.com/p/9b30b03f56c2)。先上HTML结构:1<div></div>2<imgsrc=""id="i1"data-src=...

281
2020/3/19 10:44:35
0
View Details
vue.js(1)--创建vue实例的基本结构

vue实例基本结构与MVVM框架(1)vue实例基本结构<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="i...

220
2020/3/19 10:43:52
0
View Details
七天学会NodeJS——第一天

Node.js是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境。Node.js采用Google开发的V8内核运行代码,使用事件驱动、非阻塞和异步输入输出模型等技术来提高性能,可优化应用程序的传输量和规模。这些技术通常用于数据密集的即时应用程序。在越来越多的Web应用程序中,Node的应用将会更加的得心应手,所以这就是本文出现的目的,就是不论使用Node与...

245
2020/3/19 10:43:37
0
View Details
js常见面试题

1.javascript的typeof返回哪些数据类型.答案:string,boolean,number,undefined,function,object2.例举3种强制类型转换和2种隐式类型转换?答案:强制(parseInt,parseFloat,number)隐式(=====)3.split()join()的区别答案:前者是将字符串切割成数组的形式,后者是将数组转换成字符串4.数组方法pop...

642
2020/3/18 10:26:59
0
View Details
js实现div转图片并保存

最近工作中遇到的需求,将div转成图片并保存。1、准备需要用到的js插件jquery-1.8.2.js,html2canvas.min.js(将div转换为canvas),bluebird.js(用户IE支持ES6Promise特性)2、页面demo<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>divtoim...

208
2020/3/18 10:24:17
0
View Details
关于vue.js的部分总结

1.MVVM和MVC的区别:MVVM:是Model-View-ViewModel的简写,即模型-视图-视图模型模型:后端传递的数据试图:所看到的页面视图模型:mvvm模式的核心,它是连接view和model的桥梁。两个实现方向:1)模型===》视图:后端传递的数据转化成所看到的页面,实现方式(数据绑定)2)视图===》模型:即将所看到的页面转化成后端的数据,实现的方式是(DOM事件监听)MVC:M...

214
2020/3/16 10:27:30
0
View Details
多个浏览器下应用前端JS实现一键导出excel表

自己试验了几种方法,找到一种较为全面的一种方式一键输出Excel表格,代码如下1<!DOCTYPEhtml>2<html>3<headlang="en">4<metacharset="UTF-8">5<title>导出表格</title>6<scriptlanguage="JavaScript"type="text/javascript">7varTmr;8functiongetEx...

231
2020/3/16 10:27:15
0
View Details
js循环

vararr=[1,2,3,4,5,6]//全文通用数组,个别除外whilevari=0;while(i<=arr.length-1){//条件需要有限制,故<=,否则会死循环console.log(arr[i],i)i++;//更新下标}dowhilevari=0;do{console.log(arr[i],i)i++;}while(i<=a...

224
2020/3/16 10:26:05
0
View Details
js中触发表单提交

html代码:<formaction="/test/action"method="get"id="myForm"><p>Firstname:<inputtype="text"name="fname"/></p><p>Lastname:<inputtype="text"name="lname"/></p><inputtype="button"οnclick="formSubmit()...

231
2020/3/15 15:09:32
0
View Details
Three.js

<!DOCTYPEhtml><html><head><title></title><style>canvas{width:100%;height:100%;}</style><scriptsrc="./lib/three.js"></script></head><body><script>//在Three.js中,要渲染物体到网页中,我们需要3个组建://场景(scene)...

518
2020/3/12 15:42:05
0
View Details