- 博客(289)
- 资源 (1)
- 收藏
- 关注
原创 (详解)js中什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?
(详解)js中什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?
2023-05-06 16:48:44 591 1
原创 Vue如何实现权限管理(动态路由addRoutes)
一、权限管理权限管理就是让不同的用户只能访问自己权限内的资源,有以下几种路由权限,用户登录后只能看到自己权限内的导航菜单,且只能访问自己权限内的路由地址视图权限,用户只能看到自己权限内的内容和按钮请求权限,越权请求将其拦截二、控制权限接口权限按钮权限菜单权限路由权限
2023-04-22 12:34:18 4055 1
原创 window.print() 前端实现网页打印详解
print作为浏览已经比较成熟的技术可以经常被用来打印页面的部分内容,我们可以在MDN上查看到相关的简单介绍。
2023-03-07 18:04:34 11875 2
原创 (详解错误情况,及解决方法)Vue 数据更新了但页面没有更新的情况
在vue项目中,有些我们会遇到修改完数据,但是视图却没有更新的情况。具体的场景不一样,解决问题的方法也不一样。在网上看了很多文章,在此总结汇总一下。针对,数据更新视图没有更新的情况,建议深入了解一下,vue的响应式原理。②解决办法:2.vue无法检测对象property的添加或移除 ①场景:②解决办法:3.vue不能检测通过数组索引值,直接修改一个数组项 ①场景:②解决办法:扩展:Object.defineProperty()可以监测数
2022-12-07 11:02:16 16570 7
原创 前端工作经验总结以及技术分享
uniapp H5 公众号微信自定义分享qq,微信带图片标题内容__揽的博客-CSDN博客js获取当前日期,并将其格式化为YYYY-MM-DD,并且自定义返回__揽的博客-CSDN博客_js获取当前日期并格式化(成功最详细版本,自定义传参失败,跳转出现空白页面,校验文件失败)微信小程序扫码跳转小程序指定页面保姆级教程__揽的博客-CSDN博客_小程序二维码校验文件(巨好使,详细,解析URl,URl自定义传参)js URl中快速自定义传参,并且实现参数解析 修改 和新增,替换功能__揽的博客-CSDN博客。
2022-10-22 13:06:21 8940 49
原创 微信公众号H5【微信网页授权快照页】复现情况,以及解决方法(详细,成功,forcePopup,forceSnapShot,is_snapshotuse)
(详细,成功,forcePopup,forceSnapShot,is_snapshotuse)微信公众号H5【微信网页授权快照页】复现情况,以及解决方法
2022-10-07 18:49:52 6185 9
原创 (巨好使,详细,解析URl,URl自定义传参)js URl中快速自定义传参,并且实现参数解析 修改 和新增,替换功能
(巨好使,详细,解析URl,URl自定义传参)js URl中快速自定义传参,并且实现参数解析 修改 和新增,替换功能我们在日常开发中经常会遇到要对url中的参数进行修改和新增,但是自己手动每次敲就会导致代码很麻烦,且不易维护而且可能会遇到一些特殊的需求,需要携带固定参数,进行页面的多次跳转这种情况(!!!)
2022-10-03 12:45:56 1977
原创 (成功最详细版本,自定义传参失败,跳转出现空白页面,校验文件失败)微信小程序扫码跳转小程序指定页面保姆级教程
(成功最详细版本,自定义传参失败,跳转出现空白页面,校验文件失败)微信小程序扫码跳转小程序指定页面保姆级教程
2022-08-14 03:01:43 2847 8
原创 (可直接复制使用)vue2+高德地图poi搜索和高德组件,可以地图选点,经纬度,比例尺,卫星图,路网,路况等等
效果图(踩了好多坑,跟着b站一个up主写的)1.注册高德开发者平台的应用注册个人开发者以后进入控制台(按下面顺序进行)2.引入(1)首先安装高德地图的依赖洒npm i @amap/amap-jsapi-loader --save (2)复制代码<template> <div> <div class="mapSearch"> <input placehol...
2022-05-18 20:50:53 5716 74
原创 ios中https网站不允许iframe内嵌http网页链接
从iOS 10版本开始,iOS Safari对于iframe内嵌http网页链接的访问进行了限制,阻止了http网页在https网站中进行iframe内嵌。这是出于安全考虑,以防止不安全的http网页可能导致安全漏洞或信息泄露。因此,如果想在iOS中实现iframe内嵌,建议保证被嵌入的页面都是https的。
2024-05-20 00:08:16 95
原创 filter对fixed的影响及解决方法
问题现象我们使用css position: fixed 的时候发现,fixed他竟然不跟随屏幕的进行定位,而是受到含有filter盒子的影响问题原因当在元素中使用了filter滤镜属性的时候,会导致内部fixed元素定位发生错误,即不再相对 viewport 进行定位,而是相对整个filter属性的容器元素进行定位。解决方案产生这个问题的原因就是:当filter不为none的时候,如果该元素或者其子元素具有absolute或fixed属性
2024-05-17 01:31:31 127
原创 UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘ 报错处理
)是ES2021的语法,node v15.0.0以上才支持逻辑空赋值(?之前为了兼容旧代码使用的node版本是14。使用Vue3+Vite创建项目时忽然报这个错。使用nvm切换16的node,成功解决。
2024-05-13 00:00:08 407
原创 前端内嵌iframe网页单点登录的三种方式
方法一:共享sessionStorage或localStorage方法二:设置内嵌iframe的url参数方法三:通过父子页面通信postMessage扩展:同源网页
2024-05-12 00:22:50 499
原创 微信小程序使用蓝牙连接硬件
1deviceid蓝牙设备的id这个参数是蓝牙设备的唯一id2uuid服务的id这个是通过deviceid获取到的这个设备服务的uuid3特性值这个是通过deviceid、uuid获取到的特性值重点:辅助理解这几个值的意思首先deviceid是比较清楚的,它是蓝牙设备的唯一标识它只有一个,它的用途在于找到蓝牙之后进行匹配蓝牙。其次是uuid它是通过deviced获得得到的,通过deviced就可以获取到它蓝牙的所有服务,服务就是蓝牙设置支持的某个能力例如开关led灯。还有服务嘛就是有很多,所以。
2024-05-03 22:34:09 630
原创 mac双屏时程序坞跑到副屏的解决方法
(1) 按下 option+command+D,开启程序坞 “自动隐藏”,副屏程序坞消失;(2) 鼠标回到主屏,放在主屏正下方中间的边缘不要动,主屏能看到扩展坞出现了;(3) 按下 option+command+D,锁定其到主屏;
2024-04-29 14:19:46 495
原创 iframe父子页面通信
目录 一、 创建父页面和子页面父页面(parent.html):子页面(child.html):二、 实现父子页面之间的通信在父页面的 标签中:在子页面的 标签中:三、扩展:postMessage() 方法的语法:首先,我们需要创建一个包含 iframe 的父页面和一个子页面,在父页面中嵌套子页面并实现它们之间的通信。子页面(child.html):二、 实现父子页面之间的通信在父页面和子页面中,我们可以通过 postMessage 方法来实现跨域通信。以下是一个简单的例子:在
2024-04-28 19:21:12 321
原创 History 对象的pushState()和replaceState()
window.history属性指向 History 对象,它表示当前窗口的浏览历史。History 对象保存了当前窗口访问过的所有页面网址。下面代码表示当前窗口一共访问过3个网址。由于安全原因,浏览器不允许脚本读取这些地址,但是允许在地址之间导航。// 后退到前一个网址// 等同于浏览器工具栏的“前进”和“后退”按钮,其实就是对 History 对象进行操作。pushState()方法是在历史记录中增加一条新的记录;
2024-04-25 00:32:22 1305
原创 微信开发者工具webview的页面上使用console.log,日志在哪儿看?
webview的页面上使用console.log,日志在哪儿看? | 微信开放社区
2024-03-31 14:03:45 210
原创 爬虫(Web Crawler)介绍与应用
2. **使用合适的框架和工具**:Scrapy、BeautifulSoup等是常用的爬虫框架和工具,可以简化开发流程。1. **选择合适的编程语言**:Python、Java等常用于爬虫开发的编程语言,选择适合项目需要的语言进行开发。2. **网页抓取与解析**:爬虫根据URL访问网页,获取页面内容,并对页面进行解析,提取所需信息。2. **数据挖掘**:爬虫可以用于抓取大量数据,进行数据分析和挖掘,发现潜在的规律和趋势。3. **扩展性**:爬虫需要具备良好的扩展性,可以方便的添加新的抓取规则或功能。
2024-03-27 13:15:56 1148 3
原创 Mac nvm install failed python: not found
Mac nvm install failed python: not found
2024-03-19 23:38:24 398
原创 一个例子弄懂CSS中的 “&“
bordered.float 是串联选择器,作用在同一标签上。.bordered .top 是后代选择器,作用在不同标签上。&是sass的语法,代表上一级选择器。
2024-03-19 23:33:57 163
原创 mac电脑启动项目报错 wasm code commit Allocation failed - process out of memory
当您使用 `arch -x86_64 zsh` 命令切换到 x86_64 架构下执行 zsh 终端时,可能导致您的 nvm(Node Version Manager)无法找到,这是因为您进入 zsh 终端后可能会使用不同的环境变量设置。您可以尝试从新加载 nvm 来解决这个问题。如果以上步骤不能解决问题,您还可以尝试通过在 zsh 配置文件(例如 `.zshrc`)中添加 nvm 初始化代码来确保 nvm 在每次启动终端时都会加载。如果 nvm 已经正常加载,您应该可以看到 nvm 的版本信息。
2024-03-11 17:10:54 577 3
原创 git stash 正确用法
一般先使用 git stash list 查看有没有已经 stash 的记录,避免和自己的混淆,到时候使用时不知道是哪条记录。在一个分支开发新功能,还没开发完毕,做到一半时有反馈紧急bug需要处理,但是新功能开发了一半又不想提交。它会保存当前工作进度,会把暂存区和工作区的改动保存到一个未完结变更的堆栈中;查看有无用的 list,可以先使用 git stash drop。命令,就会发现当前是一个干净的工作区,没有任何改动。可以看到 stash@{0} 是刚才保存的。恢复指定的缓存进度到工作区。
2024-02-14 16:35:55 1433 2
原创 react函数组件中使用context
先将父组件引入,然后通过usecontext方法进行接收。中创建一个createcontext并将他导出。
2024-02-11 11:42:28 1149
原创 React - 分页插件默认是英文怎么办
目录下的模板页面,全局套一层即可,这样所有的组件都会根据你的多语言设置来做出对应变化。大家可以看到,最后的这个页面跳转提示文字为。如果你想全局生效,如果是。
2024-02-11 11:39:58 1180
原创 React报错修复:“Uncaught TypeError: destroy is not a function”
要知道,useEffect 钩子函数的一个特性是清理功能,即return函数。如果你从 useEffect 钩子函数返回任何东西,它必须是一个清理函数,此函数将在组件卸载时运行。相当于类组件中的 componentWillUnmount 生命周期方法。在 JavaScript 中, async...await 会让程序在等待异步任务完成后才会继续执行。异步函数也总是返回一个 Promise;如果函数还没有返回,则返回值会自动包装在 Promise 中。函数中使用了async,运行后会出现该报错。
2024-02-11 11:16:38 1692
原创 (简单有案例)前端实现主题切换、动态换肤的两种简单方式
属性名必须使用 --开头在:root中定义(root后面的参数用来区分是哪个主题样式:root[theme='主题名称']可以是数字、字母、下划线、中划线css普通属性可以用的,比如:数字、文本、带单位的长度、角度等等都可以作为属性值注意点大小写敏感:大写 和 小写 不同 的2个属性名,将会是2个属性计算时有效性:自定义属性值可以是任何内容,甚至可能不是css的有效数值,但这并不影响定义,只要保证在使用css自定义属性的地方,最终的计算结果是有效的就可以了。案例/* 默认主题 */
2024-02-08 15:59:35 1088
原创 table用position: sticky固定多层表头,滑动滚动条border边框透明解决方法
主要是在元素边框的外围设置轮廓,outline不占据空间,绘制于元素内容周围。同时可以设置轮廓的颜色outline-color,宽度outline-width,以及样式outline-style。:我们发现,只要设置了border边框,这个位置滑动有内容经过就会出现如图的情况。:用outline(轮廓)替代border,以达到我们想要的样式。
2024-01-26 23:57:33 941 2
原创 如何重置某个css属性值(unset)
你用了别人的UI框架,然后你发现,你给css动态赋的值,被UI框架的优先级更高的css覆盖了。你可以写js来改变它,但是如果有很多层循环+操作,你需要写一大段的js,此时js并不是最优的选择,你真正需要的是 'unset'属性。
2024-01-26 23:46:16 608
原创 淘宝镜像请求失败解决方法:request to https://registry.npm.taobao.org/vue-loader failed
持久使用npm config set registry。npm install报错:request to。查看镜像源:npm get registry。临时使用npm --registry。配置完成后可通过下面方式来验证是否成功。国内npm镜像源设置。
2024-01-23 23:29:07 2608
原创 vue使用el-input监听不了回车事件解决方法
通俗点讲:就是在父组件中给子组件绑定一个原生的事件,就将子组件变成了普通的HTML标签,不加’. native’事件是无法触 发的(我觉的这个说法一点也不通俗)。你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native。主要是给自定义的组件添加原生事件。
2024-01-16 22:05:35 967
原创 js的浏览器的监听addEventListener和删除removeEventListener
this.init这里只能放调用的方法名,不要写方法体,否则无法删除。注:resize,方法名定义的要一致。
2024-01-16 21:20:40 451
原创 react hooks 中使用 addEventListener 监听事件无法访问到最新的 state 的问题
如上述代码所示,props.asyncData 变化之后 hasAsyncData 设置为 true,然后滚动页面,handleMove 中的 hasAsyncData 仍然为初始值 false。,重新绑定 addEventListener 事件。
2024-01-16 21:20:04 879
原创 React为什么不要直接修改state
在 React 中,状态(state)是组件的一个重要概念,用于管理组件的数据和状态变化。React 强烈建议不要直接修改 state,而是通过使用setState方法来进行状态的更新。下面我将解释为什么不要直接修改 state,并介绍如何正确地修改 state。
2024-01-16 21:17:18 479
C#直连PLC并读取PLC数据C#直连PLC并读取PLC数据C#直连PLC并读取PLC数据C#直连PLC并读取PLC数据
2023-11-29
JS-DLL-WINCC-PLC交互案例JS-DLL-WINCC-PLC交互案例JS-DLL-WINCC-PLC交互案例JS-D
2023-11-28
CCHMIRuntime.dll和CCHMITags.dllCCHMIRuntime.dll和CCHMITags.dllCCHM
2023-11-28
使用CefSharp在.Net程序中嵌入Chrome内核使用CefSharp在.Net程序中嵌入Chrome内核使用CefSha
2023-11-28
2022最新React项目实战(React后台管理系统、TypeScript+React18)
2023-05-12
Vue2,Vue3的开发者工具vue2-dev-tools.crxvue3-dev-tools.crx
2023-03-10
uniapp小程序搭建UI框架 corlorUi,uView框架,以及全局工具,自定义时间,request,预览图片,全局登陆
2022-12-12
uniapp海报内容并生成海报二维码图片(可拖拽,可调节大小)
2022-10-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人