- 博客(41)
- 收藏
- 关注
RSS订阅原创 如何在web-view页添加悬浮按钮，在web-view页嵌套自定义元素
如何在web-view页添加悬浮按钮，在web-view页嵌套自定义元素
2023-03-27 15:19:41
1360
2
原创 uniapp小程序使用web-view与h5页面通信，web-view页面分享给好友
uniapp小程序使用web-view与h5页面通信，web-view页面分享给好友
2022-12-01 10:50:33
1062
原创 tab吸顶功能实现，css实现沾性吸顶，sticky实现吸顶，解决sticky吸顶失效
tab吸顶功能实现，css实现沾性吸顶，sticky实现吸顶，解决sticky吸顶失效。
2022-10-26 15:28:36
877
2
原创 Git常用操作命令
branch -d [name] ---- -d选项只能删除已经参与了合并的分支，对于未有合并的分支是无法删除的。如果想强制删除一个分支，可以使用-D选项。branch [name] ----注意新分支创建后不会自动切换为当前分支。merge [name] ----将名称为[name]的分支与当前分支合并。创建远程分支(本地分支。
2022-10-26 15:07:01
66
原创 uniapp实现小程序登录，微信一键登录，获取token,iv,code,ncryptedData
获取iv,code,ncryptedData,调用后端接口进行登录
2022-09-09 09:59:13
4604
原创 Eslint如何使用，如何下载，如何格式化保存，eslint代码校验工具
如果你已经安装好了 Eslint插件，按 ctrl + shif + p，打开Settings.json 文件，这个文件是用户自定义配置，里面的配置会覆盖 defaultSettings.json 里的同名配置。并且当我们这么做的时候，我们可以关闭 editor.formatOnSave，否则我们的文件将被修复两次，这是没有必要的。想要 保存时自动格式化，实现这个效果的配置更推荐使用editor.codeActionsOnSave，它支持更高的可配置性。以下便是我们需要在 setting.json 里。
2022-09-09 09:28:00
964
原创 uniapp自定义小程序头部导航栏,navigationbar,封装成公共组件带返回按钮和标题,带图片logo,实现导航栏下方滚动,。(组件代码在最下方)以下是组件的完整代码。
uniapp自定义小程序头部导航栏,navigationbar,封装成公共组件带返回按钮和标题,带图片logo,实现导航栏下方滚动,。(组件代码在最下方)以下是组件的完整代码。
2022-08-31 10:09:37
1838
原创 uniapp左侧点击右侧滑动到对应的高度,右侧滑动左侧自动高亮,解决安卓频繁触发滚动到底事件不会执行情况,scrolltolower偶尔执行
uniapp左侧点击右侧滑动到对应的高度,右侧滑动左侧自动高亮,解决安卓频繁触发滚动到底事件不会执行情况,scrolltolower偶尔执行
2022-08-31 09:45:22
556
原创 深拷⻉浅拷⻉的区别？什么是深拷⻉浅拷⻉
深拷贝和浅拷贝。他俩的区别是什么？怎么实现？JavaScript 中存在两⼤数据类型,深拷⻉开辟⼀个新的栈，两个对象属完成相同，但是对应两个不同的地址
2022-06-10 14:15:33
478
原创 【vue3-pinpa】vite pinia-plugin-persistedstate安装使用 vue状态管理工具pinpa，pinia持久化如何使用，如何配置pinia,vue3刷新数据不丢失
【vue3-pinpa】vite pinia-plugin-persistedstate安装使用 vue状态管理工具pinpa，pinia持久化如何使用，如何配置pinia,vue3刷新数据不丢失
2022-06-10 14:05:02
6792
3
原创 node-sass无法使用下载dart-sass
node-sass无法使用的情况下下载dart-sass先使用 npm uninstall node-sass 卸载node-sass在安装 npm install sass sass-loader -D 下载一下dart-sass重新运行项目即可或者 npm i node-sass@4 --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/或者指定版本下载npm uninstall sass-loader //卸载初始版本
2022-05-31 16:01:21
239
原创 title与h1的区别，b与strong的区别，i与em的区别，img标签的title与alt的区别，图片png，jpg，git使用场景。
title与h1的区别：title标签里的文本是网页标题，h1标签里是文本 在做网站的seo层面上 网络爬虫会首先抓取title里的内容，依次向下查询关键字 title>h1b与strong的区别：语义化 b只是一个加粗便签没有特殊含义 strong也是一个加粗标签，但是有特殊的含义（强调：阅读器，seo）i与em的区别：语义化 i是倾斜标签，没有特殊的含义，现在一般都用来放图标 em是倾斜标签，但是有特殊的含义（强调：阅读器，seo）img标签里title与al...
2022-05-09 16:20:27
275
原创 CSS：link 和@import两者有什么区别
link和@import都是用来引入样式表区别@import是CSS提供的语法规则，只有导入样式表的作用； ink是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS，rel连接属性等； 加载页面时，link引入的CSS被同时加载@import引入的CSS将在页面加载完毕后加载 link标签作为HTML元素，不存在兼容性问题，@import是CSS2.1才有的语法，故老版本浏览器（IE5之前）不能识别...
2022-05-09 14:17:55
233
原创 原型与原型链，什么是原型，原型与原型链的区别，什么是原型链？
原型与原型链：原型prototype 原型是函数特有的,常规的数组和对象是没有原型的原型链_proto_谷歌浏览器中呈现是[[prototype]] 原型链是大家都有的function Person(){}Person.prototype.name="周一"Person.prototype.age=1212Person.prototype.getAge=function(){ console.log(this.age)//打印年龄}//通过new 关键字实例化当前函数le
2022-05-07 17:04:33
363
原创 什么是防抖什么是节流？防抖节流的区别，vue中如何实现防抖节流，vue中防抖节流 lodash插件如何使用
什么是防抖什么是节流？防抖节流的区别，vue中如何实现防抖节流，vue中防抖节流 lodash插件如何使用
2022-04-26 15:30:15
573
原创 vueRouter的实现原理和vueRouter的基本使用
vueRouter的实现原理vue路由模式⼀共有两种,分别是hash和history.他们的区别是hash模式不会包含在http请求当中,并且hash不会重新加载⻚⾯有#,⽽使⽤history模式的话,如果前端的url和后端发起请求的url不⼀致的话,会 报404错误,所以使⽤history模块的话我们需要和后端进⾏配合.history的原理就是利⽤html5新增的两个特性⽅法,分别是psuhState和replaceState来完成的vueRouter的基本使用1，安装插件yarn add v
2022-04-08 15:48:50
348
原创 vue中ckeckbox(复选框)的使用，及对click事件和change的理解
vue中ckeckbox(复选框)的使用心得，及对click事件和change的理解通过点击事件判断复选框状态，v-model来绑定checkbox的值，更改文本及css样式，<div> <input type="checkbox" name="" @change="changeBtn" v-model="checkVal"> <input type="checkbox" name="" @click="clickBtn" v-model="checkVal">
2022-04-08 13:07:43
7953
原创 如何封装axios？axios 的简单封装
1.首先引入 axiosimport axios from 'axios'2.创建一个实例const api = axios.create({ baseURL: '', // 请求的公共地址部分 timeout: 3000 // 请求超时时间 当请求时间超过5秒还未取得结果时 提示用户请求超时})3axios的拦截器请求相关处理 请求拦截 在请求拦截中可以补充请求相关的配置// interceptors axios的拦截器对象api.interceptors.reque
2022-04-08 11:51:00
17161
9
原创 小程序如何封装API ，如何封装request请求？
1.与pages同级创建一个request文件夹2.里边建request.jsconst URL = "此处为接口的公共地址"const api = (params) => { return new Promise((resolve, reject) => { wx.showLoading({ title: "加载中" }) wx.request({ url: URL + params.url, method: params.method || "GET",
2022-04-01 16:02:24
364
原创 vue路由守卫,路由拦截，导航守卫
路由守卫就是当⻚⾯跳转的时候会触发的钩⼦函数,vue⼀共给我们提供了三种路由守卫全局路由守卫前置守卫：router.beforeEach((to,from,next) => {})to-到哪里去 from --从哪里来 next–重定向 //路由拦截 我们经常使⽤路由守卫实现⻚⾯的鉴权router.beforeEach((to,from,next) => { const token = store.state.koten; if(!token && to
2022-04-01 15:40:31
3249
原创 路由有哪两种跳转方式？路由如何传参？
1.声明式路由跳转（不带参数）通过router-link标签进行跳转，使用name或者path都可以，在dom结构中会被渲染成a标签注意：router-link中链接如果是’/‘开始就是从根路由开始，如果开始不带’/’，则从当前路由开始。 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}">（带参数）注意：params传参数 (类似post)路由配置 path: "/h
2022-03-30 23:36:34
3164
原创 vue2vue3原型上全局挂载公共属性及方法的配置
vue3原型上全局挂载axios的配置，全局挂载公共属性及方法的配置首先先下载axiosnpm install --save axios在vue3项目包的main.js中import {createApp} from 'vue'import App from './App.vue'import router from './router'import store from './store'//引入axiosimport axios from 'axios'//挂载公共方法const
2022-03-29 19:53:42
2298
原创 什么是跨域？如何解决跨域？
什么是跨域：跨域是指浏览器不能执行其他网站的脚本，它是浏览器的同源策略造成的，是浏览器对javaScript实施的一种安全限制，当请求url的协议、域名、端口三者之间任意一个与当前页面url不同时即为跨域如何解决跨域：解决本地跨域： 通过vue.config.js里的devserver属性里的proxy属性里的三个配置，分别是代理名称、代理地址、开启跨域、重写路径解决线上跨域：在nginx.conf文件里面配置，代理名称是通过location代理名称，proxy_...
2022-03-27 12:03:03
1178
原创 如何解决vue2数据更新视图不更新
如何解决vue2数据更新视图不更新因为vue2和vue3的执行机制有所不同，v2是通过object.defindProperty,监听对象新增或修改某一个属性的时候会触发，所以会出现数据更新视图不更新的情况，而v3则是通过es6的proxy监听整个对象的变化当发生数据更新视图不更新时我们可以使用this.$set()来解决对象：写法data:{ obj:{ a:1, b:2, }}methods:{ add(){ this.obj.c=10//给obj添加属性及属性值 co
2022-03-24 17:03:24
3905
原创 vue⽣命周期? 什么是vue⽣命周期? vue⽣命周期都有哪些钩⼦函数?这些钩⼦函数如何触发?项⽬开发过程中,在⽣命周期⾥⾯都分别做过什么功能?⻚⾯第⼀次加载时⽗⼦组件⽣命周期执⾏的顺序是什么?
vue⽣命周期? (必问) 1.1 什么是vue⽣命周期? 所谓的vue⽣命周期就是vue实例从创建到销毁的整个过程我们称之为vue的 ⽣命周期,通过vue的⽣命周期我们可以在不同的阶段进⾏不同的逻辑操作. 1.2 vue⽣命周期都有哪些钩⼦函数?这些钩⼦函数如何触发? vue⽣命周期常⽤的钩⼦函数⼀共有8个,分别是创建前后、挂载前后、更新前后以及销毁前后. 分别对应的钩⼦函数为beforeCreate 创建前、 created创建后、beforeMount 挂载 前、mounted挂载.
2022-03-24 16:46:25
1715
原创 vue如何封装可复⽤的子组件?
vue如何封装可复⽤的组件?分析项⽬的所有⻚⾯结构和业务功能,抽离出相同的⻚⾯结构和业务功能在src⽬录下创建⼀个components这个的⽂件夹在这个⽂件夹内创建可复⽤的组件如图：在需要的⽤的组件⾥⾯引⼊创建的这个可复⽤的组件,并进⾏注册,以标签的形式写在对应的地⽅如下<template> <div class="home"> <myinput></myinput>//使用 </div&
2022-03-24 16:40:36
145
原创 Vue的生命周期
Vue的生命周期vue生命周期：vue实例从创建到销毁的过程;主要是在不同的时段执行不同的事情;通俗来讲就是 出生到死亡的过程常见的8个生命周期钩子函数beforeCreate created创建前后beforeCreate 里获取不到data数据和dom元素created 里可以获取data数据但是获取不到dom元素一般在created 里进行数据请求和获取本地的数据如果说想在created内获取dom元素，我们可以使用nextTick
2022-03-24 16:14:42
1723
原创 vuex 数据持久化插件
vuex 数据持久化：刷新页面，vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地，即使刷新也不能清空，例如：登陆状态、token等。这是就需要用到vuex数据持久化//需要先下载插件npm install vuex-persistedstate --save 或者 使用yarn add vuex-persistedstate --save//在vuex初始化时导入插件import persist from 'vuex-persistedstate'//并使用export de
2022-03-23 17:00:31
148
原创 通过正则+字符串方法replace修改富文本中的图片大小
通过正则+字符串方法replace修改富文本中的图片大小 1. replace()可以查找当前字符串内符合项并替换他 2. let text = '我是富文本' 3. console.log(text); //=>>>我是富文本 4. text = text.replace('我','你') 5. console.log(text); //=>>>你是富文本在富文本中我们使用正则匹配所有<img 将他替换为添加了行内样式的&
2022-03-23 16:55:54
493
原创 什么是递归函数------前端开发
递归，所谓的递归函数就是在函数体内调用本函数。说白了，就是自己调自己，使用递归函数一定要注意，处理不当就会进入死循环。递归函数的应用递归函数只有在特定的情况下使用 ，例如阶乘或者时间调用等。今天我们通过一个简单的案例来了解下递归函数问：有一堆桃子，每天吃掉一半，挑出一个坏的扔掉，第6天的时候发现还剩1个桃子，问原来有多少个桃子。我们用递归函数来解决这个问题，代码如下：输出结果为190个。函数原理：自己调用自己，从后往前倒推。阶乘比如说3的阶乘，就是123=6下面是..
2022-03-16 14:28:08
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人