自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS单线程,微任务和宏任务,根据设计图设计rem比例,混合app的使用,微信支付和支付宝支付

一、为什么JavaScript是单线程?JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊。JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?二

2020-12-07 21:04:15 290

原创 uniapp的

文章目录一、uni-app简单介绍什么是uni-app?uni-app的优点二、功能框架浏览图三、创建项目四、项目中使用扩展组件五、uniapp生命周期应用生命周期页面生命周期组件生命周期一、uni-app简单介绍什么是uni-app?uni-app 是使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。uni-app的优点跨平台发行,运行体验更好与小程序的组件、API一致;兼容weex原生渲染,增加了开发效率高,但是由于w

2020-12-04 19:57:48 454

原创 做小程序项目时遇到的难点

一,小程序里边的双向绑定和vue的双向绑定有什么区别?小程序数据双向绑定::1,首先利用bindinput来触发改变input输入框中的值2,使用data-name来获取改变的数据的内容3, bindinput触发后在方法中通过e.currentTarget.dataset.name来获取改变后的内容‘4, 通过this.setData()来改变data-name绑定的参数就好了二、组件通信1. 父组件传给子组件父组件写法:这是通过viewText="{{viewText}}"传向子组件。

2020-11-29 18:50:46 1007

原创 小程序 授权、登录、token、code

一、前言由于微信官方修改了 getUserInfo 接口,所以现在无法实现一进入微信小程序就弹出授权窗口,只能通过 button 去触发。官方连接:https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01二、实现思路刚开始进入小程序时,先判断是否授权。如果没有授权,显示授权button按钮,让用户实现点击的功能,就是通过 button 组件去触发 getUserInof 接口,通过调

2020-11-29 18:39:24 1950 1

原创 2020-11-22

一、小程序是什么?小程序是一种不用下载就能使用的应用,效果和App差不多,语法和vue也很像,可以很快的上手小程序没有dom,没有bom,没有window对象。小程序不可以使用jq,以及一些npm命令下载东西。小程序是多线程,wxml,wxss,js,json都是独立文件。小程序只需要面对iOS,以及安卓,适配端。小程序在页面更新时,必须使用this.setData()方法来更新页面。文件wxml相当于htmlwxss相当于cssjs相当于逻辑层json是小程序的配置文件rpx是

2020-11-22 22:17:56 76

原创 js事件和数组

js事件事件是用户在访问页面时执行的操作。当浏览器探测到一个事件时,比如用鼠标单击或按键,它可以触发与这个事件相关联的 JavaScript 对象,这些对象称为事件处理程序( event handler)。【鼠标事件:】onclick(); // 鼠标点击时触发。相当于一次onmousedown与onmouseup。ondblclick();// 鼠标双击事件。onmousedown();// 鼠标落下事件。 onmouseup();// 鼠标弹起事件。onmouseover()

2020-11-18 15:02:59 312 1

原创 Webpack 安装配置及打包详细过程

Webpacksass gulp转换成css文件一个页面很多个js文件,维护只能加 轻易不能删页面的优化,js/html/css文件的压缩,图片压缩什么是webpack打包工具 (静态资源打包工具) 前端必备它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。webpack 的特点?js依赖进行整合处理 (打包整合)一些预处理的sass,less可以在环境中进

2020-11-18 14:14:24 261

原创 JS基础

第一节onclick 点击事件onmouseover 鼠标移入onmouseout 鼠标移除获取元素的方式var div = document.getElementById('div1')document.getElementsByTagName()函数<input type="button" onclick="fun()"/><div id="div1" style="width:200px"></div>function fun(){

2020-11-15 21:49:10 73

原创 如何使用promise封装 原生ajax,$.ajax(),以及fetch?

Promise封装aiaxlet request = function (url, type = 'get', data) { return new Promise((resolve, reject) => { // 创建XMLHttpRequest对象 let xhr = new XMLHttpRequest() // 建立连接 xhr.open(

2020-11-12 20:48:16 82

原创 http和https,常见状态码,get/post和http缓存机制

一、HTTP和HTTPS的基本概念HTTP:是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器 传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。HTTPS:是以安全为目标的HTTP通道,简单讲是HTTP的安全版,即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内

2020-11-11 21:44:53 280

原创 关于vue 常用指令,以及动态添加样式,单选效果,多选效果样式实现,主要是style,class的样式切换

vue常用指令v-text 解析输出变量 不解析标签v-html 解析输出变量 解析标签v-if 条件输出 不符合的元素就不渲染 用于初始渲染和数据的筛选v-show 条件输出 将元素全部渲染出来 不符合的给隐藏掉 用于选项卡的切换v-bind 给标签绑定属性 可以简写为 :属性名=“变量”​v-on 给元素绑定事件 用法 v-on:事件名=“方法名” 可以简写为@事件名=“方法”v-pre 跨过当前的

2020-11-09 17:14:42 182 1

原创 Vuex的理解

一:简介Vuex是一个专为Vue开发的应用程序的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。二:优点1.Vuex的状态存储是响应式的:就是当你的组件使用到了这个Vuex的状态,一旦它改变了,所有关联的组件都会自动更新相对应的数据,这样开发者省事很多。2.不能直接修改Vuex的状态:如果是个全局对象变量,要修改很容易,但是在Vuex中不能这样做,想修改就得使用Vuex提供的唯一途径:显示地提交(commint)mutations来实现修改(

2020-11-08 18:33:41 104

原创 注册登录 以及携带token

关于注册登录 以及携带token调取登录接口 (首先明确一下要做到事情)在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下:1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面5、每次

2020-11-01 20:45:18 2401

原创 Git的简介

Git是什么:Git是目前世界上最先进的分布式版本控制系统(没有之一)。Linus 花了两周时间自己用 C 写了一个分布式版本控制系统,这就是 Git!Git使用:git init //初始化git config --global user.name "Your Name" //设置git 全局配置 用户名git config --global user.email "email@example.com" // 设置git 全局配置 邮箱git config --list //

2020-09-25 17:13:16 79

空空如也

空空如也

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

TA关注的人

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