input File 选择图片后 预览

<form action="upload.php" method="post" enctype="multipart/form-data"> ...

2019-02-08 21:38:52

阅读数 51

评论数 0

javascript中的 call方法和apply方法的使用

call和apply方法主要用于改变函数内部this 的指向 调用一个方法,方法内使用了this ,则这个this就代表的是 window,因为函数默认都是在window下边的子函数, 只不过省略window.fun function f1(){ alert(1); ...

2019-01-26 20:28:31

阅读数 75

评论数 0

ES6箭头函数和普通函数下的 this 指向

ES6中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取this的特性。下面来总结一下他们之间的区别: 普通函数下的this: 在普通函数中的this总是代表它的直接调用者,在默认情况下,this指的是window, 在严格模式下,没有直接调用者的函数中的this是 undefine...

2019-01-22 23:35:40

阅读数 35

评论数 0

使用正则表达式格式化字符串

<script> let str = " H e l l o "; function mapping(str){ let newArr = []; let arr...

2019-01-19 15:35:07

阅读数 63

评论数 0

纯JS制作一个网页时钟特效

  主要逻辑 根据JS 的Date属性 求得当前的 时 分 秒 之后,按照 360/(时|分|秒)  来对三个指针元素进行旋转 <!DOCTYPE html> <html lang="en&quo...

2019-01-05 22:18:59

阅读数 287

评论数 0

电商放大镜效果

  <!DOCTYPE html> <html lang="en"> <head> <m...

2019-01-04 00:25:12

阅读数 39

评论数 0

基于ECharts 图标JS库创建Demo

效果:   首先要到 ECharts 官网上下载 ECharts.js 这个包 传送门 : http://www.echartsjs.com/download.html <!DOCTYPE html> <html la...

2019-01-02 11:34:20

阅读数 43

评论数 0

jquery可拖拽进度条

  <!DOCTYPE html> <html lang="en"> <head> <met...

2019-01-01 23:25:03

阅读数 78

评论数 0

JS面向对象编程

最开始的原型图 添加了一个 construtor:Player   再添加一个 init 初始化方法之后 执行了这两段语句之后,结构又变了 如果默认情况下不修改 init 函数的prototype的指向 那么这个函数创建的对象就是通过 init 函数创建的 和Do...

2019-01-01 01:12:17

阅读数 17

评论数 0

插件封装:无限循环滚动

这个方法需要注意的是 : img元素必须要在CSS内先指定宽度,不然等JS去设置宽度的时候,由于图片本身加载进来的时候是图片原来的尺寸,当加载过程中鼠标一旦滑动了一下,就会触发hover离开的函数,这时候再鼠标滑动进去,相当于执行了两次hover离开,就会出现滚动停不下来的情况. 为防止 定时...

2018-12-31 22:49:09

阅读数 42

评论数 0

使用Jquery中的on()来进行事件委托配合JS闭包实现效果

<!DOCTYPE html> <html lang="en"> <head> <meta cha...

2018-12-26 22:51:38

阅读数 42

评论数 0

JS生成随机数

/*** * * @param Digits 位数 * @param type 生成类型 * 类型1 数字大小写字母全类型 使用数字1表示 * 类型2 数字类型 使用数字2表示 * 类型3 小写类型 使用数字3表示 ...

2018-12-25 12:23:03

阅读数 97

评论数 1

将页面的table表格导出为excel或者word

<script> /*第一个参数为:表格的id名 第二个参数为:a标签的id名*/ function exportTable(tableId, aid,fileName) { // 使用outerHTML属性获取...

2018-12-20 23:49:02

阅读数 138

评论数 0

模拟Vue双向绑定

<!--模拟Vue--> <script> window.onload = function(){ Binding("ins&quo...

2018-12-19 14:01:14

阅读数 34

评论数 0

H5翻页动画原理实现

<!DOCTYPE html> <html lang="en"> <head> <meta cha...

2018-12-09 11:06:43

阅读数 337

评论数 2

JS变量作用域的一些理解

1:函数调用 变量声明提前 var name = "小明"; fn(); function fn(){ console.log(name); var name = "小红"; } 执行这一段代码.结...

2018-12-08 22:10:43

阅读数 56

评论数 0

动态页面静态化

随着网站的内容的增多和用户访问量的增多,无可避免的是网站加载会越来越慢,受限于带宽和服务器同一时间的请求次数的限制,我们往往需要在此时对我们的网站进行代码优化和服务器配置的优化。 一般情况下会从以下方面来做优化 动态页面静态化 优化数据库 使用负载均衡 使用缓存 使用CDN加速 现在很多网站在建...

2018-12-01 18:28:08

阅读数 54

评论数 0

arguments和prototype以及constructor

arguments  argument 可以把传入函数的参数变成一个伪数组  <script> function sum(){ console.log(arguments); } ...

2018-11-28 22:05:51

阅读数 66

评论数 0

使用HTML5创建一个拖拽预览页面

<!DOCTYPE html> <html lang="en"> <head> <meta cha...

2018-10-03 19:56:35

阅读数 677

评论数 0

HTML文本插值过滤

在对DOM节点插入数据的时候,如果输入的插值正好是一个HTML标签.那么插入进去的话会对页面造成破坏,影响显示效果.那么我们就要对页面插值进行过滤,具体方式是用正则对 < > 两个符号进行替换成字符显示.例如 : <body&...

2018-08-07 11:36:15

阅读数 136

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭