- 博客(42)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Vant源码解析(五)---- ransition 动画
show控制显示隐藏，name表示样式，show这个字段改变就会触发observeShow()方法，是不是很眼熟，没错就是上篇文章截过图的。这次讲里面逻辑的动画。通过name，获得属于这一类的样式，并且赋值到classes,几秒后又赋值classes。show为true时，进行触发了enter()方法，false触发leave()方法。这个动画好像基本就是通过类名控制的，还有style来控制显示隐藏。这是组件的js,很明显，就是引入的那个文件在起作用。这是动画组件的页面结构，嗯，和popup组件很像。
2023-07-21 15:17:16
413
原创 工作中遇到的git问题合集，进行记录，说不定以后就不会犯了
今天在工作中，正常的合并其他同事的分支，这个时候，我突然 发现push不上去了，然后发现有人push到发版分支了。可是，他push上去了，我push不上，此时我这边已经拉取了其他人的分支，难道我pull的时候，我合并其他人的代码被覆盖了？我问了下当事同事，他是直接拉取了发版分支，然后再发版分支上改的，并且push了。正常来说，直接拉取发版分支，在这个分支上改，push的时候，如果线上分支更新的话，是push不上的。过了一天发现：我合并其他同事的操作记录更改的代码，奇迹般的回到了没有合并之前的代码。
2023-07-20 11:25:39
199
原创 Vant源码解析(四)----Popup弹出层，详解样式方法
这个功能，自己也手写过，毕竟有很多弹窗的嘛。我自己写就是：一个背景层，然后一个盒子里面放内容。再写个显示隐藏事件。够够的了。
2023-07-19 16:36:34
11650
原创 Vant源码解析(三)van-stepper步进器
先说下自己的开发思路，然后在对照下vant组件的思路，来查找下自己的不足。这个步进器有加和减的功能，还有输入的功能，限制最小和最大的功能。
2023-07-18 11:01:07
2225
原创 vant-weapp源码解析---Dropdown Menu
这个组件的写法有点像Tab标签页。都是一个组件，分成了2个内外，外层一个框，内层写内容，然后和微信文档的知识关联。这个组件，我们也经常用到，因为我自己也写过。现在来看看vant的写法。这样父子组件的数据都互通了。子组件传到父组件的方法。
2023-07-12 14:53:29
400
原创 vant-weapp源码解析---Tab标签页
这个标签栏，属于一个很常见的组件，一般我不用这个组件，自己手写一个scroll-view以及样式，更加轻便。但是我写的最简单的标签页没有滚动效果，以及选中标签动画效果。因此根据标签栏滚动学习下，并且自己手写一个标签栏。这些是所涉及到的文件以及代码这是滚动需要的页面元素和样式其中可以出现点击滚动效果的是因为有scroll-x，scroll-with-animation，scroll-left这个三个属性。然后通过点击标签进行调用计算scroll-left的方法，这样就可以进行滚动。
2023-06-29 09:56:13
1433
1
原创 我的面试题
数，二维码带参数有什么限制。1.微信小程序的整个开发流程，小程序不通过审核遇到过哪些情况。堆,如果存储在栈中，将会影响程序运行的性能；2.组件的生命周期，页面生命周期的调用顺序是什么。栈中存储了指针，该指针指向堆中该实体的起始地址。7.严格运行模式,使用它的区别是什么？8.小程序分享到朋友圈，有哪些注意事项。3.小程序传递对象的方法有哪些。
2022-11-16 14:49:53
355
原创 我重新认为的javascript:函数和对象（二）
1.函数形参可以使用默认值，可以为函数,在没有给定值的情况下，执行函数function fun(val, olaVal= fun1()) { alert( val+ ": " + olaVal);}1.空值的 return 或没有 return 的函数返回值为 undefined2.空值的 return 和 return undefinedfunction doNothing() { /* 没有代码 */ }alert( doNothing() === undefined );
2021-12-16 13:50:41
163
1
原创 我重新认为的javascript:基础知识（一）
1.变量的命名1.有含义的单词；不要使用data和value这种不清楚含义的单词2.常量的命名：如果是大写代表值被写入代码时，我们就知道值是什么了；如果是小写代表刚开始不清除值。2.数据类型null:一个代表‘无’的特殊值undefined：未被赋值typeof :null=>object ; alert =>function,历史遗留问题 、3.数值转换Number(undefined)=>NaN直观上为空的值将变成false4.基础运算符求幂：23
2021-12-11 10:45:53
474
2
原创 vue-pc后台管理系统：我认为的前端权限管理(八)
后台管理有不同角色，那么就有不同的权限登录拦截，判断是否登录router.beforeEach((to, from, next) => { if (to.path === "/login") { next(); } else { const token = sessionStorage.getItem("token"); if (!token) { next("/login"); } else { next(); } }
2021-12-04 11:22:25
209
1
原创 vue-pc后台管理系统：微信支付和支付宝支付(七)
微信支付微信，调用后台接口，然后返回链接地址，然后生成二维码 fun(params).then(res => { if (res.code == 200) { _this.weixin_code = res.data.url; _this.$nextTick(() => { _this.qrcode(); });
2021-12-02 14:06:21
1338
2
原创 vue-pc后台管理系统：echarts图表(六)
后台管理系统中，图表是一个很平常的功能，我也就做个总结echarts.js 文档说下常用的属性color 默认色板tooltip 提示框tooltip的属性trigger: ‘item’, // 触发类型，可选为：‘item’ ¦ ‘axis’legend 图例grid直角坐标系内绘图网格xAxis X轴yAxis Y轴textStyle 图例的公用文本样式。series 每个系列通过 type 决定自己的图表类型itemSty
2021-11-30 16:29:06
777
1
原创 vue-pc后台管理系统：文件导入和导出(五)
后台管理系统肯定会涉及文件的导入和导出，因此根据我的了解做个总结。1.导入我这里举例是xls、xlsx涉及的组件是el-upload
2021-11-27 11:59:57
2229
1
原创 vue-pc后台管理系统：父子传参和子父传参，$parent(四)
我大概应该处于会用的状态，也就说一说怎么使用1.父传子First.vue<template> <div class="first"> <el-tabs @tab-click="handleClick"> <el-tab-pane :label="item" v-for="item in labelList" :key="item"> <!--父传子--> <containTab :ms
2021-11-26 15:23:11
792
1
原创 vue-pc后台管理系统：vuex-persistedstate和菜单状态保持(三)
vuex是在中大型项目中必不可少的状态管理组件，刷新会重新更新状态，但是有时候我们并不希望如此。例如全局相关的，如登录状态、token、以及一些不常更新的状态等，yarn add vuex-persistedstate --savestore.jsimport Vue from "vue";import Vuex from "vuex";import persistedstate from "vuex-persistedstate";Vue.use(Vuex);export defaul
2021-11-25 16:54:38
852
1
原创 vue-pc后台管理系统：实现标签页(二)
1.el-main的标签页，和左侧菜单进行联动动态增减标签页静态初始页面 <el-main> <el-tabs v-model="activeTab" type="card" @tab-click="tabClick" @tab-remove="tabRemove" > <el-tab-pane :closab
2021-11-24 11:17:07
2825
2
原创 vue-pc后台管理系统:搭建项目(一)
首先我处于会用vue的小白状态,但是不怎么会用element框架.特此来学习记录1.搭建项目vue create start手动配置：需要什么自己选择（上下箭头切换 空格选中 ）babel:转换es6语法的这个必须要typescript 看自己需不需要用router管理路由的也选上vuex状态管理就看自己需不需要用css pre样式预处理器这个也加上linter/Formatter统一代码风格最后2个分别是单元测试和端对端测试然后回车确认选择vue的版本 ,我选择的.
2021-11-23 16:56:30
756
1
原创 rsa,md5,aes接口加密
生成18位随机字符串RSA加密Md5加密第一步.md5.js https://github.com/blueimp/JavaScript-MD5第二步var hash = md5 ( ‘value’ ) // “2063c1608d6e0baf80249c42e2be5804”AES加密aes.js https://github.com/sytelus/CryptoJS/blob/master/components/aes.js...
2021-09-27 10:32:24
187
1
原创 uniapp引入vant-weapp
uniapp引入vant-weapp总是失败1.修改这个文件，version.js。因为getSystemInfoSync（）获取不到数据2.还有一个,url()。记得在url()和逗号前面打空格这样，你会发现能神奇的运行了。
2021-08-07 10:40:18
417
1
原创 git最常用的命令
初始化git init1.本地代码上传git add .git commit -m"本地代码"git push2.本地代码和远程代码有冲突，下拉代码和上传代码git add .git commit -m"本地代码保存"git pull //解决冲突git add .git commit -m"合并代码"git push或者git stashgit pullgit stash pop//解决冲突git add .git commit -m""git push区
2021-04-19 15:04:15
721
1
原创 微信小程序：页面传参
我很喜欢这个页面传参，可以让向下一页时传递对象，还可以返回上一页时调用方法1.向下一个页面传递对象上一个页面let that = this;wx.navigateTo({ url: '/pages/position/index/page', events: { lastFn: function(res) { that.fn(res.id) }, }, success: function (re..
2021-04-16 17:23:33
282
1
原创 微信小程序：登录逻辑
小程序登录、用户信息相关接口调整说明既然微信的用户接口进行了调整，那么小程序就要进行调整了以前的登录逻辑是：新用户1.通过wx.login(),获取到code2.然后调用后台的接口进行解析获取openid、unionid、session_key3.通过button按钮调用微信授权用户信息弹窗，返回userInfo,rawData,encryptedData,iv4.调用后台接口，获取到用户信息5.如果获取到用户信息没有手机号6.通过button按钮调用微信手机号授权弹窗，返回enc
2021-04-16 15:03:19
551
原创 微信小程序：答题逻辑
在各种学习app上都有考试答题，包含单选题、多选题、简答题。功能：1.答题卡2.考试时间3.收藏4.是否交卷答题卡：1.是否做题2.是否正确3.题目类型4.跳转指定题目 wx.navigateTo({ url: 'url', events: { fn: function(res) { that.fn()//被打开页面返回时触发 }, }, success:function(r.
2021-04-16 11:30:51
854
1
原创 微信小程序：生成广告海报
需求：小程序码+图片=海报点击保存图片，打开微信进行扫描生成小程序码（写了）小程序码 + 图片 = 一张图片点击保存图片（写了）wxml-to-canvas微信开发文档1.安装wxml-to-canvasdemo.js,修改模板文件，变成海报的对应样式，最主要的const wxml = ` <view class="container"> <image class="img" src="/image/sharebg.jpg"></i.
2021-02-23 17:01:31
714
2
原创 微信小程序：生成小程序二维码
小程序码1.生成小程序码2.把图片保存到云存储里3.把路径存储到云数据库里const cloud = require(‘wx-server-sdk’)const db = cloud.database()1.cloud.openapi.wxacode.getUnlimited({})2.cloud.uploadFile({})3.db.collection("").add({})async function addQrcode(event) { let result = awa
2021-02-23 16:45:18
636
2
原创 特效：连带滑动
<ul class="one"> <li></li> <li></li> <li></li> <li></li> <li></li></ul><ul class="two"> <li></li> <li></li> <li></li> <li><
2021-02-20 13:52:11
271
5
原创 微信小程序：我经历过的错误
1.wx.requestSubscribeMessage授权订阅消息，不能是在异步函数里通过bindTap点击进行调用2.关于授权登录的事情1.通过wx.login({})获得code,成功的回调，调用接口进行注册，此刻并没有获得用户名，图像等2.通过bindGetUserInfo获取用户信息，并进行接口调用，通过解密，获得详细用户信息等内容 <button class="btns" openType="getUserInfo" bindgetuserinfo='bindG
2021-01-07 14:26:03
151
1
原创 微信小程序案例：拼团模块
就像拼夕夕一样，有些活动需要朋友助力。最近有个需求是这样的：核心：与微信小程序的激励广告联系一起，点击按钮助力，弹出微信激励广告，观看广告后，给予奖励，助力人数减1分享给朋友，请朋友助力，助力人数减1数据全部通过云函数进行处理剩余时间逻辑：用户开始拼团添加拼团表->点击助力广告->更新拼团人数和广告->当助力人数满了，更新拼团状态朋友助力->更新拼团人数，添加助力人表->助力成功后跳转成用户逻辑用户或朋友进入拼团，查询拼团表和助力人表，显示拼团信
2021-01-07 11:24:10
2262
1
原创 uni-app
uni-app的接触了解uni-app了解结构合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入了解uni-app使用vue.js开发所有前端应用的框架，开发者编写一套代码。可发布到多个平台。了解结构配置项pages.json 文件
2020-11-25 10:16:21
614
2
原创 swiper的联动滑动(一)
使用属性：Swiper互相控制+Slides居中+带缓动的拖动效果+slides之间设置间隔(100)//一定要放在onload中，等swiper创建之后执行window.onload = function () { var galleryThumbs = new Swiper('.gallery-thumbs', { slidesPerView: 5,//5个 watchSlidesProgress: true, watchSlidesVisibility: true,//自动适
2020-11-21 16:12:42
1265
2
原创 内嵌H5页面的交互事件
判断小程序、ios、androidfunction getSystemInfo (){ var u = navigator.userAgent; let isWeixin = u.indexOf('MicroMessenger') > -1; let IsMiniprogram = (window.__wxjs_environment === 'miniprogram'); let isAndroid = u.indexOf('Android') > -1 || u.indexOf('
2020-11-21 15:26:13
1812
3
原创 js:自执行函数和匿名函数
// 1.第一种方式： 两个()() ，function写在第一个()里面(function(){})()// 2.第二种方式： 一个() ,里面写 function(){}()(function(){}())因为匿名函数没有函数名，没办法调用，通过自执行调用(function(){})，匿名函数，返回当前function对象。(function(){})(),调用匿名函数，返回ret...
2020-02-24 18:45:45
421
1
原创 js:ajax封装
ajax是主要靠XMLHttpRequest对象来完成与后台的链接。get方式//这是异步 var xhr=new XMLHttpRequest(); xhr.addEventListener("load",loadHandler); // 发送方式使用GET方式发送，就是在URL地址中在？后面添加参数=值的方式，并且使用&...
2020-02-24 16:20:15
208
1
原创 vue案例：项目的开始
1.在进行开始开发vue项目的时候，所需要的步骤。npm init webpack 项目名字npm run dev 运行项目npm run build 编译打包项目2.安装插件 "dependencies": { "axios": "^0.19.2", "vant": "^2.4.6", "vue": "^2.5.2", "vue-router": "^...
2020-02-24 15:03:18
376
1
原创 微信小程序案例：自定义组件
在很多地方都有列表，我做的项目就有几个地方重复了列表，想着把它变成自定义组件。效果图1.首先创建组件文件夹，以及shopList文件夹，右击选择新建component，自动创建。2.首先我们需要声明自定义组件3.在wxml中搭建界面<view class="list"> <view wx:for="{{selectedList}}" wx:key cl...
2020-02-24 14:41:43
843
1
原创 vue案例：商城（三）
4.当用到后台数据时，要进行代理处理。module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/luo':{ target:'http://localhost:8080/CakeS...
2020-02-24 14:35:24
586
TA创建的收藏夹 TA关注的收藏夹
TA关注的人