通常原生的input上传是先进行文件的选择，然后通过提交按钮对文件进行上传，现功能需求是选择文件后直接进行上传，通过后端返回的文件信息进行展示，在提交操作时不再进行文件的上传，只传递文件相关信息如id或者url。 1、html中 使用自己的按钮遮挡原生input的样式，可根据自己需求进行调整 <di ...
分类：
Web程序 时间：
2020-03-16 15:09:39
阅读次数：
225
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text" id="userName"> <br> <span id="uN ...
分类：
Web程序 时间：
2020-03-15 13:07:22
阅读次数：
72
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>原生js轮播图</title> <style type="text/css"> *{ padding: 0; margin: 0; list-style: none ...
分类：
Web程序 时间：
2020-03-15 09:16:59
阅读次数：
64
很多时候小项目都不要使用jquery等类似的DOM封装库，需要自己简单的封装下，这就要求我们熟练地掌握原生的JavaScript的DOM操作，这里做个总结 高宽属性 对于window、document、element的height/width的属性对做下汇总（height和width只讨论一个），特 ...
分类：
Web程序 时间：
2020-03-14 23:53:04
阅读次数：
71
window.scrollTo() 语法1: window.scrollTo(x-coord,y-coord) x-coord 是文档中的横轴坐标。 y-coord 是文档中的纵轴坐标。 例子： window.scrollTo(0,1000); // 垂直滚动到1000的位置 语法2： window ...
分类：
Web程序 时间：
2020-03-09 13:42:14
阅读次数：
133
1.fetch fetch号称是AJAX的替代品，是在ES6出现的，使用了ES6中的promise对象。Fetch是基于promise设计的。Fetch的代码结构比起ajax简单多了，参数有点像jQuery ajax。但是，一定记住fetch不是ajax的进一步封装，而是原生js，没有使用XMLHt ...
分类：
其他好文 时间：
2020-03-08 20:21:39
阅读次数：
67
最近将BOM重新复习了一遍，本想使用定时器给女朋友做一个生日倒计时，奈何canvas都忘了。所以模拟了一个京东的秒杀专场倒计时。 各位小伙伴有什么建议和意见，请不吝赐教。 下面是京东首页的截图： 利用BOM提供的setInterval（）方法可以实现这样的一个小功能。 HTML代码： <!DOCTY ...
分类：
Web程序 时间：
2020-03-06 17:55:18
阅读次数：
106
x1 > < >> << O better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现。better-scroll 基于原生 JS 实现的，不依赖任何框架，所以使用起来也十分的方便。 注意点： 使用时better-scroll是 ...
分类：
其他好文 时间：
2020-03-02 09:13:42
阅读次数：
175
navigator里面有plugins 这个属性就是用来检测浏览器插件的。plugins 返回的结果 是一个数组形式。该数组中的每一项都包含下列属性。? name ：插件的名字。? description ：插件的描述。? filename ：插件的文件名。? length ：插件所处理的 MIME ...
分类：
Web程序 时间：
2020-02-28 11:56:47
阅读次数：
108
概念：Ajax通过浏览器与服务器进行少量的数据交换就可以实现网页的异步更新，在不重新加载整个网页的情况下，即可对网页进行局部更新。 异步：客户端不需要等服务器端的相应，在请求的过程中，客户端可以进行其他的操作。 实现方式：原生js方式 JQuery实现方式 $.ajax( ) $.get( ) $. ...
分类：
Web程序 时间：
2020-02-27 01:00:53
阅读次数：
89
