- 博客(301)
- 资源 (1)
- 收藏
- 关注
原创 (详解)js中什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?
(详解)js中什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?
2023-05-06 16:48:44 1705 1
原创 Vue如何实现权限管理(动态路由addRoutes)
一、权限管理权限管理就是让不同的用户只能访问自己权限内的资源,有以下几种路由权限,用户登录后只能看到自己权限内的导航菜单,且只能访问自己权限内的路由地址视图权限,用户只能看到自己权限内的内容和按钮请求权限,越权请求将其拦截二、控制权限接口权限按钮权限菜单权限路由权限
2023-04-22 12:34:18 4570 1
原创 window.print() 前端实现网页打印详解
print作为浏览已经比较成熟的技术可以经常被用来打印页面的部分内容,我们可以在MDN上查看到相关的简单介绍。
2023-03-07 18:04:34 12341 2
原创 (详解错误情况,及解决方法)Vue 数据更新了但页面没有更新的情况
在vue项目中,有些我们会遇到修改完数据,但是视图却没有更新的情况。具体的场景不一样,解决问题的方法也不一样。在网上看了很多文章,在此总结汇总一下。针对,数据更新视图没有更新的情况,建议深入了解一下,vue的响应式原理。②解决办法:2.vue无法检测对象property的添加或移除 ①场景:②解决办法:3.vue不能检测通过数组索引值,直接修改一个数组项 ①场景:②解决办法:扩展:Object.defineProperty()可以监测数
2022-12-07 11:02:16 17595 7
原创 前端工作经验总结以及技术分享
uniapp H5 公众号微信自定义分享qq,微信带图片标题内容__揽的博客-CSDN博客js获取当前日期,并将其格式化为YYYY-MM-DD,并且自定义返回__揽的博客-CSDN博客_js获取当前日期并格式化(成功最详细版本,自定义传参失败,跳转出现空白页面,校验文件失败)微信小程序扫码跳转小程序指定页面保姆级教程__揽的博客-CSDN博客_小程序二维码校验文件(巨好使,详细,解析URl,URl自定义传参)js URl中快速自定义传参,并且实现参数解析 修改 和新增,替换功能__揽的博客-CSDN博客。
2022-10-22 13:06:21 10054 49
原创 微信公众号H5【微信网页授权快照页】复现情况,以及解决方法(详细,成功,forcePopup,forceSnapShot,is_snapshotuse)
(详细,成功,forcePopup,forceSnapShot,is_snapshotuse)微信公众号H5【微信网页授权快照页】复现情况,以及解决方法
2022-10-07 18:49:52 6942 9
原创 (巨好使,详细,解析URl,URl自定义传参)js URl中快速自定义传参,并且实现参数解析 修改 和新增,替换功能
(巨好使,详细,解析URl,URl自定义传参)js URl中快速自定义传参,并且实现参数解析 修改 和新增,替换功能我们在日常开发中经常会遇到要对url中的参数进行修改和新增,但是自己手动每次敲就会导致代码很麻烦,且不易维护而且可能会遇到一些特殊的需求,需要携带固定参数,进行页面的多次跳转这种情况(!!!)
2022-10-03 12:45:56 2176
原创 (成功最详细版本,自定义传参失败,跳转出现空白页面,校验文件失败)微信小程序扫码跳转小程序指定页面保姆级教程
(成功最详细版本,自定义传参失败,跳转出现空白页面,校验文件失败)微信小程序扫码跳转小程序指定页面保姆级教程
2022-08-14 03:01:43 3111 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 6072 74
原创 使用 node --inspect 命令调试js文件执行
Node.js 是一个流行的 JavaScript 运行环境,它允许开发者在服务器端运行 JavaScript 代码。随着应用的复杂性增加,调试成为了开发过程中不可或缺的一部分。Node.js 提供了强大的调试工具,其中 `--inspect` 选项是探索和调试应用的关键。
2024-07-21 23:15:28 710
原创 JavaScript 如何判断 URL 是否合法
这个基本的正则表达式涵盖了协议、域名和路径。这种方法的优点是可以根据具体情况调整正则表达式,但劣势是难以适应所有的URL,特别是对于一些不标准的URL形式,可能需要编写更复杂的正则表达式。这种方法的优点是不需要正则表达式,语法简单,而且能够准确地反映浏览器对URL的解析结果。该方法的本质是让浏览器尝试解析给定的URL,如果元素的href属性最终和输入的URL一致,那么这个URL被认为是合法的。综合方法能兼顾正则表达式的灵活性和URL对象的准确性,建立起一道较为全面的URL合法性验证机制。
2024-07-21 23:04:09 747
原创 js条件引用
在JavaScript中,条件引用模块通常涉及到在运行时根据条件判断来决定是否加载某个模块。这在某些情况下非常有用,比如在不同环境下使用不同的模块,或者在某些特定条件下才需要某个模块的功能。
2024-07-01 16:02:40 417
原创 (详细)dataTransfer:拖拽修改鼠标样式及属性详解
在拖拽过程中,可以通过对象的dropEffect属性来改变鼠标的样式,从而给用户更直观的反馈。dropEffectnone:显示一个禁止的图标,表示不允许放置。copy:显示一个加号图标,表示将复制数据。move:显示一个四向箭头,表示将移动数据。link:显示一个链条图标,表示将创建链接。
2024-06-12 23:23:23 1429
原创 app-ios 内嵌h5的缓存问题
在iOS应用中内嵌H5页面时,可能会遇到缓存问题,导致页面更新不及时。通过Nginx服务器配置来控制缓存行为。例如,可以在Nginx配置文件中添加以下指令以禁止缓存。每次H5项目更新时,更改版本号,这样iOS应用在请求资源时会因为版本号变化而加载新资源。
2024-06-11 23:51:14 744
原创 vscode写html不会自动补全
解决VSCode中HTML自动补全功能不工作的问题,可以通过以下几种方法之一进行解决:12打开VSCode的Settings(通过点击左下角的设置图标或使用快捷键Ctrl+Shift+P或Cmd+Shift+P打开命令面板,然后输入settings并选择)。在Settings中,找到Text Editor下的Suggestions部分,确保Suggest的复选框被选中。此外,可以在Files部分,点击Edit in settings.json选项,然后在associations里面加入.ht
2024-05-27 19:34:21 1522
原创 vue拖拽@drop不生效解决方式
想要一个原生可以进行拖拽 可以使用HTML5的一个属性。但是你会发现元素拖拽上去了也没有生效。然后在需要放置的元素上注册一个。@drop='函数'
2024-05-27 00:02:30 658
原创 开发依赖与运行依赖
因为 npm 的依赖是嵌套的,所以可能看上去 package.json 中只有几个依赖,但实际上它又扩散到 N 个,而 N 个又扩散到 N 平方个,一层层扩散出去,可谓子子孙孙无穷尽也。如果能够尽量减少不使用的依赖,那么就能够节省线上机器的硬盘资源,也可以节省部署上线的时间。,并且添加到 package.json 的 dependencies 里面(这里 i 是 install 的简写,两者均可)。如果要指定版本的,可以把版本号写在包名后面,例如 npm i webpack@3.0.0 --save。
2024-05-26 23:36:39 571
原创 html设置draggable拖动展示却是小浏览器标志
这个小浏览器标志是浏览器的默认拖动图标,用来表示该元素是可拖动的。如果您不希望显示小浏览器标志,可以通过CSS来自定义拖动图标。例如,您可以设置一个自定义的鼠标样式来替换小浏览器标志。在这个示例中,custom-cursor.png是一个自定义的图片文件,您可以使用您自己的图片来替换。将这个样式应用到希望作为拖动元素的元素上,可以实现自定义的拖动图标,而不显示浏览器的默认小浏览器标志。如果没有明确将元素设置为可拖动(即draggable="true"),默认会显示小浏览器标志,这是浏览器的默认行为。
2024-05-26 23:33:49 449
原创 ios中https网站不允许iframe内嵌http网页链接
从iOS 10版本开始,iOS Safari对于iframe内嵌http网页链接的访问进行了限制,阻止了http网页在https网站中进行iframe内嵌。这是出于安全考虑,以防止不安全的http网页可能导致安全漏洞或信息泄露。因此,如果想在iOS中实现iframe内嵌,建议保证被嵌入的页面都是https的。
2024-05-20 00:08:16 376
原创 filter对fixed的影响及解决方法
问题现象我们使用css position: fixed 的时候发现,fixed他竟然不跟随屏幕的进行定位,而是受到含有filter盒子的影响问题原因当在元素中使用了filter滤镜属性的时候,会导致内部fixed元素定位发生错误,即不再相对 viewport 进行定位,而是相对整个filter属性的容器元素进行定位。解决方案产生这个问题的原因就是:当filter不为none的时候,如果该元素或者其子元素具有absolute或fixed属性
2024-05-17 01:31:31 346
原创 UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘ 报错处理
)是ES2021的语法,node v15.0.0以上才支持逻辑空赋值(?之前为了兼容旧代码使用的node版本是14。使用Vue3+Vite创建项目时忽然报这个错。使用nvm切换16的node,成功解决。
2024-05-13 00:00:08 1871
原创 前端内嵌iframe网页单点登录的三种方式
方法一:共享sessionStorage或localStorage方法二:设置内嵌iframe的url参数方法三:通过父子页面通信postMessage扩展:同源网页
2024-05-12 00:22:50 2437
原创 微信小程序使用蓝牙连接硬件
1deviceid蓝牙设备的id这个参数是蓝牙设备的唯一id2uuid服务的id这个是通过deviceid获取到的这个设备服务的uuid3特性值这个是通过deviceid、uuid获取到的特性值重点:辅助理解这几个值的意思首先deviceid是比较清楚的,它是蓝牙设备的唯一标识它只有一个,它的用途在于找到蓝牙之后进行匹配蓝牙。其次是uuid它是通过deviced获得得到的,通过deviced就可以获取到它蓝牙的所有服务,服务就是蓝牙设置支持的某个能力例如开关led灯。还有服务嘛就是有很多,所以。
2024-05-03 22:34:09 1747
原创 mac双屏时程序坞跑到副屏的解决方法
(1) 按下 option+command+D,开启程序坞 “自动隐藏”,副屏程序坞消失;(2) 鼠标回到主屏,放在主屏正下方中间的边缘不要动,主屏能看到扩展坞出现了;(3) 按下 option+command+D,锁定其到主屏;
2024-04-29 14:19:46 993
原创 iframe父子页面通信
目录 一、 创建父页面和子页面父页面(parent.html):子页面(child.html):二、 实现父子页面之间的通信在父页面的 标签中:在子页面的 标签中:三、扩展:postMessage() 方法的语法:首先,我们需要创建一个包含 iframe 的父页面和一个子页面,在父页面中嵌套子页面并实现它们之间的通信。子页面(child.html):二、 实现父子页面之间的通信在父页面和子页面中,我们可以通过 postMessage 方法来实现跨域通信。以下是一个简单的例子:在
2024-04-28 19:21:12 960
原创 History 对象的pushState()和replaceState()
window.history属性指向 History 对象,它表示当前窗口的浏览历史。History 对象保存了当前窗口访问过的所有页面网址。下面代码表示当前窗口一共访问过3个网址。由于安全原因,浏览器不允许脚本读取这些地址,但是允许在地址之间导航。// 后退到前一个网址// 等同于浏览器工具栏的“前进”和“后退”按钮,其实就是对 History 对象进行操作。pushState()方法是在历史记录中增加一条新的记录;
2024-04-25 00:32:22 3935
原创 微信开发者工具webview的页面上使用console.log,日志在哪儿看?
webview的页面上使用console.log,日志在哪儿看? | 微信开放社区
2024-03-31 14:03:45 481
原创 爬虫(Web Crawler)介绍与应用
2. **使用合适的框架和工具**:Scrapy、BeautifulSoup等是常用的爬虫框架和工具,可以简化开发流程。1. **选择合适的编程语言**:Python、Java等常用于爬虫开发的编程语言,选择适合项目需要的语言进行开发。2. **网页抓取与解析**:爬虫根据URL访问网页,获取页面内容,并对页面进行解析,提取所需信息。2. **数据挖掘**:爬虫可以用于抓取大量数据,进行数据分析和挖掘,发现潜在的规律和趋势。3. **扩展性**:爬虫需要具备良好的扩展性,可以方便的添加新的抓取规则或功能。
2024-03-27 13:15:56 2873 3
原创 Mac nvm install failed python: not found
Mac nvm install failed python: not found
2024-03-19 23:38:24 625
原创 一个例子弄懂CSS中的 “&“
bordered.float 是串联选择器,作用在同一标签上。.bordered .top 是后代选择器,作用在不同标签上。&是sass的语法,代表上一级选择器。
2024-03-19 23:33:57 332
原创 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 636 3
原创 git stash 正确用法
一般先使用 git stash list 查看有没有已经 stash 的记录,避免和自己的混淆,到时候使用时不知道是哪条记录。在一个分支开发新功能,还没开发完毕,做到一半时有反馈紧急bug需要处理,但是新功能开发了一半又不想提交。它会保存当前工作进度,会把暂存区和工作区的改动保存到一个未完结变更的堆栈中;查看有无用的 list,可以先使用 git stash drop。命令,就会发现当前是一个干净的工作区,没有任何改动。可以看到 stash@{0} 是刚才保存的。恢复指定的缓存进度到工作区。
2024-02-14 16:35:55 1761 2
原创 react函数组件中使用context
先将父组件引入,然后通过usecontext方法进行接收。中创建一个createcontext并将他导出。
2024-02-11 11:42:28 1207
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关注的人