- 博客(12)
- 收藏
- 关注
原创 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
304
原创 datagride假分页万能代码
function pagerFilter(data){ if(typeof data.length=="number" && typeof data.splice =="function"){ //判断数据是否是数组 &nbs...
2019-04-08 14:54:16
204
原创 CSS清楚默认样式
公共样式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
310
翻译 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
229
原创 原生JS实现双向数据绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <script> function DataBinder( objec
2018-12-25 18:52:59
204
原创 常见的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
176
原创 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
131
原创 Ajax总结
定义和用法:Ajax 是一种用于创建快速动态网页的技术。Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。优点:1.无刷新更新数据2.异步与服务器通信3.前端与后端负载均衡,将一些后端的工作移到前端,减少服务器与带宽的负担4.基于规范被广泛支持,不下载浏览器插件或小程序,要客户允许JavaScr...
2018-11-09 19:41:58
145
原创 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
447
原创 cancas和SVG的是什么以及区别
SVG 是一种使用 XML 描述 2D 图形的语言。 SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。 在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。Canvas 通过 JavaScript 来绘制 2D 图形。 Canvas 是逐像素进行渲染的。 在 c...
2018-10-01 14:16:13
556
原创 框架(一)
CommonJS规范CommonJS是在浏览器环境之外构建JavaScript生态系统为目标产生的项目,比如服务器和桌面环境中。CommonJS规范是为了解决JavaScript的作用域问题而定义的模块形式,可以使每个模块在它自身的命名空间中执行。该规范的主要内容是:模块必须通过 module.exports导出对外的变量或接口,通过require()来导入其他模块的输出到当前模块。例子:...
2018-09-30 19:06:34
99
原创 三栏布局(左右栏定宽,中间栏自适应)
1、绝对定位布局:position + marginhtml结构:LeftRightMain12345css样式: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
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人