![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
骑着猪赛宝马
这个作者很懒,什么都没留下…
展开
-
vue中使用lrz压缩图片上传
vue中使用lrz图片上传 vue上传时压缩图片完成后上传,比较简单,记录一下,下面是html代码 <div class="file"> <input type="file" @change="upfileimg($event)" accept="image/*"/> 上传图片 </div> js代码 //上传图片 upfileimg(e) { var token = sessionStorage.getItem("token");原创 2020-09-15 11:23:08 · 803 阅读 · 0 评论 -
html5之canvas绘制图像
canvas介绍 很多人都不知道canvas到底是做什么用的,在项目中如何使用,下来给大家介绍一下canvas能做什么。 canvas是HTML5中的新元素,你可以使用dujavascript用它来绘制图形、图zhi标、以及其它任何视觉性图像。它也可用于创dao建图片特效和动画。如果你掌握了完整的命令,你可以用canvas创建丰富的web应用程序。如果你想很好的使用canvas,你首先应该很好的掌握javascript。 canvas使用 首先我们来创建一个画板出来,画板上有什么就需要你自己去加进去了 &原创 2020-07-02 17:12:44 · 2925 阅读 · 0 评论 -
简单记录各个浏览器的内核和引擎
1.浏览器内核是什么 浏览器内核是浏览器的核心部分,主要由两个部分组成:渲染引擎和 JS 引擎,负责解释网页语法并渲染到网页上。浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。不同的浏览器内核对网页的语法解释也不同,因此网页开发者需要在不同内核的浏览器中测试网页的渲染效果。 渲染引擎 渲染引擎负责对网页语法的解释(如HTML、XML等)并渲染网页(CSS)。通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法原创 2020-06-29 14:43:30 · 1082 阅读 · 0 评论 -
Promise对象的应用记录
为什么使用Promise Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。原创 2020-06-28 20:43:26 · 139 阅读 · 0 评论 -
ES6中class的基本使用和继承
1.ES6中类 类是由ES6中新引入的的一个新概念,可以用class关键字声明一个类,类的首字母大写 基本用法 class Test{} 用new关键字来实例化一个类,获取一个对象。 //创建类 class Test { constructor(num1, num2) { this.num1 = num1 this.num2 = num2 } sum() { console.log(this.num1 + this.num2) } } //通过new实例化原创 2020-06-22 16:36:08 · 325 阅读 · 0 评论 -
webpack的基本使用配置
我们先了解一下webpack是什么,为什么要使用webpack呢? webpack是什么 WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 为什么要使用webpack 前端项目为了简化开发的复杂度,我们会在项目中引入很多依赖包,如TypeScriptt这种在JavaScript基础上拓展的开发语言:使我们能够实现目前版本的JavaScri原创 2020-06-09 20:44:05 · 266 阅读 · 0 评论 -
操作数组的方法
归类: 常见改变原数组的: splice() 添加/删除 sort() 数组排序 pop()删除数组中的最后一个元素,返回这个元素 push() 向数组的末尾添加一个元素,返回数组长度 unshift() 向数组的开头添加一个或更多元素,并返回新的长度。 reverse() 颠倒数组中元素的顺序 fill() 填充数组 常见不改变原数组的 slice() 截取数组 join() 数组转字符串 toString() 数组转字符串 cancat 拼接数组 indexOf() 查找数组是否存在某个元素,返回下标转载 2020-06-01 17:48:38 · 471 阅读 · 0 评论 -
浅谈vue双向绑定原理分析图
数据绑定 数据绑定如图所示 vue中数据绑定的效果是数据劫持来实现的 数据劫持 数据劫持是VUE中来实现数据绑定的一种技术 基本思想:通过defineProperty()来监视data中所有的属性(任意层次)数据的变化,只要数据有变化就去更新界面。 vue中监听所有的属性的入口 function Observer(data) { this.data = data; this.walk(data); } Observer.prototype = { constructor: Ob原创 2020-06-01 16:24:10 · 325 阅读 · 0 评论 -
vue中一般事件处理总结
vue事件处理 1.事件绑定监听 <button @click='event1'>点击1</button>//无参数点击事件 <button @click='event2('123')'>点击1</button>//带参数点击事件 <button @click='event3'>点击1</button>或者<button...原创 2020-04-28 11:46:30 · 234 阅读 · 1 评论