- 博客(22)
- 收藏
- 关注
RSS订阅原创 微信小程序--数据缓存
小程序数据缓存wx.setStorageSyncwx.setStoragewx.getStoragewx.getStorageSyncwx.clearStorageSyncwx.clearStorage异步缓存wx.setStorage将数据存储在本地缓存中指定的 key 中wx.setStorage({ key:"key", data:"value"})wx.getStorage从本地缓存中异步获取指定 key 的内容wx.getStorage({ key:
2020-06-24 21:13:06
197
原创 微信小程序的生命周期
微信小程序生命周期函数有两个，APP，PageAPP生命周期onLaunch 小程序初始化完成时触发，全局只触发一次onShow 小程序启动，或从后台进入前台显示时触发onHide 小程序从前台进入后台时触发onError 小程序发生脚本错误或 API 调用报错时触发Page生命周期onLoad 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数onShow 页面显示/切入前台时触发onReady 页面初次渲染
2020-06-23 22:55:26
178
原创 微信小程序路由跳转与传参
路由的APIwx.switchTab 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面wx.reLaunch 关闭所有页面，打开到应用内的某个页面wx.redirectTo 关闭当前页面，不允许跳转到 tabbar 页面wx.navigateTo 保留当前页面，但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面wx.navigateBack 关闭当前页面，返回上一页面或多级页面以上API记不住没关系，有官方文档https
2020-06-22 23:56:49
335
原创 js事件流和DOM的增删改查
什么是事件流呢事件：事件是文档和浏览器窗口中发生特定交互的瞬间，当我们与浏览器中的web页面进行某些类型交互的时候，事件就发生了事件流：事件流描述的是页面中接受事件的顺序，微软为事件冒泡，网景为事件捕获事件冒泡：事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点阻止事件冒泡和事件捕获e.stopPropagation 阻止冒泡 vue中是 @click.stope.preventDefault 阻止捕获 vue中是 .preventDOM增删改查
2020-06-04 23:40:37
186
原创 盒子水平垂直居中----3种方法
我用的三种方法，当然常用的还是通过弹性盒来实现，一般用于移动端的时候，另外两种也可以，但在移动端使用弹性盒更方便，直接上代码了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2020-06-02 19:44:53
281
原创 vue封装select下拉组件
<template> <div class="selects"> <!-- 选择框 --> <div :class="{ selects0show: !isshow, selects0hade: isshow }" class="selects0" @click="isshow = !isshow" > <p v-text="xz"></p> </
2020-06-01 10:18:25
1266
原创 vue封装弹框组件
效果图：/* eslint-disable no-irregular-whitespace */<template> <div class="paymentdetail_compontents" v-if="isShowDialogs"> <div class="paymentdetail_div_box"> <div class="paymentdetail_div1"> <span class="paym
2020-06-01 08:56:01
392
原创 vue 封装搜索组件
<template> <div class="search_wrop"> <div> <input :value="currentValue" @input="inputload" /> </div> </div></template><script>export default { name: "search", data() { return {
2020-05-31 22:42:14
215
原创 vue 封装switch组件
<template> <div> <span class="weui-switch" :class="{ 'weui-switch-on': me_checked }" :value="value" @click="toggle" ></span> </div></template><script>export default { name:
2020-05-31 10:25:13
238
原创 vue封装实现返回顶部组件
<template> <div class="totop"> <div class="btnTop" v-if="btnFlag" @click="backTop()"> <img src="../../public/top.png" alt="" /> </div> </div></template><script>export default { name: "
2020-05-30 14:54:36
375
原创 vue封装星星组件
效果图：<template> <div> <div class="star mb-10" :class="starType"> <span class="star-item" v-for="itemClass in itemClassess" :class="itemClass" track-by="$index" ></span> &l
2020-05-29 19:15:29
273
原创 vue自定义指令----pc端拖拽和移动端拖拽行为
代码注意：1、VUE自定义指令实现的方式，Vue.directive();2、自定义指令使用的方式必须加v-;3、拖拽功能思路：是把要拖拽的DOM的position:设置为absolute,这样就可以基于父窗口，或者根元素进行展示；4、先在自定义指令中获取DOM元素，然后设置onmousedown事件，获取点击的位置坐标，然后就是小算法计算位置的问题；5、移动使用document.onmousemove，不要使用el.onmousemove6、移动结束后，即鼠标弹起后，要把onmousemov.
2020-05-28 20:24:07
617
转载 css3实现扇形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {
2020-05-25 07:57:20
301
原创 安装vue最新脚手架
关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它安装命令：npm install -g @vue/cli或yarn global add @vue/cli安装之后可以通过vue -V来看vue的版本创建项目vue create 项目名或vue ui .
2020-05-19 11:26:58
364
1
原创 微信小程序如何授权登录
1、通过wx.login获取code值，再使用wx.getUserInfo传递code值获取用户信息，下面看代码太多了<button class="dgq-btn" size="mini" open-type="getUserInfo" type="primary" bindgetuserinfo="yx">允许</button>yx(e){ console.log(e) wx.login({ success: res => {
2020-05-14 16:35:57
665
原创 微信小程序封装api接口
封装API，我是对wx.request进行了一个二次封装话不多说，直接开始第一步：在目录中创建一个文件（名字随便写）比如我起个http文件第二步：在http文件中创建个context.js文件（这个文件名字也随便写）这个文件里写接口的公共路径module.exports={ //公共路径 prod:{ baseurl:'https://api.it120.cc' }}第三步：创建request.js文件（名字也随便写）这个文件呢是对wx.request进行二次封装//引入
2020-05-14 16:13:57
348
原创 使用webpack搭建vue框架
webpack是什么webpack：是一种静态资源构建，打包的工具当然还有一些其他的比如：grunt：https://www.gruntjs.net/gulp：https://www.gulpjs.com.cn/fis3(百度)：http://fis.baidu.com/webpack：https://webpack.js.org/webpack核心entry:入口output:出口loader:资源转换器plugin:插件mode:模式下面开始了，看好咯一：创建一个
2020-05-09 19:22:50
439
原创 小程序中请求的数据有富文本怎么办
什么是富文本请求接口数据除了返回我们需要的数据之外，还有图片和带标签的链接这时候我们可以通过wx_parse来解决参考官方github： https://github.com/icindy/wxParse使用的步骤如下：1.下载文件夹wxParse- wxParse/-wxParse.js(必须存在)-html2json.js(必须存在)-htmlparser.js(必须存...
2020-04-30 11:42:19
326
原创 如何将vant框架引入小程序里使用
vant基于小程序的UI框架：https://youzan.github.io/vant-weapp/#/introvant框架引入步骤：1.在要引入框架项目中打开终端使用npm install 下载package.json文件2.在终端里下载miniprogram_npm文件npm i @vant/weapp -S --production3.在微信开发工具里勾选npm...
2020-04-29 16:14:23
809
原创 学习小程序
小程序是什么1.目前公司主流前端技术：H5,JS(ES5/6/7/8/9/),vue,小程序,Flutter,React2.微信小程序是一种不需要下载安装即可使用的应用（腾讯）3.微信小程序发布时间2017年1月9日4.商业模式利于产品推广小程序如何使用1：注册微信小程序账号注册网址：https://mp.weixin.qq.com/wxopen/waregister?action...
2020-04-29 15:35:08
242
原创 github，以及把项目通过git上传到github上
github是什么gitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名gitHub。gitHub于2008年4月10日正式上线，除了git代码仓库托管及基本的 Web管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。github还可以做什么就不多说了…github如何使用第一：...
2020-04-29 13:47:21
185
原创 git是什么以及怎么使用？
git是什么呢？？git是开源分布式的版本控制技术github是一个利用git技术的开源托管平台代码托管平台：github，码云，gitlab等区分：git和github关系分布式(git)，集中式（SVN）分布式：没有中心，可以在本地独立完成，不依赖其他服务器集中式：必须有一个核心服务器，如果核心服务坏掉，那整体网瘫痪知道git是什么之后我们看一下如何使用它吧第一步呢：...
2020-04-29 12:23:57
247
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人