Blanche913-优快云博客

原创 H5多图片s预览上传

HTML <div class="input-file-box"> <span>上传图片</span> <input type="file" name="" id="uploadfile" multiple> </div> <div id="img-box"></div> CSS /*外层div*/ .in...

2019-04-08 14:57:08 383

原创 datagride假分页万能代码

function pagerFilter(data){ if(typeof data.length=="number" && typeof data.splice =="function"){ //判断数据是否是数组 &nbs...

2019-04-08 14:54:16 266

公共样式 html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; } *{box-sizing: border-box;} html, body { min-height: 100%; } bo...

2019-03-14 10:44:56 381

翻译 vue面试题总结

vue与angular的区别? 1.vue仅仅是mvvm中的view层，只是一个如jquery般的工具库，而不是框架，而angular而是mvvm框架。 2.vue的双向邦定是基于ES5 中的 3.getter/setter来实现的，而angular而是由自己实现一套模版编译规则，需要进行所谓的“脏”检查，vue则不需要。因此，vue在性能上更高效，但是代价是对于ie9以下的浏览器无法支持。 4....

2019-02-13 12:56:59 271

原创原生JS实现双向数据绑定

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <script> function DataBinder( objec

2018-12-25 18:52:59 244

原创常见的6种JavaScript设计模式

工厂模式： function Animal(opts){ var obj = new Object(); obj.name = opts.name; obj.color = opts.color; obj.getInfo = function(){ return '名称：'+obj.name +'，颜色：'+ ...

2018-11-16 19:57:24 228

原创 JS中的继承

子元素继承父元素的方法 1、继承第一种方式：对象冒充 function Parent(username){ this.username = username; this.hello = function(){ alert(this.username); } } function Child(username,password){ this.method = Parent; this.method(...

2018-11-15 22:44:47 191

原创 Ajax总结

定义和用法： Ajax 是一种用于创建快速动态网页的技术。Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。优点： 1.无刷新更新数据 2.异步与服务器通信 3.前端与后端负载均衡，将一些后端的工作移到前端，减少服务器与带宽的负担 4.基于规范被广泛支持，不下载浏览器插件或小程序，要客户允许JavaScr...

2018-11-09 19:41:58 201

原创 Javascript的同步、异步、回调执行顺序

在做笔试题的时候，遇到一个很经典的题目，关于setTimeout的输出结果，先来看一道题目： for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000); } console.log(i); 那么输出的结果是什么呢？第一种可能的答案：0 1 2 3 4 5 第...

2018-10-07 10:49:27 537

原创 cancas和SVG的是什么以及区别

SVG 是一种使用 XML 描述 2D 图形的语言。 SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。 Canvas 通过 JavaScript 来绘制 2D 图形。 Canvas 是逐像素进行渲染的。在 c...

2018-10-01 14:16:13 651

原创框架（一）

CommonJS规范 CommonJS是在浏览器环境之外构建JavaScript生态系统为目标产生的项目，比如服务器和桌面环境中。CommonJS规范是为了解决JavaScript的作用域问题而定义的模块形式，可以使每个模块在它自身的命名空间中执行。该规范的主要内容是：模块必须通过 module.exports导出对外的变量或接口，通过require()来导入其他模块的输出到当前模块。例子：...

2018-09-30 19:06:34 148

原创三栏布局（左右栏定宽，中间栏自适应）

1、绝对定位布局：position + margin html结构： Left Right Main 12345 css样式： body,html{ height: 100%; padding: 0; margin: 0; overflow: hidden; } /左右进行绝对定位/ .left,.right{ position: absolute; height:100%; top: 0; b...

2018-09-30 19:04:24 284

weixin_41821630的博客