自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 ES6新增,常用的方法

一.ES6的新增新增了canvas 绘画视图新增了定义class的语法糖函数的新增了箭头函数、函数参数的默认值数组实例新增了 keys(),values(),entries()新增了基本数据类型(symbol)变量的解构赋值新增了Map数据结构 和 Set数据结构新增了模块化(import/export)数组和对象新增了扩展运算符数组新增了一些API接口 例如 api/app新增了generator(生产器) 和 iterator(遍历器)块级作用域(let,const)Obje

2020-11-10 18:33:34 4300 9

原创 vant 官网文档地址

vant UI 文档地址

2021-10-13 17:52:09 1531

原创 混合App使用

文章目录一、混合APP一、混合APP通俗来讲,就是将h5我们写好的移动端页面,放到ios设备以及安卓设备中,在里面我们可以享受ios和安卓给我们的所有支持,通过方法调用,回调函数进行使用 给我们提供的方法怎么进行和安卓 和 ios交换数据...

2020-12-07 20:13:00 161

原创 根据设计图设计rem比例

文章目录一、根据设计图设计rem比例一、根据设计图设计rem比例比如设计图宽度为750 那么就根据屏幕宽度除以设计图的宽度width / 7.5 100px = 1rem // 初始化 let self = this; window.onload = function() { /*1366代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是 为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01re.

2020-12-07 20:04:38 220

原创 js单线程 ,宏任务微任务

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

2020-12-07 19:37:47 190

原创 uniapp

文章目录前言一、渲染数据视图不更新问题二、插件的使用三、关于第三方登录四、关于请求接口报错五、关于一些语法坑六、关于样式设置的问题二、从uniapp使用的开发软件,到创建,到运行,如何打包不同平台的代码,如何打包apk,云打包,如何运行在不同的端1.配置环境2.Windows版下载并解压,即可使用,无需安装:3. 创建项目4.编写项目5.打包安卓程序三、uniapp怎么进行路由跳转四、怎么配置tabbar总结前言uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。开发者通过编写 Vu

2020-12-04 20:53:46 438

原创 小程序登录

小程序授权登录流程的简单分享前言一、判断有没有授权二、授权页面进行授权三、登录流程图总结前言做小程序最必不可少也比较复杂的就是授权登录啥的了。不同的项目会有不同的写法,这里把我之前的一种写法分享一下,授权和登录是分开的,授权之后才能登录(还有授权登录一体的,这里没有写)一、判断有没有授权当你进入小程序时,就要判断你有没有授权,所以要再app.js进行操作。这里我们通过小程序提供的wx.getSetting来进行判断有没有授权onLaunch: function () {... // 判断用

2020-11-29 18:12:46 273

原创 小程序

项目场景:做小程序项目时遇到了这样的问题要求我把购物车的类型选择做出这样的效果,但是数据都是接口拿的,还有不同的层级(要求尺寸和花色都要同时选中)。平常的class切换也就是在wxml用三原动态判断一下对应的id是否与当前数据id相等,但是只有一层效果,选了尺寸就不能选花色。而且类型也不是固定两个,有可能有三个,四个,一时半会儿还真是掉头发啊!!!????主要思路:我们首先可能会想到通过包含的关系判断,但是wxml中又不能有这么复杂的判断关系,在JS中判断又实在是没法联系在一块,数据都是活得。最

2020-11-27 17:04:04 119

原创 小程序

2020-11-21 19:22:27提示:小程序自定义组件文章目录前言一、自定义组件1.什么是自定义组件2.自定义组件组成3.使用步骤.新建自定义组件* 在根目录新建commponents组件库*在组件库中新建header文件夹,在文件夹中右键,选中“新建commponent”自动生成组件内容* 组件页面编写*组件wxss文件,因为无法直接使用全局样式,需要导入*在根目录的pages的index文件夹内(在父组件json文件)index.json里进行引入*在父组件wxml文件中以组件名作为标签使用组

2020-11-21 19:25:07 444

原创 Webpack搭建过程

文章目录一、webpack是什么?二、webpack的特点?三、webpack的核心?四、webpack 手动搭建步骤一、webpack是什么?webpack就是一个打包工具(静态资源打包工具) 前端必备二、webpack的特点?js依赖进行整合处理 (打包整合)一些预处理的sass,less可以在环境中进行编译 (转换)可以对js、html、图片等进行压缩 (优化)三、webpack的核心?entry 入口文件 // 好比main.jsoutput 出口文件

2020-11-17 16:19:58 118

原创 Vue面试题(1)

1.响应式布局如何实现1)为什么要使用响应式布局: 使用固定宽高有一定的局限:屏幕越来越宽时,因为定得宽是固定的,这样会让页面不美观 屏幕越来越小时,因为定宽的局限会让用户看不到完整的页面内容在这种情况下,就可以使用响应式布局 因为响应式布局会适配屏幕的宽高 不管用户用的是哪种移动设备都可以看到完整的页面2)响应式布局的实现有五种方法:1.百分比布局:百分比布局是相对于父元素进行布局,百分比能够对width,height,padding,margin来进行布局,border,font-size

2020-11-17 11:58:47 1377

原创 javaScript

一、JavaScript 简介JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。二、JavaScript获取dom元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name

2020-11-15 19:43:16 114

原创 javaScript

一、javascript的简介:*javascript 是一种基于对象和事件驱动的语言,主要应用于客户端。    – 基于对象:      提供了很多对象,可以直接使用。    --事件驱动:     html做的网页是静态效果,javascript做的是动态效果。    --客户端:     主要是指浏览器。*js的特点:        (1)交互性:            --信息的动态交互。        (2)安全性:            --s不能访问本地磁盘中的文件

2020-11-15 18:42:03 132

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

一、promise封装 原生ajax、$.ajax()、fetch 以及封装后请求1、get方式<script> // url 接口地址 type请求的类型 data数据(不写的话 返回的请求数据) let request=function(url,type='GET',data=""){ // resolve 成功的参数 reject 失败的参数 return new Promise((resolve,reject)=>{

2020-11-12 19:38:50 362 1

原创 http/https协议、常见状态码、get/post、http缓存机制

一、什么是HTTP协议HTTP是hypertext transfer protocol(超文本传输协议)的简写,它是TCP/IP协议的一个应用层协议,用于定义WEB浏览器与WEB服务器之间交换数据的过程。客户端连上web服务器后,若想获得web服务器中的某个web资源,需遵守一定的通讯格式,HTTP协议用于定义客户端与web服务器通迅的格式。二、HTTP协议的版本HTTP协议的版本:HTTP/1.0、HTTP/1.1三、HTTP1.0和HTTP1.1的区别在HTTP1.0协议中,客户端与web服务

2020-11-11 20:55:28 358

原创 vue 常用指令,动态添加样式,单选,多选效果样式实现

1. vue常用指令 v-text 输出变量。 v-html 输出变量 能解析html标签。 v-bind 给元素动态绑定属性 还可以绑定类名和css样式等。 v-on 给元素动态绑定事件 例如点击事件,change事件, input输入事件。 v-if 判断变量 根据真假条件渲染元素。 v-show 跟v-if一样 判断变量 切换元素的 display CSS 属性。 v-else-if 再次进行判断等v-if 判断条件结束时执行 v-else-if 必须配合 v-if使用。 v-else

2020-11-09 18:46:28 565

原创 vuex自己的理解

1.什么是vuex·vuex是一个专为vue.js应用程序开发的状态管理模式,它采用集中式存贮管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。2.vuex概念五个核心:state: 存储数据的地方actions: 异步操作mutations: 同步操作,只有mutations可以修改state中的数据getters: 相当于 state的计算属性。moduleas模块化 modeA, modeB,modeCvuex使用步骤1.安装vuexnpm instal

2020-11-09 08:13:30 125

原创 Vue app项目封装、登录注册、关于token的理解

Vue app项目封装1.安装vue 1.安装vue先安装node 2.安装vue使用 npm install --g vue-cli 3.检测vue是否安装成功 使用vue --version 4. vue2.0版本创建 使用npm install -g vue-cli 创建项目 vue init webpack 项目名 启动项目 npm run dev 5.vue3.0版本创建 npm install -g vue@cli 创建项目 vue create 项目名 启

2020-11-01 14:14:12 728

原创 Git的使用、自己的理解

Git的流程在git在Windows下的安装在百度搜索中输入git下载(直接搜索git也可以),然后在搜索结果中点击git Downloads, 点击系统类型后,网站会自动进行下载最新版,然后选择文件保存地址(浏览器不同下载模式也会不同,视自己情况而定),下载完成后 双击打开文件 进行安装,然后点击next按钮 然后设置路径 然后点击nextGit的介绍Git 是目前世界上最先进的分布式版本控制系统(没有之一)Linus 花了两周的时间自己用 C语言 写了一个分布式版本控制系统,这就是Git!

2020-09-25 20:39:23 165

空空如也

空空如也

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

TA关注的人

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