- 博客(44)
- 收藏
- 关注
RSS订阅
原创 微信小程序授权登录和获取手机号功能（详细）
最近改了一个公司项目，新增加了一个获取用户手机号功能，里面用到了关于获取用户信息和用户手机号的功能，一开始写的时候发现我把两个按钮写在一个登录页面上，获取手机号逻辑是当用户点击授权之后跳转到首页，当点击拒绝弹窗提示，最后发现可能是微信上的限制，模拟器调试拒绝有提示，真机点击拒绝也是能跳的，没办法又写了一套关于用户进入某个详情页判断手机号授权问题，这里记录一下，希望能帮到有需要的朋友，先看下效果！！...
2019-04-20 18:06:43
102661
56
原创 1. 滚动事件回调太频繁的问题/2. 计算微信运动步数/3. 观察者模式
请编写一个函数，将其中某个时间段的步数进行小计，返回小计结果。由于滚动事件非常频繁，过多的请求导致服务器压力很大。输入：2020-09-01, 2020-09-07。请编写一个函数，减少上述场景发起请求的频率。
2023-03-28 18:23:31
133
1
原创 Vue搜索(CheckBox)
//router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'// import Index from '../views/Index/Index.vue'// import Calendar from '../views/calendar/index.vue'// import Search from '../views/Search/index.vue'import Page from '../views/Pa
2021-07-04 02:12:45
372
原创 vue自定义日历
<template><div class="calendar"> <!-- 导航 --> <div class="calendar-nav"> <span>关闭</span> <span>文案</span> <span>确认</span> </div><!-- 开始日期/结束日期 -->&
2021-06-06 11:34:07
369
原创 vue搜索(不区分大小写)通用
<template> <div class="binding"> <div class="bindingbtn"> <input type="serch" v-model="city"/> </div> <div v-show="isshow"> <p v-for="(item,index) in selectCitys" :key="index">{{item.name}
2021-05-24 00:17:48
2838
原创 vue 动态加动画滚动菜单
<template> <div class="Index"> <!-- 导航 --> <div class="apps-nav nav" ref="navH"> <span>返回</span> <span>全部应用</span> <span>搜索</span> </div> <div c
2021-05-23 22:11:06
206
原创 unicloud个人接口封装
网盘提取地址1、链接：https://pan.baidu.com/s/1W5wyzp9AJuuSUgkx0oGF_w2、提取码：0627
2021-02-11 03:56:03
919
原创 uniapp dialog功能窗
今天给小伙伴分享一波uniapp dialog弹窗插件，开发这个插件的原因是最近迭代一个项目，到DCloud插件市场转了一圈发现要 money，一气之下用了几个小时开发了一款，下面就给大家介绍一下，本插件支持小程序、APP、各大浏览器效果展示...
2021-02-09 07:23:09
5909
2
原创 JS经典算法
js经典算法比较常用且比较实用的算法，面试、工作中很多时候都能用到。当然还有一些其他算法就不一一列举了，四个字：多多实践随机数组洗牌function foo(arr){var newarr = arr.slice();for(let i=0,len = arr.length;i<len;i++){ let index = Math.floor(Math.random() * len); [newarr[i], newarr[index]] = [newarr[index],
2021-01-31 15:39:06
261
原创 ES6十大功能
ES6十大功能1. const和let关键字const使您能够定义常量（最终变量！）。 let让你定义变量。 这很棒，但是JavaScript中没有变量吗？ 是有的，但是由var声明的变量具有函数范围，并被提升到顶部。 这意味着在声明之前可以使用一个变量。 让变量和常量具有块范围（由{}包围），在声明之前不能使用。function f() { var x = 1 let y = 2 const z = 3 { var x = 100 let y = 200 co
2021-01-31 15:04:47
677
原创 uniapp使用第三方UI库（Vant-weapp）流程
最近撸了一个个人小程序项目，前端到后端都是本人所写，苦逼。。。废话不多说，直接给大家说一下uniapp使用vant步骤！！！一、创建目录在项目根目录中创建wxcomponents目录（注：与components同路径）在wxcomponents目录中创建vant目录在vant-weapp的GitHub Releases版块下载最新的zip包：https://github.com/youzan/vant-weapp/releases把下载好的zip包中的dist文件目录放到vant目录下。效.
2021-01-03 20:57:56
2615
5
原创 vue项目中使用百度地图教程（完整流程）
各位码友大家好，好久没和大家切磋技术了，今天给大家分享一个关于vue项目中使用百度地图的教程，记得关注点赞收藏哦！！！一、创建ak官网地址：添加链接描述![在这里插入图片描述](https://img-blog.csdnimg.cn/20201223181425885.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80.
2020-12-23 18:34:13
4626
4
原创 vue中树形表格vue-table-with-tree-grid的用法
vue项目中使用第三方表格插件介绍1.在cmd命令中输入vue ui命令就会弹出vue项目可视化面板，如果没有弹出，你就要安装相关内容，具体就不再赘述了。2.在依赖的侧边栏点击，然后找到运行依赖，搜索vue-table-with-tree-grid点击下载。3.在vue中使用这个第三方插件，在vue项目的main.js进行全局组件注册导入：import TreeTable from ‘vue-table-with-tree-grid’进行全局使用：Vue.component(‘tree-ta.
2020-11-11 06:10:19
799
原创 Element UI表单校验封装
```java```javascript> <font color="red">这几天在搞一个后台管理项目，里面用到了表单验证，想到能偷懒，所以就封装了一个表单验证插件，需要的直接使用就好！！！</font>## 一、新建validator.js文件```javascript // 数字const numberReg = /^\d+$|^\d+[.]?\d+$/// 中文const cnReg = /^[\u4e00-\u9fa5]+$/// 邮箱c.
2020-11-08 10:40:39
1024
原创 day.js插件处理日期
今天给大家分享一个处理日期时间格式的插件，方便好用,你值得拥有day.js官网：dayjs中文官网教程没使用之前样式处理之后详细教程看官网即可，我直接上我封装的代码，有需要的直接拿去用就好一、 安装day.js插件npm i dayjs -S二、在utils目录下新建一个day.js，我是全局使用的，需要在main.js中引用/** * 初始化 dayjs 相关配置 */import Vue from 'vue'import dayjs from 'dayjs'imp.
2020-11-01 18:44:21
1315
原创 vue登录详细流程
VUE登录流程实现好长时间没维护博客了，最近离职回到来家，难得有时间，这短时间好多码友对我去年写的小程序用户登录很感兴趣，经常加v切磋，今天就为大家撸一个vue方面的登录完整流程。希望能帮到各位码友!~~~觉得有用就点赞支持一下，后期定期跟新干货，B站上面后期会跟新本人视频教学，希望各位码友可以去捧场喔。一、登录四大步 1、找到数据接口 2、封装请求方法 3、请求调用登录 4、处理响应结果二、代码块解析1、在
2020-11-01 03:22:54
3753
原创 Vue3.0安装及引入less、sass
开场：又是一波vue3.0的大潮来临了，今天来记录一下如何引入css预处理器less或者sass，因为项目中我用的是less，所以就拿less举个例子吧！！！一、新建common.less文件友情提示：主要是用来装项目中用到的全局变量//代码块@primary-color: #32b642; // 全局主色@link-color: #32b642; // 链接色@warning-c...
2019-12-23 16:01:37
3833
4
原创 vue单页面和多页面优缺点
开场：在项目中，单页面应用和多页面应用这两个是必不可少的，当然公司面试时只要简历上有写会vue这个问题十有八九也会提及，今天就重点说一下这个两个概念、使用、及优缺点。。。单页面应用（spa）概念：只有一个html页面，所有跳转方式都是通过组件切换完成的。优点：页面之间跳转流畅、组件化开发、组件可复用、开发便捷、易维护。缺点：首屏加载较慢，加载整个项目中使用的css、js，SEO优化不好。...
2019-12-20 14:18:48
5389
原创 小程序保存图片相册无响应
闲篇：今天改了一个小程序的bug,说来也奇怪，前几个版本来好好的，主要是点击图片保存到相册里面，结果最近一个版本发布就不行了，模拟器上面都是好好的，代码检查了好几遍都没什么问题，老板非说是前端的问题，没办法，谁让是苦逼的打工仔呢，接着查呗，功夫不负有心人，终于找到了，原来是前几天后端加了一个CDN加速‘CDN加速惹的祸’，唉。。。。。。。。。。。。。。下次哪位猿友遇到这样的问题，首先要考虑的就是域...
2019-12-16 11:14:29
2261
1
原创 小程序自动更换标题文字及icon的方法
一、动态生成底部tabBar的icon和文字 wx.setTabBarItem({ index: 2, text: '商品', iconPath: "/assets/[email protected]", selectedIconPath: "/assets/[email protected]" })说明：i...
2019-12-06 16:28:27
702
原创 开发web项目时在IE浏览器测试各个版本号的兼容性
**这段时间做一个响应式的官网，浏览器兼容问题，首先就是IE浏览器了，因为有的‘资深’用户喜欢用IE查看网页和查找资料,但我们开发者一般电脑上浏览器一般用的都是最新版的，下面让我我来告诉你们怎么调整旧版本的浏览器，对刚接触前端的老兄应该有帮助**注意看图片箭头提示噢(●’◡’●)...
2019-12-05 18:46:03
748
原创 小程序上传代码生成体验版二维码打开时需要打开调试才能显示数据BUG
**今天接手的小程序迭代，把代码上传到微信后台生成体验版小程序后发现扫码之后遇到不打开调试数据加载不出来，后来检查了半天，没发现问题，查了好多资料，提示的是request域名的问题，看了后台配置的域名和模拟器上详情里面显示的域名发现都没问题，最后终于发现原来当时另一个人代码中配置的域名不是https的，这也是前不久，微信刚改版的，目的是如果使用http有可能造成信息流失，不太安全**一、...
2019-12-05 13:49:57
1299
原创 Vue和React总结
一、Vue特性：1、轻量级的框架2、双向数据绑定3、指令4、插件化优点：(1) 轻量级的框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb(2) 双向数据绑定(3) 组件化:实现了html的封装和重用,在构建单页面应用方面有着独特的优势优点：1、提高开发效率2、方便重复使用3、简化调试步骤4、提升整个项目的可维护性5、便于协同开发(4) 视图,数...
2019-11-26 19:13:37
341
原创 使用react Native开发App时Android Studio开发环境搭建
本文参考大神总结Android Studio开发环境的搭建，直接开始！Android开发环境搭建分以下几步：1、下载jdk和Android studio2、安装jdk3、配置环境变量4、安装Android Studio5、配置Android Studio一、下载官网1、下载jdkhttp://www.oracle.com/technetwork/java/javase/downl...
2019-11-21 18:39:05
365
原创 小程序报错Uncaught (in promise) undefined原因
控制台报错Uncaught (in promise) undefined今天看的小程序，无缘无故报了一个如下图的错误：当时仔细检查了原因发现是Promise里面的http 请求 url 不存在！！！...
2019-11-20 17:42:06
21771
4
原创 Vue Vant组件库使用
vant组件使用先回忆vue安装脚手架步骤：npm install vue-cli -gvue init webpackvant安装简写形式：npm i vant -S完整形式：npm install vant -save注意：如果网速慢的情况下可以使用淘宝镜像安装，不建议使用cnpm命令行：npm install vant --save --registry=https://...
2019-11-19 22:21:05
1317
原创 vue工程目录详解
vue 文件目录结构详解项目简介基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含：基础库: vue.js、vue-router、vuex、whatwg-fetch编译/打包工具：webpack、babel、node-sass单元测试工具：karma、mocha、sinon-chai本地服务器：exp...
2019-09-04 13:24:12
5610
原创 node.js 详细安装步骤即使用步骤教程（详细）
1、下载安装包Node.js 官方网站下载：https://nodejs.org/en/选择操作系统对应的包：下载完成，安装包如下：2、安装打开安装，傻瓜式下一步即可：选择安装位置，我这里装在D盘下：安装成功，文件夹结构如下，并在上面安装过程中已自动配置了环境变量和安装好了npm包，此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号：...
2019-09-03 20:05:38
1735
原创 Git命令操作流程（详细）
说明：在没开始先聊两句，八月中旬公司倒闭了，这段时间也一直在找工作，以前的公司所有项目就我一个人做，所以对git使用也没多大的研究，这段时间找工作要求的都是Git要熟练使用，所有我就用了一点时间看了下git的使用，并对每一步使用的方式做了详细的记录，在此分享给刚踏入社会及需要用到git的各位前端界小清新们，希望能帮助到你们，闲篇扯完了，上干货(*￣︶￣)一、git初始化在本地新建项目文件后进...
2019-09-01 17:27:13
1555
原创 Vue的内部指令
基础指令v-shou指令是根据表达式的值来显示或隐藏HTML元素。当v-show赋值为false时，元素将被隐藏。查看DOM时，会发现元素上多了一个内联样式style="display:none"。注：v-show不支持<template>语法。v-if和v-show区别v-if是惰性的——如果初始渲染时条件为假，则什么也不做，在条件第一次变为真时才开始局部编译（编译会被...
2019-06-06 13:08:44
560
原创 Vue.js三种安装方式和npm安装步骤
这几个月一直在做小程序项目，在大学自学的的Vue在公司还没怎么用过，趁着这几天公司事比较少，就从头过一遍Vue.js，接下来这篇文章主要说的是Vue安装的三种方式及基于npm安装脚手架的步骤说明！！！安装的3种方式：1.script直接通过script加载CDN文件例如：<script src = "http://webapp.com/static/webapp/shield/z/v...
2019-05-16 13:07:25
1753
原创 关于padding-right无效
<view class='weui_item'> <view>{{item.id}}</view> <view>{{item.housename}}</view> <view>{{item.averagePrice}}</view> &...
2019-05-10 18:24:10
1378
1
原创 javascript轮播
本文实例讲述了原生JS实现的简单轮播图功能。分享给大家供大家参考，具体如下：经过几天的努力，终于攻克了这一难题，于是迫不及待的想要分享给大家，编写之前，我也看了不少其他博主的博客，大多是用偏移量写的，对新手来说，还是有些难以理解，虽然可能实现的需求不一样，但我想先从简入手，所以自己查阅资料，修改bug，终于完成。话不多说，上代码：<div id="flash"><img s...
2019-04-21 21:47:07
384
原创 es6文档笔记(全)
一、let 和 const 命令1.let 命令基本用法ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。for循环的计数器，就很合适使用let命令。另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。不存在变量提升var命令会发生”变量提升“现象，即变量可以在声明...
2019-04-18 13:37:11
5900
原创 mpvue实现图片添加、删除、拖拽功能
这几天用mpvue做项目用到了图片拖拽功能这里简单记录一下，直接上代码！！！1. 自定义组件（1）在components目录下新建一个dragSort.Vue（2）在需要用到的文件引用import dragSort from '@/components/dragSort'（3）在引用的文件里面注册 components: { dragSort },（4）使用<...
2019-04-18 11:23:03
1673
原创 git文档总结
1. Git简介Git是什么？Git是目前世界上最先进的分布式版本控制系统（没有之一）。Git有什么特点？简单来说就是：高端大气上档次！那什么是版本控制系统？版本控制(Revision control)是一种软体工程技巧，籍以在开发的过程中，确保由不同人所编辑的同一档案都得到更新。1.1 git的诞生很多人都知道，Linus在1991年创建了开源的Linux，从此，Linux系统不断...
2019-04-18 09:16:21
613
原创 web前端面试题（全）
近来看到网上格式各样的web前端求职的面试题，接下来我用我的经验总结了一套在面试过程中高频率问到的面试题，希望能帮助各位求职者在求职的过程中顺利通过，废话不多说，直接说题。。。一、HTML5部分1.说一下对css盒模型的理解答：css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素...
2019-04-17 11:23:57
67357
11
原创 归纳mpvue常见问题
mpvue总结在小程序中使用mpvue，有哪些需要注意的地方，我在这里记录一下1.设置项目tabbar在文件目录src——>app.json设置页面的tabbar，具体写法和小程序中的一样，值得注意的是这里tabbar的跳转路径，是每个页面中的main.js,而不是index.vue,一开始我也以为是index.vue，结果试了才知道是main.js，每个页面中都会有main.js，...
2019-04-16 13:52:31
1249
原创 mpvue框架使用flyio请求
1.npm安装npm install flyio --save.2.src下新建utils/request.js文件import Fly from 'flyio/dist/npm/wx'const fly = new Fly()const host = 'https://rmall.ukelink.net'// 添加请求拦截器fly.interceptors.request.use...
2019-04-15 18:25:01
849
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人