- 博客(44)
- 收藏
- 关注
原创 小程序 面试题
1. 简单描述下微信小程序的目录结构?整体程序app.jsapp.jsonapp.wxss页面wxmlwxssjs文件json文件2. wxml与标准的html的异同?标签名称不同(html:div span img wxml:view text image)WXML仅能在微信小程序开发者工具中预览,而HTML可以在浏览器内预览; 属性节点不同,组件封装不同, WXML对组件进行了重新封装,没有DOM树:小程序运行在JS Core内,没有DOM树和window对
2021-09-25 14:07:12
241
1
原创 vue 面试题 前端面试题--vue 第六弹
时隔两个月后的面试题(捂脸跑ing)1. vue中的路由拦截器的作用这道题之前总结了但是网上说的都是axios拦截器的作用,于是我毫不犹豫的记错了下面说说我自己对于路由拦截器的作用:路由拦截器作用和导航守卫基本一样感觉就是导航守卫啊有木有当跳转到拦截器的范围后,拦截进行验证,验证成功给一个结果比如跳转到哪个页面验证失败给一个结果比如跳转回登录页面2.子路由的配置方法在父路由中配置children:[]子路由中的path不能加/,否则会成为根路径3. Vuex中改变store状态使用m
2021-09-24 11:14:34
243
1
原创 uniapp 实现录音上传
uniapp实现录音上传功能html部分js部分创建实例开始录音结束录音播放录音暂停播放提交录音到后端重新录制onLoad部分计时器数据部分html部分我是写了个录音的图片点击之后弹出一个弹出层(仿了下qq的样式)样式怎么写我就不赘述了大家都会js部分这是重点敲黑板!!!创建实例为了全局都好获取到,可以随时开始录音,随时停止录音,我把他扔进全局了 const recorderManager = uni.getRecorderManager();//创建一个录音实例 const in
2021-09-05 18:32:23
3507
8
原创 js中什么是实例
关于实例网上流传着一种官方说法实例就是类的实例what???一脸黑人问号好吗…plase speak 人话好的,人话怎么解释呢就是一个类的真实对象,个例、个案,就是具体来说比如:汽车是一个类我的汽车就是汽车的实例人是类你我都是人的实例那么放在程序中也就好理解了比如:创建一个map实例let map= new Map();...
2021-09-05 17:16:44
1406
原创 uniapp 画布绘制二维码,图片,文字的方法
uniapp 画布绘制二维码创建canvas标签canvas属性获取canvas上下文开始绘制画图片本地图片网络图片渐变色画背景图创建一个渐变色线性对象画文字画二维码坑点最近再用uniapp开发开发中需要做一个邀请码用到画布这个功能下面我来说一下如何实现画布绘制二维码创建canvas标签画布顾名思义首先要创建一个画布才能有地方作画canvas就是用来承载这个画布的在template标签中写<canvas @longtap="saveimage" :style="sty" canvas
2021-09-05 15:30:51
3359
原创 js 获取当天时间,实现展示包含今天的一周时间的方法
js 获取当天时间,实现展示包含今天的一周时间最近写了一个关于需要时间预约的项目,记录一下如何实现一周数据的处理,时间的展示js代码getdatet: function(e) { var date = new Date();//获取当天日期 var timestamp = date.valueOf(); //获取当前毫秒的时间戳,准确! var tdateta = timestamp + (3600 * 24 * 1000 * e);//从今天开始的第n天,今天为0,明天为1依次类推 va
2021-09-05 10:19:56
692
原创 js 中堆和栈的应用与理解
js 中堆和栈的应用与理解定义堆内存:栈内存:堆和栈在js中的应用栈:堆内存堆和栈有两种一种是说的数据结构—堆,堆栈一种是说的内存—堆内存,栈内存我今天要说的就是堆内存和栈内存定义堆内存:堆内存是区别于栈区、全局数据区和代码区的另一个内存区域。堆允许程序在运行时动态地申请某个大小的内存空间。栈内存:栈内存在函数中定义的一些基本类型的变量和对象的引用变量都在函数的栈内存中分配。堆和栈在js中的应用栈:用于储存基本数据类型他遵循先进后出原则每格大小有限 可做简单存储如下表类似像
2021-09-01 23:44:38
164
1
原创 微信小程序 地图功能的实现 map
微信小程序 地图功能的实现 mapwxml部分地图标签wxssjs这次项目有个功能是地图以选项卡方式可以选择进行不同位置展示实现方法就是将地图和tab选项卡结合选项卡刚开始我套了之前的滑动选项卡,套完发现一个问题之前写的那套选项卡是用的swiper写的还用了循环这样会导致一个结果,就是地图被循环生成了如果使用一个地图性能会更佳,于是果断舍弃swiper互动切换swiper滑动切换适合每页有不同内容的,对于这种在一张地图不同经纬度的展示,这种情况是不适合的好了,总结完进入正题地图功能的实现:
2021-08-16 14:04:30
1098
原创 微信小程序授权登录 组件的封装
微信小程序授权登录组件的封装新建components文件写wxml文件wxss部分js部分json引用页面使用页面js授权登录流程如下:因为多个页面功能需要登录状态所以做了个组件方便调用组件的封装新建components文件与pages文件同级创建一个components文件夹在components文件下创建一个组件文件然后在文件下新建component写wxml文件component文件结构与页面一样都包括以下以下是一个授权登录的弹窗这个弹窗内容都是活的也可以修改下做别的弹窗
2021-08-14 20:32:28
1353
原创 Css单位px,rem,em,vw,vh的区别
Css单位px,rem,em,vw,vh的区别px 像素rem 根元素字体大小应用场景使用和修改em 相对于父元素的大小% 相对长度单位vw、vh 相对于视口的单位视口VW 相对于视口宽的1%vh 相对于视口高的1%px 像素像素,为影像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“画像元素”之意,有时亦被称为pel(picture element)。每个像素可有各自的颜色值,可采三原色显示,因
2021-08-13 23:30:34
552
原创 微信小程序实现下拉刷新
微信小程序实现下拉刷新配置json文件在js文件中写下拉刷新方法注意配置json文件如果需要全局使用下拉刷新就在app.json中设置如果为单页面使用则在页面json设置即可"enablePullDownRefresh":true在js文件中写下拉刷新方法// 下拉刷新 onPullDownRefresh:function() { console.log(45634) var that=this; // wx.startPullDownRefresh() t
2021-08-13 16:29:32
127
1
原创 微信小程序中识别html标签的方法
微信小程序中识别html标签的方法前言rich-text组件前言在后台接口返回的数据中有些会带有标签,在微信小程序中如何将其直接渲染在页面呢?rich-text组件在微信小程序中有一个组件rich-text可以识别文本节点或是元素节点具体入下://需要识别的数据放在data中,然后放在nodes属性中即可<rich-text nodes="{{data}}"></rich-text>详情可以参考官方文档:官方文档入口...
2021-08-08 10:16:43
1676
5
原创 微信小程序 选项卡
微信小程序 选项卡wxhml部分js部分wxss部分wxhml部分<!-- 选项卡 --><view class="cardout"> <view catchtap="changecardleft" class="leftcard {{card==0?'cho':''}}">一级</view> <view catchtap="changecardright" class="rightcard {{card==1?'cho':''}}">
2021-08-06 17:49:43
483
1
原创 微信小程序 data中数据值的更改与储存
微信小程序 data中数据值的更改与储存this.setDatathis.setData直接更改success(res){ this.setData({ list:res.data.data })}如果data中的数据是对象格式的只更改其中的一部分,可以用下列方式;如直接写list.data:储存值会报错success(res){let a='list.img'; this.setData({ [a]:res.data.data })}...
2021-08-06 13:53:29
839
1
原创 微信小程序 自定义顶部导航栏标题 navigationStyle
微信小程序 自定义顶部导航栏标题修改需要自定义的页面.json文件在需要自定义的页面进行添加导航栏设置样式即可修改需要自定义的页面.json文件{ "usingComponents": {},//原自带 "navigationStyle":"custom"//加上这条就可以自定义顶部导航栏了(将原来的页面导航去掉)}在需要自定义的页面进行添加导航栏设置样式即可...
2021-07-29 11:03:53
1186
原创 手机号码正则 中文姓名正则
手机号码正则:var reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/; //11位手机号码正则//验证: if(reg_tel.test(form.tel)){ //通过继续下一步 }else{ console.log(form.tel) }中文姓名正则var regname = /^[\u4e00-\u9fa5]{2,4}$/; //2-4个
2021-07-29 09:52:21
415
原创 每日三道前端面试题--vue 第五弹
每日三道前端面试题--vue 第五弹DOM 渲染在哪个周期中就已经完成?说明Vue父组件向子组件传值的方法(代码或文字描述均可)?请列举axios的配置项及含义(五条)?DOM 渲染在哪个周期中就已经完成?dom渲染完成的周期为:mounted这是挂载后的阶段,在这个阶段,数据和DOM都已被渲染出来。说明Vue父组件向子组件传值的方法(代码或文字描述均可)?参考:vue3.0 组件使用 引用 传值 父传子 子传父父传子:在组件标签上写属性传值请列举axios的配置项及含义(五条)?
2021-07-28 20:27:45
158
原创 设置背景色为渐变色 css
效果如下:废话不多直接上代码:.submit{ background: linear-gradient(to right, #4BAEFF 0%,#604CF7 100%); color: #fff;}上图是从左向右渐变也可以设置为向下渐变等只需把to right改为to bottom
2021-07-28 19:25:57
147
原创 微信小程序报Cannot read property ‘setData‘ of undefined的错误
微信小程序报Cannot read property 'setData' of undefined的错误最近在学习开发微信小程序,记录下项目中遇到的一个报错.具体报错如下:这时打印下this发现是未定义this指向被改变我们只要将上面的success函数改为箭头函数即可箭头函数本身没有this通过调用父级的this...
2021-07-27 10:37:39
556
原创 微信小程序 事件传参
微信小程序 事件传参wxml部分js 部分wxml部分1.先绑定事件2.在该元素上写上属性data-index3.参数值即为要传参数<text catchtap="del" data-index="item" class="del">删除</text>js 部分以下两种方法都可以拿到值,好奇的小伙伴可以打印下e看看呢~// 删除 del:function(e){ console.log(e.currentTarget.dataset.index);
2021-07-26 18:13:52
837
原创 ajax post常用请求头
header:{ "content-type":'application/x-www-form-urlencoded'//post常用请求头 },
2021-07-26 16:44:30
157
原创 每日三道前端面试题--vue 第四弹
每日三道前端面试题--vue 第四弹什么是vue的计算属性?官方定义:计算属性和侦听属性有什么区别?怎样选择?两者之间的对比两者之间的区别两者之间怎样选择总结简述axios的安装和引入?axios安装vue2.0axios引入vue3.0 axios引入什么是vue的计算属性?官方定义:计算属性,就是当其依赖属性的值发生变化时,这个属性的值会自动更新,与之相关的 DOM 部分也会同步自动更新。计算属性实际上是一个方法,它可以完成各种复杂的逻辑,包括运算、函数调用等,并最终返回一个值。之前的章节中介绍
2021-07-26 12:52:29
500
原创 每日三道前端面试题--vue 第三弹
每日三道前端面试题--vue 第三弹Vue常见的指令有哪些?Vue的生命周期函数有哪些?(中文及英文)?vue2.0生命周期vue3.0生命周期vue怎样自定义指令?自定义指令全局注册局部注册Vue常见的指令有哪些?v-model 多用于表单元素实现双向数据绑定v-for 循环数组v-show 显示内容v-hide 隐藏内容v-if 显示与隐藏v-else-if连用v-else必须和v-if连用不能单独使用 否则报错 模板编译错误v-bind 属性绑定v-on:click 给标签绑定函数(
2021-07-24 11:31:59
248
原创 每日三道前端面试题--vue 第二弹
每日三道前端面试题--vue 第二弹简述框架和函数库的区别?1. 库(Library) , 代表 : jquery2. 框架 (Framework), 代表:vue3. 主要区别 : 控制反转什么是渐进式框架?Vue有哪些优缺点(各四个)?优点缺点简述框架和函数库的区别?1. 库(Library) , 代表 : jquery库就是一系列函数的集合, 我们开发人员在使用库的时候,想要完成什么样的功能,就调用库中提供的某个方法比如 : 想要添加样式, 就调用 jquery 中的 .css() / .add
2021-07-23 20:43:38
255
原创 前端每日一算(我掐指一算,這题不难~入门啊入门)
JS6 删除数组最后一个元素描述删除数组 arr 最后一个元素。不要直接修改数组 arr,结果返回新的数组示例1输入:[1, 2, 3, 4]输出:[1, 2, 3]解:function truncate(arr) {var aa=arr.slice(0,arr.length-1); return aa;}思路:这道题用了js的一个方法slice刚开始我用了splice不对因为splice会修改原始数组有不懂的小伙伴可以参考我的博客splice和slice的区别sl
2021-07-23 20:37:22
73
原创 slice 和splice 的区别 js
slice 和splice 的区别jsslice定义和用法一个参数正数负数两位参数正数负数splice定义和用法两个参数正数负数单一个参数正数负数今天写一道算法题时候用了splice但是没写对,感觉跟slice有点弄混总结下slice 和splice的用法slice定义和用法slice() 方法选取基于索引的元素的子集。子集是一个属于大的集合中的一部分的集合。该方法用于通过开始点和结束点来限制组合中元素的选择:start 参数是创建子集的开始索引(从 0 开始),stop 参数是一个可选的结束
2021-07-23 20:28:31
213
原创 前端每日一算(我掐指一算,這题不难~入门啊入门)
数组求和描述计算给定数组 arr 中所有元素的总和输入描述:数组中的元素均为 Number 类型示例1输入:[ 1, 2, 3, 4 ]复制输出:10解:方法一:function sum(arr) { let sum=0; for(let i=0;i<arr.length;i++){ sum+=arr[i]; } return sum;}思路:1.声明一个sum用于存储计算的和2.将数组中的数据循环出来3.将每个循
2021-07-22 18:16:14
91
2
原创 每日三道前端面试题--vue 第一弹
每日三道面试题--vue 第一弹1.对vue渐进式框架的理解2.v-if 和v-show的区别3.MVC、MVP和MVVM的区别一、MVC1.视图(View):用户界面。2.控制器(Controller):业务逻辑3.模型(Model):数据保存二、MVP三、MVVM每日三道前端面试题–vue 第一弹不积跬步,无以致千里;不积小流,无以成江海。1.对vue渐进式框架的理解对“渐进式”这三个字的理解:Vue渐进式-先使用Vue的核心库,再根据你的需要的功能再去逐渐增加加相应的插件。2.v-if 和
2021-07-22 15:29:19
185
原创 vue3.0 word导出
vue3.0 word导出安装引入添加点击事件js部分安装npm install --save file-saver用于保存文件引入import FileSaver from 'file-saver'添加点击事件<el-button type="danger" @click="outexcel()">导出文件</el-button>js部分//导出文件 function outexcel() { //后台获取导出数据 proxy.$axio
2021-07-21 16:29:28
337
原创 vue3.0 execle 导出功能实现
vue3.0 execle 导出功能实现安装引入给table加ref属性获取需要导出的execle表格元素安装npm install --save xlsxnpm install --save file-saverfile用于保存文件所以也要安装引入import XLSX from 'xlsx'import FileSaver from 'file-saver'import { ref, reactive, getCurrentInstance, onMounted, }
2021-07-21 15:47:32
1116
1
原创 富文本功能实现vue3.0
富文本功能实现vue3.0安装引入创建div创建button按钮js部分安装npm i wangeditor --save引入import WangEditor from "wangEditor";import { onMounted, onBeforeUnmount, } from 'vue'创建div创建button按钮div用来放富文本按钮用来放点击事件<div class="editor_text">说明书</div><el-but
2021-07-21 14:51:42
310
原创 yarn 常用命令(干干货!)
yarn 常用命令yarn安装依赖包安装卸载依赖包初始化一个新项目安装项目打包项目运行项目yarn安装npm install yarn依赖包安装yarn add package卸载依赖包yarn remove package初始化一个新项目yarn init安装项目yarn install或yarn打包项目yarn build运行项目yarn run dev(serve)...
2021-07-21 11:18:25
782
原创 vue 3.0记录Element UI 表单使用(看了隔壁小孩儿都会用的Element UI 表单组件使用)
Element UI 表单 使用 记录element ui 表单input文本域日期选择中国标准时间与xxxx-xx-xx格式时间之间的来回切换中国标准时间转换为xxxx-xx-xx格式xxxx-xx-xx格式转换为中国标准时间时间选择中国标准时间与xx:xx:xx时间格式的转换中国标准时间转换为xx:xx:xx时间格式xx:xx:xx时间格式转换为中国标准时间单选select下拉上传视频检测规则及绑定数据提交表单element ui 表单这次做了一个后台管理系统,用到了Element UI组件做个记
2021-07-21 11:00:34
1301
2
原创 js怎么给div加滑动条 vue给弹出层加滑动条(一分钟学会用js加滚动条)
怎么给div加滑动条 给弹出层加滑动条给div加滑动条给弹出层加滑动条给div加滑动条给需要滑动条的div加一个样式加一个高度,加一个overflow:auto;overflow:auto;height:200px;给弹出层加滑动条同理:给他外层加高度加overflow:auto;咳咳这是一篇没有水的更新呢(›´ω`‹ )...
2021-07-08 15:08:07
608
原创 vue3.0 axios 引入及使用
vue3.0 axios 引入及使用安装axios1.cmd安装2.手脚架安装引入axiosmain.js页面引入axios使用get方法post方法安装axios1.cmd安装npm install --save axios vue-axios2.手脚架安装1.vue ui 打开手脚架2.安装axios依赖引入axiosmain.jsimport axios from 'axios'app.config.globalProperties.$axios=axios//qsimpo
2021-07-02 18:23:33
6112
2
原创 vue3.0 抽奖 小功能
vue3.0 抽奖 小功能我给写进组件了<template> <div id="toll"> <div class="lottery-box"> <div class="lottery"> <div class="lottery-item"> <div class="lottery-start"> <div class="box gray" v-if="isStart===0">
2021-06-30 15:45:11
433
原创 vue3.0 vuex 全局变量 存储更改
vue3.0 vuex 全局变量 存储更改main.js准备vuex的文件使用方法(官方推荐)页面部分需要先引入vuex使用dispatch存储或改变数据index.js部分在state内写入要用的变量通过actions触发mutations的方法在mutations写方法更改state中的值main.jsimport store from './store'.use(store)完整如下图准备vuex的文件在src文件下创建一个store的文件夹内置一个index.js文件用来存放变量方
2021-06-30 10:25:43
3553
2
原创 vue3.0项目创建
vue3.0项目创建可视化创建(手脚架)命令行创建可视化创建(手脚架)1.win+R打开cmd命令行2.输入vue ui 打开手脚架vue ui3.打开项目管理器,选择创建4.选择项目创建位置下面选项如果需要向下兼容的话需要勾选,具体看项目需求下图:检查是否有语法错误,有一点错误就会报错,建议不选命令行创建1.打开需要储存的位置,打开命令行工具,或打开命令行跳转到需要存储的位置输入创建项目命令输入后回车运行vue create 项目名上下箭头键选择:创建项目类型
2021-06-30 09:50:22
196
原创 vue3.0 组件使用 引用 传值 父传子 子传父
vue3.0 组件引入及传值组件的创建组件引入在html中使用组件的创建1.将所需功能封装在components目录下的vue文件内组件引入2.在需要的vue页面的scripit标签下引入下面展示一些 引入位置。<script>//引入组件 import active from'../components/lotto.vue' export default{ setup(){ }, components:{ lotto:active, }在html中使
2021-06-29 14:36:17
641
原创 vue3.0实现地图功能
目前官方没有vue3.0组件,是JavaScript API v3以script标签引入vue3.0实现地图功能1.创建秘钥ak引入script1.打开index.html2.插入script在需要的vue 文件中插入一个空div在script标签中写入js部分onMouted语法1.创建秘钥ak申请入口:传送门引入script1.打开index.html2.插入script// 把密钥替换在您的密匙的位置<script src="//api.map.baidu.com/api?ty
2021-06-19 17:47:17
425
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人