自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 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 816

原创 html5之canvas绘制图像

canvas介绍很多人都不知道canvas到底是做什么用的,在项目中如何使用,下来给大家介绍一下canvas能做什么。canvas是HTML5中的新元素,你可以使用dujavascript用它来绘制图形、图zhi标、以及其它任何视觉性图像。它也可用于创dao建图片特效和动画。如果你掌握了完整的命令,你可以用canvas创建丰富的web应用程序。如果你想很好的使用canvas,你首先应该很好的掌握javascript。canvas使用首先我们来创建一个画板出来,画板上有什么就需要你自己去加进去了 &

2020-07-02 17:12:44 2939

原创 简单记录各个浏览器的内核和引擎

1.浏览器内核是什么浏览器内核是浏览器的核心部分,主要由两个部分组成:渲染引擎和 JS 引擎,负责解释网页语法并渲染到网页上。浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。不同的浏览器内核对网页的语法解释也不同,因此网页开发者需要在不同内核的浏览器中测试网页的渲染效果。渲染引擎渲染引擎负责对网页语法的解释(如HTML、XML等)并渲染网页(CSS)。通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法

2020-06-29 14:43:30 1099

原创 Promise对象的应用记录

为什么使用PromisePromise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。

2020-06-28 20:43:26 148

原创 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 334

原创 webpack的基本使用配置

我们先了解一下webpack是什么,为什么要使用webpack呢?webpack是什么WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。为什么要使用webpack前端项目为了简化开发的复杂度,我们会在项目中引入很多依赖包,如TypeScriptt这种在JavaScript基础上拓展的开发语言:使我们能够实现目前版本的JavaScri

2020-06-09 20:44:05 275

转载 操作数组的方法

归类:常见改变原数组的:splice() 添加/删除sort() 数组排序pop()删除数组中的最后一个元素,返回这个元素push() 向数组的末尾添加一个元素,返回数组长度unshift() 向数组的开头添加一个或更多元素,并返回新的长度。reverse() 颠倒数组中元素的顺序fill() 填充数组常见不改变原数组的slice() 截取数组join() 数组转字符串toString() 数组转字符串cancat 拼接数组indexOf() 查找数组是否存在某个元素,返回下标

2020-06-01 17:48:38 481

原创 浅谈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 332

原创 小程序组件传值和父组件调用子组件事件

1.小程序组件传值1.全局组件之间传值首先创建组件,commonality下放的组件的页面,在app.json中添加组件//app.json"usingComponents": { "test-element": "/commonality/testElement/testElement" }在需要用到组件的地方直接调用就可以了<!-- 父组件的html fat...

2020-05-13 19:54:20 578

原创 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 239 1

原创 小程序连接蓝牙

首先要蓝牙初始化wx.openBluetoothAdapter({})//确定蓝牙是否打开,wx.startBluetoothDevicesDiscovery()//搜索蓝牙设备,这个搜索需要大概 2秒左右可以携带,可以根据蓝牙的特征值进行搜索 如蓝牙设备services(Server UUID),获取设备的deviceIdwx.getBluetoothDevices({suc...

2020-04-01 17:21:55 578

原创 ES6新特性的学习

1.let和var 的区别letvar是在代码块内有效是在全局范围内有效只能声明一次可以声明多次不存在变量提升会提升变量2.constconst声明一个只读的变量,声明之后不允许改变如果是数组或对象,可以改变里面的属性3解构 let [a,b,c] = [1,2,3] //解构的基本用法  let [a,[[b],...

2020-04-01 14:47:27 73

原创 第一次学习vuex

在学习vue的过程中总结了以下的知识点,有什么不对的地方希望可以留言指正官方文档地址vuex是什么呢?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。我的理解就是vuex就是存放公共数据的一个容器。vuex核心主要分为5个:state、mutation、action、getter、module,个人理解 (1)state主要是定义的状态,相当于vue里data里面的定义的参...

2020-04-01 14:30:29 99

原创 vue使用腾讯地图定位

首先搭建一个vue项目,在index.html里面引入腾讯地图的资源包<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=秘钥"></script>html页面当中使用<div class="venue-img" id="container">js代码var ...

2020-04-01 14:18:19 3842

转载 HTML5新特性

navigator.geolocation.getCurrentPosition( function(pos){    console.log('用户定位数据获取成功')    //console.log(arguments);    console.log('定位时间:',pos.timestamp)    console.log('经度:',pos.coords.longitude)    console.log('纬度:',pos.coords.latitude)    conso

2020-03-31 20:27:15 96

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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