自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue 使用代理解决跨域问题

1、在main.js同级创建vue.config.js module.exports = { devServer: { proxy: { '/tag': { //代理api target: '', // 代理接口(注意只要域名就够了) changeOrigin: true, //是否跨域 ws: true, // proxy websockets pathRewrite: { //重写路径

2021-09-01 15:43:18 105 1

原创 flex弹性布局

Flex弹性布局核心概念主轴简单理解为:元素的默认添加方向所在的轴,即为主轴侧轴与主轴交叉的那个轴被称为侧轴实现过程# 1、设置主轴display: flex;flex-direction: row; /* 设置X轴为主轴,子元素从左向右排列,默认 */flex-direction: row-reverse; /* 设置X轴为主轴,子元素从右向左排列 */flex-direction: column; /* 设置Y轴为主轴,子元素从上向下排列 */flex-direction: c

2021-04-25 20:00:53 140

原创 JS数组常用方法

数组常用方法1、length // 数组长度 //数组名.length 2、push() // 将元素添加到数组末尾,并返回新数组的长度 //数组名.push("内容","内容")3、pop() // 删除数组的最后一个元素,并返回该元素的值,此方法更改数组的长度 //数组名.pop()4、shift() // 从数组中删除第一个元素,并返回该元素的值,次方法更改数组的长度 //数组名.shift()5、unshift() //将一个或

2021-04-16 20:12:59 66

原创 小程序接口封装

作用:方便统一管理项目接口,便于项目后期维护与管理具体怎么实现封闭1.集中管理项目中可能用到的公共url(线上url,测试url,本地url,...) 例如: module.exports={ //线上地址 prod:{ baseUrl:'https://api.it120.cc' }, //测试地址 test:{ baseUrl:'https://www.05E.com' .

2021-04-14 21:39:28 98

原创 小程序登录授权

登录授权的流程1、通过wx.login获取code2、通过code换取用户的匿名信息,并将获取的token缓存起来3、通过调取微信wx.getUserProfile()方法来获取用户详细信息toLogin() { wx.getUserProfile({ lang:'zh_CN', desc:'我要获取信息用户', success:(res)=>{ console.log('用户详情:',res); this._up

2021-04-14 21:33:12 94

原创 小程序上拉加载

上拉加载产品角度:提升用户体验技术角度:后台接口支持分页返台接口:{page:当前页码,pageSize:每页显示几条,start:起始偏移量}实现方式:使用onReachBottom实现 //触底生命周期 onReachBottom() { console.log('onReachBottom'); if(!this.data.flag) { this.data.page++; this.getGoods() } } /

2021-04-14 07:40:34 105

原创 小程序的样式隔离

小程序的样式隔离:1.通过在组件的options中配置Component({options: {styleIsolation: ‘隔离选项’}})其中【隔离选项】值包括:isolated 表示启用样式隔离,在自定义组件内外,使用 class 指定的样式将不会相互影响(默认值);apply-shared 父级样式会穿透影响组件样式,但组件样式不会影响其他页面shared:互相影响2.外部样式类1.在app.wxss中定义一个class样式,例如:.box {background:#

2021-04-14 07:39:33 320

原创 小程序的slot(插槽)

slot:用于在不破坏组件的情况下,给组件嵌入结构的一种方式例如:dialog组件:……cate页面:安全高效便捷注意:如果使用命名的slot,必须要开启多slot支持,代码如下:Component({/**组件的属性列表*/options: {multipleSlots: true // 在组件定义时的选项中启用多slot支持}…})...

2021-04-14 07:38:47 558

原创 小程序组件传值

1、组件、插件、类库、框架组件:具有完整功能(html-视图,css-样式,js-逻辑),并且独立运行的模块插件:通常是为了完成某项具体的业务功能而开发的js文件 例如:swiper.js,弹框.js,。。。。类库:library,是提供了为了完成项目的工具方法的集合,跟具体的业务无关! 例如:jQuery,lodash.js框架:framework,分 是为了快速完成项目搭建的基础。框架分:UI 框架和javaScript框架 UI框架:boostStrap,Element UI,vant

2021-04-13 07:38:35 236

原创 小程序 生命周期 选择器 路由

一、小程序布局与普通web开发差异小程序实现响应式单位:rpx小程序的设计稿通常是按照iphone6 宽度为750的尺寸设计的.logo {width:80rpx,height:80rpx}样式导入@import "要引入的外部样式文件"意义:大型项目开发中,为了方便样式复用例如:@import "/public/css/style.wxss";行内样式 <view style="color: {{index===1? 'red' : ''}}"</view

2021-04-07 23:30:50 92

原创 动态设置rem

动态配置rem其实就是在窗口大小改变时重新设置rem的值 var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function() { if (docEl.clientWidth > 750) { docEl.style.fontS

2021-04-05 14:25:00 56

原创 了解vue路由

总结路由分为 编程式路由和声明式路由定义路由对象const router = new VueRouter({ routes:[ { path: '/', name: '', // redirect: '/index', 路由重定向的位置(意思就是要把页面定向到哪一个页面) redirect: { // 可以是下面五种跳转方法中的任何一种方式

2021-04-05 14:22:32 52

原创 vue 组件传值

创建一个子组件 Vue.component('组件的标签',{ template: '模板内容' }) // 例如 定义一个子组件 Vue.component('child',{ template: '<div></div>' }) // 定义一个父组件 将子组件在父组件中使用 Vue.component('parent',{ template: `<div>

2021-04-05 14:17:49 44

原创 git命令

git 命令git init 作用是初始化一个能让git进行管理的仓库 使用 attrib -h .git可以释放出隐藏文件.git创建出自己的项目文件 打开项目文件夹 然后在文件夹中打开git命令窗git add ‘文件名称’ 提交单个文件 git add . 提交所有修改的文件git status 可以查看当前git所处的装太 比如放在git add 后执行git status命令可以查看当前都添加了那些修改的内容git commit -m “本次更改的描述内容” 因为描述内容需要表达本次修改

2021-04-05 09:30:10 58

原创 javaScript构造函数

概念:严格来说js并不是一门面对对象的语言,通过构造函数可以像其他语言一样实现面对对象的过程,构造函数就是js实现面对对象的一种方式new关键字的作用声明了一个空对象调用了构造函数,使构造函数内部的this指向了实例化对象使函数的原型对象指向了构造函数将属性和值赋值给了声明的对象在函数中默认返回了实例化对象原型概念原型是一个对象,只是对象可以通过原型继承另一个对像的属性和方法每一个函数声明时,都会自动生成一个对象prototype,prototype通过constructor指针指向了该

2021-04-05 09:28:35 90

原创 js的了解以及Es6新增

一、javaScript初式javaScript:是一种单线程的可以运行在浏览器或服务端的弱类型脚本语言单线程:进程:完成一项任务所经历的过程线程:线程进进程范围要小,一个进程可以包括多个线程弱类型:变量的类型由赋值的类型决定脚本语言:不会提前编译,是在运行时边解释边执行的语言javaScript发展史javaScript是1995年诞生的javaScript于1997发布javaScript1.0标准版本(TC29委员会-ECMA262)javaScript于1998发

2021-04-05 09:26:01 72

原创 vue设置动态rem

git 命令git init 作用是初始化一个能让git进行管理的仓库 使用 attrib -h .git可以释放出隐藏文件.git创建出自己的项目文件 打开项目文件夹 然后在文件夹中打开git命令窗git add ‘文件名称’ 提交单个文件 git add . 提交所有修改的文件git status 可以查看当前git所处的装太 比如放在git add 后执行git status命令可以查看当前都添加了那些修改的内容git commit -m “本次更改的描述内容” 因为描述内容需要表达本次修改

2021-04-01 21:44:10 409

空空如也

空空如也

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

TA关注的人

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