- 博客(30)
- 收藏
- 关注
RSS订阅原创 sse实现post传值，使用（fetch-event-source）插件，使用vue3写法
sse实现post传值，使用（fetch-event-source）插件，使用vue3写法。
2024-04-24 10:15:11
3611
6
原创 git合并代码报错 fatal: refusing to merge unrelated histories，解决方法
【代码】git合并代码报错 fatal: refusing to merge unrelated histories，解决方法。
2022-12-16 12:06:41
933
原创 网格布局 display: grid； 多行展示水平分布，最后一行平均分布，自适应布局随着页面的宽度变化而变化
【代码】网格布局 display: grid;多行展示水平分布，最后一行平均分布，自适应布局随着页面的宽度变化而变化。
2022-10-09 17:33:48
1634
原创 vue 关键词高亮 代码
// 需要使用v-html，item.legalPersonName渲染的数据<span v-html="filterKeyWord(item.legalPersonName)"></span>/* 关键词高亮 */ filterKeyWord(value) { let text; //初始化正则表达式,加上括号(),形成可捕获元组 // this.searchVal需要高光的文字 var reg = new RegExp
2022-03-24 15:43:32
935
2
原创 uniapp 微信小程序 用户授权代码
<template> <view class="pop-up" v-if="popUpShow"> <view class="pop-box"> <view class="pop-box-title">获取用户权限</view> <view class="pop-bot"> <view class="btn-cancel" @click="cancel">取消</view> &l
2022-01-26 14:11:49
1506
原创 uniapp开发App调用微信授权登陆
一键授权登陆在 微信开放平台 中创建移动应用，其中安卓应用签名为DCloud应用证书详情中的MD5密文（密文需要去除冒号并转小写）wxLogin() { let _this = this; uni.getProvider({ service: 'oauth', success: function(res) { if (~res.provider.indexOf('weixin')) { uni.showLoading({ title: '微信授权中' });
2022-01-21 15:26:56
1415
原创 uniapp map位置未授权，提示授权
getLocation(x, y, name) { // 传值判断x、y轴是否准确 if(!x || !y) { uni.showToast({ icon:none, title:'位置信息不准确无法导航', duration:2000 }) return } let than = this; uni.getSetting({ success(res) { if (res.authSetting['scop
2021-12-23 19:17:48
559
原创 vue3-setup函数使用注意事项
setup函数返回两种值1、 若返回一个对象，则对象中的属性、方法，在模板中可以直接使用。（重点关注！常用）export default { name: 'App', setup() { let name = "罗根"; let age = 18; function showName() { alert(`姓名：${name} 年龄：${age}`) } // 返回一个对象（常用） return { name,
2021-11-26 16:26:29
1421
原创 vue3-简介
性能提升打包大小减少41%初次渲染快55%，更新渲染快133%内存减少54%源码升级使用Proxy替代defineProperty实现响应式重写虚拟的DOM的实现和Tree-Shaking拥抱TyoeScriptVue3可以更好的支持TypeScript新的特性Composition API（组合API）setup配置ref与reactivewatch与watchEffectprovide与injectVite -新一代的前端构建工具。开发环境中，无需打包操
2021-11-26 13:37:30
252
原创 React 运行流程
项目启动流程1.项目下进行 npm start 命令– 开启了一个服务器，服务器程序的唯一标识 端口号30002.浏览器上访问 localhost:3000localhost: 域名。 代表当前计算机在 网络中的名字localhost:3000 访问当前计算机中 端口号是3000的软件3.index.html固定名称的文件：当访问服务器时，如果没有指定访问的文件名称默认访问index.html此文件中存在 <div id="root"></div>4.webp
2021-11-22 09:58:44
2745
原创 React 状态值 state 和 setState
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorig
2021-11-18 17:14:19
164
原创 React父子传参
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorig
2021-11-18 15:25:47
226
原创 React事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorig
2021-11-18 15:09:04
90
原创 ajax基础
// 1.创建ajax对象 var xhr = new XMLHttpRequest(); console.log(xhr.readyState); // 返回0说明已经创建了ajax对象，但是还没有对ajax对象进行配置 /* * 2.告诉Ajax对象要向哪发送请求，以什么方式发送 * 1）请求方式，2）请求地址 * */ xhr.open('post', 'http://请求地址'); console.log(xhr.readyStat.
2021-11-11 16:07:43
855
原创 手写代码实现一个Promise.all()方法
let p1 = new Promise((resolve, reject)=>{ setTimeout(()=> { resolve(1111) }, 2000) }); let p2 = new Promise((resolve, reject)=>{ setTimeout(()=> { resolve(2222) }, 1000) })...
2021-10-28 16:47:17
330
原创 vue获取元素距离顶部距离,获取页面高度
核心代码<template> <div ref="obtain"></div><template/> <script>export default { data() { return { screenHeight: document.body.clientHeight // 获取页面高度 } }, mounted() { // 滚动条的获取
2021-09-06 17:13:06
7994
1
原创 uniapp地图map点击回到当前位置，地图未授权前往授权。授权整套逻辑
核心代码presentLocation() { let than = this; uni.getSetting({ success(res) { if (res.authSetting['scope.userLocation']) { // console.log("userLocation位置功能已授权") // 如果已授权,直接获取对应参数 uni.getLocation({ type: 'gcj02', success: (r
2021-09-03 10:17:42
801
原创 解决uniapp默认首页判断没有登陆后进入登陆页面，屏幕闪首页问题（app）
核心思想在manifest.json文件修改闪屏页配置。将闪屏页自动关闭autoclose改为false在页面实际操作逻辑完成后调用plus.navigator.closeSplashscreen();来关闭闪屏页面来实现。// 核心代码// App.vue生命周期onLaunch中写let token = uni.getStorageSync('token');if (token === null || token === '') { uni.reLaunch({ url: '/pag
2021-09-03 10:05:37
4051
原创 uniapp截图保存图片、点击按钮保存图片，可兼容app
保存指定的图片// 注:url地址需要网络地址saveImg(url) { const that = this; uni.downloadFile({ url, success: res => { console.log(res) if (res.statusCode === 200) { uni.saveImageToPhotosAlbum({ filePath: res.tempFilePath, succ
2021-08-27 13:39:03
2628
1
原创 图片加载失败显示默认图片
加载失败 :οnerrοr=“onerrorImg”,替换成默认图片data() {return {onerrorImg: ‘this.src="’+require(’…/…/assets/logo/logo.png’)+’"’}},
2021-08-27 10:02:31
289
原创 自定义滚动条样式
滚动条样式.box::-webkit-scrollbar { /*滚动条整体样式*/ width : 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .box::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background : #535353; }
2021-07-27 16:45:54
74
原创 判断数数组真假some和every方法
判断数数组真假some和every方法some当判断成立时返回结果，停止判断every当判断不成立时返回结果，停止判断var arrs = [ 4, 5, 6 ];// 有一个成立则为真console.log( arrs.some(function( item, index, array ){ console.log('item=' + item +',index='+index+',array='+array ); return item > 3;}));// 所有的都成立才
2021-07-26 10:51:14
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人