自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 【无标题】

vue 中播放m3u8文件

2022-11-14 17:40:32 260 1

原创 uniapp 对接有请求头的图片

用uniapp写小程序时 对接的时别人的接口 展示图片时要加上header头部验证

2022-07-01 10:46:24 1602

原创 windows7安装微信小程序开发工具出现黑色

官方解决:C:\users\<>\AppData\Local\微信开发者工具\user data\WeappLocalData 放置这个文件https://share.weiyun.com/5cgH1EO(文件下载地址,请下载使用)将其自动生成的32位的文件删除

2020-08-17 16:01:56 479

转载 小程序的分享 onShareAppMessage(options)

链接:https://www.jianshu.com/p/31e83ce4c389只有定义了该函数,小程序右上角的菜单中才会有转发按钮用户点击转发按钮的时候回调用该函数该函数内需要 return 一个 Object,Object中包含转发的信息(可自定义转发的内容)页面中有可以触发转发时间的地方有两个:  一个是右上角菜单中的转发按钮  另一个是页面中具有属性open-type且其值为share的button。(注:必须是button组件,其他组件中设置 open-type="share" 无效

2020-08-13 10:13:39 464

原创 微信小程序时间组件

写组件js // Components/dataslect/dateselect.js const date = new Date(); let years = []; let months = []; let days = []; let hours = []; let minutes = []; function getYear(params = 2018) { //获取年 for (let i = params; i <= date.getFullYear() +

2020-08-08 13:56:41 498

转载 微信小程序动画

原文:[https://blog.csdn.net/weixin_42917830/article/details/81701125?utm_source=copy]写到app.js中App({ //渐入,渐出实现 // 各个参数的含义 this 类名 透明度 show : function(that,param,opacity){ var animation = wx.createAnimation({ //持续时间800ms duration: 80

2020-08-07 17:21:34 358

原创 微信支付

前端代码let obj = { appid: 应用ID, noncestr: 随机字符串, package: 'Sign=WXPay', // 固定值,以微信支付文档为主 partnerid: 商户号, prepayid: 预支付交易会话ID, timestamp: 时间戳, sign: 签名 // 根据签名算法生成签名}// 第一种写法,传对象let orderInfo = obj// 第二种写法,传对象字符串let orderInfo = JSON.stringify(obj)

2020-05-28 14:04:19 204

原创 解决:uniapp textarea app 端软件盘遮住textarea 问题

解决:uniapp textarea app 端软件盘遮住textarea 问题class = ‘uni-input’cursor-spacing = "10"参数值代表距离输入框距离键盘的距离

2020-04-19 00:36:46 1520

原创 溢出显示省略号、uni-app动态设置导航栏搜索框内容

溢出显示省略号 overflow: hidden; word-break: break-all; /* break-all(允许在单词内换行。) */ text-overflow: ellipsis; /* 超出部分省略号 */ display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /...

2020-04-13 16:12:07 521 1

原创 移动端兼容如: 背景图片、页面放大、卡顿、闪退、内阴影

1、安卓浏览器看背景图片,有些设备会模糊因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePixoRadio比较乱,有1.5的,有2的也有3的。想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况下都是2倍的),或者指定background-size:contain;都可以用-webkit-min-device-pixel-ratio可以做到不...

2020-03-24 23:45:04 658

原创 使用express 写接口

一、接口开发规范(Restful API)1、明确需求作用: 保证大家的编写规范一样举例:后端将资源发布到URL上->前端通过URL访问资源->并通过HTTP动词表示要对资源进行的操作后端定义接口->前端请求接口->HTTP动词表名操作目的(get获取post新建put更新等)举栗列表页:访问 - /模块名 (get)详情页:访问 ...

2020-03-05 16:57:21 853

原创 react状态管理

文章目录状态管理UI 抽离去仓库中的数据提供页面请求的函数异步请求获取数据目录结构另一种写法 (下集预告)状态管理安装模块 yarn add redux react-redux redux-thunk -S在src 目录下建立 store/index.js文件// 导入模块import thunk from 'redux-thunk' import {...

2020-03-03 23:45:32 113

原创 微信网页授权接口 &对象存储

文章目录网页授权接口Oauth2.0 开发步骤1:配置回调域名步骤2:组装开发地址步骤3:回调地址获取用户头像&昵称test.phpwx组件CDN&对象存储概念实现网页授权接口Oauth2.0 开发步骤1:配置回调域名http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 测试公众号需要单独关注 才行回调...

2020-03-02 23:53:42 2838

原创 vue项目的axios异步请求api 封装 & 导航守卫

vue项目的axios异步请求api 封装方法一、直接在 建立 api/index.js 文件//1.引入axios模块import axios from 'axios'//2.全局配置axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1'//3.添加请求拦截器axios.interceptors.reque...

2020-03-01 23:58:04 442

原创 vue项目中对自定义组件定义&调用

文章目录自定义组件在index.vue页面引入该组件在cart/index.vue中调用自定义组件补充slot 插槽:简介语法具名插槽:作用域插槽:自定义组件组件的名称可写可不写在index.vue页面引入该组件注意:header.vue,我是在cart/index.vue页面中添加了模块,不是html标签,其实就是vue引入新的子组件import vHeader from '@/c...

2020-02-29 23:46:38 1254

原创 vue复习(vuex状态管理)

文章目录vue工作流使用1、创建状态管理激活仓库页面中调用仓库中是数据 vue项目中 (简写)补充 (没有简写的用法) (不推荐)vue工作流通过state存储数据然后在组件展示接着通过action请求接口通过mutation更新state数据以此类推使用1、创建状态管理建立文件store/index.js (建立仓库)import Vue from 'vue'impo...

2020-02-29 00:29:05 304

原创 vue复习(过滤器、自定义指令、vue中操作Dom)

文章目录一、过滤器使用的地方代码推进补充 ES6 padstart自动填充(一般用在时间过滤上面)二、自定义指令全局的指令自定义指令三、vue中操作Dom1、绑定2、操作DOM一、过滤器使用的地方过滤器:过滤器可以用在两个地方:双花括号插值 和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。代码推进<!DOCTYPE html><html lang="en...

2020-02-27 23:20:09 495 1

原创 vue复习 (组件传值)

语法1、父组件->子组件:通过props接受父传递数据步骤1:子通过props键来接受父传递过来的数据 props:[‘变量名1’,…,‘变量名n’]步骤2:父传递给子如果穿的值为变量 Boolean或 number 类型 父必须在调用子的组件上通过语法 v-bind:子props中的变量名="父data中的键"2、子组件->父组件:通过$emit创建自定义事件发送数...

2020-02-26 23:03:13 197 2

原创 vue基础教程(mvvm思想、生命周期、基础用法)

文章目录为什么要学习vue优点项目使用MVVM***(Vue就是基于这个思想模式写的)生命周期beforeCreatecreated (可以发送异步请求)**beforeMountmounted (用this.$nextTick(函数)确保完全挂载)**beforeUpdateupdatedbeforeDestroyDestroyed基础语法模板语法(就是将模型中数据在页面展示)列表渲染(循环)条...

2020-02-25 23:25:19 646 2

原创 vue项目中api/index中的配置

vue项目中api/index中的配置首先安装模块yarn add axios//1.引入axios模块import axios from 'axios'//2.全局配置axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1' //最后打包改为你服务器的网址//3.添加请求拦截器// axios.inter...

2020-02-24 21:48:28 1059 1

原创 js 和Android 混合开发原理

文章目录建立项目主要编译的目录结构 :src 文件混合App开发原理1、在MainActive文件中2、在AndroidManifest文件中(Android的一些配置信息)js调用Android中的功能Android调用js中的功能总结:建立项目步骤 :file -> new project : Application name //应用是面程 就是安装在手机上的应用名称Comp...

2020-02-24 21:39:35 3326 3

原创 小程序业购物车务逻辑

文章目录uni-app & taro 购物车业务逻辑一、 taro 购物车业务逻辑1、页面初始渲染业务逻辑2、异步请求(加、减、删)3 、点击触发函数4、点击选中复选框给cartlist 中的每条数据添加 一个复选框选中状态计算总数量,和总价格 (每次加、减 、删、点击全选&反选、单击复选框时调用)点击全选& 全不选完整 代码index.scss 样式二、uni-app 购...

2020-02-23 20:25:35 360

翻译 小程序生命周期

文章目录小程序生命周期三、框架接口(精通)小程序的生命周期回调1.App(Object object)2.getApp(Object object)3.Page(Object object)二、uni-app生命周期1、应用生命周期2、页面生命周期2、1 onPageScroll (监听滚动、滚动监听、滚动事件)2、2 onTabItemTap 点击 tab 时触发2.3onNavigation...

2020-02-23 19:20:47 1398

翻译 小程序的页面配置

文章目录小程序的配置1、全局配置1、1 pages 页面路径1、2 windows 窗口设置1、3 tabBar 底部导航1.3.1 底部选项卡 list示例1.4 networkTimeout 各类网络请求的超时时间1.7 permission 小程序接口权限相关设置展示效果1.8 sitemapLocation1.9 navigateToMiniProgramAppIdList2、页面配置...

2020-02-23 16:39:32 1933 1

原创 用html实现刮刮卡效果

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css"> /* *{ margin: 0; padding: 0; } */ #cvs{ border: 1px soli...

2019-12-31 11:09:57 1203 2

原创 react 组件样式 & ref标记

明确需求组件就是一个个页面,里面放html代码思考:组件样式写在哪?回答:通过link导入或者写style<link rel="stylesheet" href="路径及文件名.css"><标签名 style={ {css属性名:属性值,....,css属性名n:属性值n} }></标签名>留心:在react中通过className增加样式(原因:...

2019-12-25 16:41:09 529

原创 react 列表 & Keys

复习mapforEach 遍历数组map 修改数组的数据,返回一个【修改过】的数组filter 过滤数组的数据,返回一个【新】的数组find 找值findIndex 找下标let newArr = arr.map((item,index)=> {// 遍历arr数组,将里面的值挨个赋值给item return 数据 // return的数据会pu...

2019-12-25 16:33:18 116

原创 虚拟DOM与diff算法(主要理解)

回流&重绘layout布局 attachment结合 painting绘制 display展示回流:重新布局 (每个页面至少1次)添加或删除可见的DOM元素 元素的位置发生变化 元素的尺寸发生变化(包括外边距、内边框、边框大小、高度和宽度等) 内容发生变化,比如文本变化或图片被另一个不同尺寸的图片所替代。 页面一开始渲染的时候(这肯定避免不了) 浏览器的窗口尺寸变化(因为...

2019-12-24 10:11:32 266

原创 react基础语法

react基础语法一、React简介react由来React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MV* 框架,都不满意,就决定自己写一套,用来架设 Instagram 照片墙 的网站(17年 用户量7亿+)。做出来以后,发现这套东西很好用,就在2013年5月开源了。是什么简单概括:React是当下很火的一个JS库&框架(face...

2019-12-24 09:31:13 272

原创 git 版本控制软件使用说明

能够通过git克隆下载仓库代码第一次用 gitgit clone https://仓库地址git config --global user.name "就是你自己的代号"git config --global user.email "1257332692@qq.com"校验:git config -l能够将开发的项目代码上传到仓库git add . ...

2019-12-23 11:47:11 283

原创 vue 全屏(无需安装插件)

template中写 <div class="btn-fullscreen" @click="handleFullScreen"> <el-tooltip effect="dark" :content="fullscreen ? `取消全屏`:`全屏`" placement="bottom"> <i class="e...

2019-12-22 18:01:54 1398

原创 element-ui

element-ui导航栏,和path双向改变 :default-active=“this.$route.path”<el-menu router background-color="#304156" text-color="#bfcbd9" :default-active="this.$route.p...

2019-12-22 17:57:35 108

原创 vue使用nprogress页面加载进度条

下载 nprogressnpm install --save nprogress入口文件,main.js引入 nprogressimport VueRouter from 'vue-router'import router from './router' //你的路由文件//引入nprogressimport NProgress from 'nprogress' // 进度条impo...

2019-12-22 17:54:35 136

原创 将element-ui中的表格中数据导出

第一步: 安装element-ui的环境npm i element-ui -S第二步: 导出表格的npm install --save xlsx file-saver第三步 添加一个类名或id名或ref<el-table id="table" :data="tdata4" height="405" border style="width: 100%">定义一个...

2019-12-22 17:43:30 269

原创 Echarts中配置Y轴固定,让内容滚动

Echarts中配置Y轴固定,让内容滚动dataZoom: [ { //Y轴固定,让内容滚动 type: 'slider', show: false, xAxisIndex: [0], ...

2019-12-22 17:33:36 6192

原创 vue中实现拖拽效果

vue中实现拖拽效果首先要搞明白分清clientY pageY screenY layerY offsetY的区别作用3(事件对象中记录的鼠标位置)语法 解释evt.screenX 相对于屏幕的左上角为原点evt.screenYevt.clientX 相对于浏览器的客户端左上角为原点(不计算滚动条位置)evt.clientYevt.pageX 相对于浏览器的客户端左上角为原点(计算...

2019-12-22 16:18:42 856

空空如也

空空如也

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

TA关注的人

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