- 博客(197)
- 资源 (1)
- 收藏
- 关注
原创 前端实现打开新标签页后,再次定位到该标签页
A 页面点击某按钮打开了新的标签页 B,当新的标签页 B 未关闭且符合同源策略时,再次点击按钮,可以自动跳转到标签页 B。
2024-04-07 09:41:34 446
原创 如何在 HTML 中嵌套、引入其他的 HTML?
在日常开发中,书写的HTML页面往往不是独立或互不通用,通常是有些头部、尾部或者其他部分是公用的,但是HTML有不同JSP页面可以使用类似include这样的动作标记,所以接下来介绍二种HTML页面引入其他HTML页面的方法。
2024-02-27 10:10:56 863
原创 JS的空值合并运算符??与逻辑空赋值??=
)是一个逻辑运算符,当左侧的操作数为或者时,返回其右侧操作数,否则返回左侧操作数。与不同,逻辑或运算符会在左侧操作数为时返回右侧操作数。也就是说,如果使用||来为某些变量设置默认值,可能会遇到意料之外的行为。比如为假值(例如,''或0)时。见下面的例子。将??直接与 AND(&&)和 OR(||)运算符组合使用是不可取的。(译者注:应当是因为空值合并运算符和其他逻辑运算符之间的运算优先级/运算顺序是未定义的)这种情况下会抛出。空值合并运算符针对undefined与null这两个值,也是如此。
2023-12-04 10:11:21 193
原创 CSS 实现新拟态(Neumorphism) UI 风格
什么是新拟态(Neumorphism) UI 风格?网上似乎还没有一个准确统一的定义。按照我个人的通俗理解,就是将界面的一部分凸起来,另一部分凹下去,形成的一种错落有致的拟物风格。代表作是乌克兰设计师 Alexander Plyuto 在各平台发布的新作品「Skeuomorph Mobile Banking」
2023-11-14 09:25:28 655
原创 如何使用Javascript实现缓动特效
虽然缓动特效这个词你可能没有听说过,但是绝大部分人都使用过。最典型的场景是在实现动画的过程中,无论是早期的jQuery还是CSS3里的transition,都允许你添加一个缓动特效参数,例如 linear, ease-in, ease-out等等。添加参数的效果就是让物体的变化(速度、大小或者颜色)伴随着一定的节奏,可以是均匀的,也可以是由慢至快的。为什么要研究这件事?因为我在使用Unity编写游戏的过程中需要使物体拟真,例如一辆汽车在移动到目标位置时通常是缓慢启动,随之加速,最后缓慢减速。
2023-11-02 13:35:39 123
原创 推送数据?也许你不需要 WebSocket
服务端实时推送数据,除了用 WebSocket 外,还可以用 HTTP 的 Server Send Event。只要 http 返回 Content-Type 为 text/event-stream 的 header,就可以通过 stream 的方式多次返回消息了。它传输的是 json 格式的内容,可以用来传输文本或者二进制内容。我们通过 Nest 实现了 sse 的接口,用 @Sse 装饰器标识方法,然后返回 Observe 对象就可以了。内部可以通过 observer.next 随时返回数据。
2023-10-09 09:35:16 115
原创 Git Cherry Pick命令
本篇博客详细介绍了git cherry-pick命令的使用方法和示例。通过cherry-pick命令,我们可以选择性地将特定的提交应用到其他分支上,而不需要合并整个分支。这对于合并单个提交、修复bug和提取特定功能非常有用。在使用cherry-pick命令时,需要注意可能引入的冲突以及作者和日期信息的处理。
2023-09-12 09:50:57 447
原创 前端src和href的区别
src,会暂停其他资源的处理,直到该资源加载、解析和执行完毕,将其所指向资源应用到当前内容。这也是为什么把js文件放在底部而不是头部发热原因。href,将资源解析成css文件,并行加载请求资源,不会阻塞对当前文档的处理。src,将其所指向的资源下载并应用到当前页面,常见的有script、img。href,超文本引用,用于建立文档与资源的联系,常用的有:link、a。src和href的作用都是用于请求资源。href,用于文档与资源之间确立联系。src,请求到的资源替换当前内容。3.浏览器的解析不同。
2023-08-16 11:14:56 249
原创 el-table实现自适应高度滚动,并处理fixed的错位问题
实现elementUI的el-table自适应高度,并解决设置fixed列时带来的问题。
2023-04-03 14:01:24 4424 1
原创 gcc、g++、MingW、MSVC、make、CMake的关系
在编程环境配置中遇到诸如GNU的gcc/g++、LLVM的clang/clang++、Windows的Mingw/MSVC、还有CMake。
2022-12-02 15:34:05 429 1
原创 extern 和 extern “C“
extern 是用来进行外部声明的。谨记:声明可以多次,但是定义只能有一次。函数的声明extern关键字是可有可无的,因为函数本身不加修饰的话就是extern的。
2022-11-03 14:49:40 765
原创 Vue打包报错:提示内存溢出
提示:CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory其他方案:
2022-06-16 17:36:10 644 1
原创 文字从左向右滚动实现
使用marquee标签即可实现动态效果;但是marquee被废弃了,这里就不推荐继续使用了使用动画实现<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name=".
2022-05-06 09:21:01 331 1
原创 在项目中用ts封装axios
写在前面虽然说Fetch API已经使用率已经非常的高了,但是在一些老的浏览器还是不支持的,而且axios仍然每周都保持2000多万的下载量,这就说明了axios仍然存在不可撼动的地位,接下来我们就一步一步的去封装,实现一个灵活、可复用的一个请求请发。这篇文章封装的axios已经满足如下功能:无处不在的代码提示; 灵活的拦截器; 可以创建多个实例,灵活根据项目进行调整; 每个实例,或者说每个接口都可以灵活配置请求头、超时时间等; 取消请求(可以根据url取消单个请求也可以取消全部请求)。
2022-03-26 14:14:01 3145
原创 Element-UI的table实现分页多选功能
selection-change事件:当选择项发生变化时会触发该事件(当分页切换时,选中的数据都会自动情况)分页多选在el-table中添加:row-key="getRowKeys"<el-table ref="form" :model="form" :row-key="getRowKeys" @selection-change="handleChange"></el-table>getRowKeys(row..
2022-02-14 13:40:00 4029
原创 Vue动态添加表单项
效果如图所示:添加的时候,增加一个成员; 删除的时候,删除对应的成员;其他不变。list 循环时候,key的值很重要;如果选取 index 作为key的话,当删除成员的时候,由于index更新,使被删除的input的值仍然存在在对应index的input中。(成员1,2,3;当删除2时,成员2的值会在继续在index为2的位置(即成员3)中出现)这里是使用 “list.length” - "index" 作为 key,每次成员数量更新的时候,length都是不同,可以保证删除成员时,其他
2022-01-15 10:58:40 1393 1
原创 uni-app引入iconfont字体图标
script:mounted() { const domModule = weex.requireModule('dom'); domModule.addRule('fontFace', { fontFamily: 'iconfont', src: "url('/static/mapIconfont/iconfont.ttf')" });}template:<text class="iconfont"></text>styl
2021-11-15 11:01:24 701
原创 OpenLayers - 3857和4326
OpenLayers:v6.8.1EPSG:3857坐标系(投影坐标)在 openlayers 中默认的坐标就是google的摩卡托坐标,也就是我们经常看到的 EPSG:3857 坐标系。EPSG:3857 的数据一般是这种的。[12914838.35,4814529.9],看上去相对数值较大。不利于存储,比较占内存。EPSG:4326(地理坐标)4326 WGS-84:是国际标准,GPS坐标(Google Earth使用、或者GPS模块)EPSG:4326 的数据一般是这种的。[2.
2021-11-14 18:20:34 3375
原创 uni-app全局引入scss文件的不同方式
1. 使用config方式引入在项目下创建vue.config.js文件module.exports = { css: { loaderOptions: { scss: { prependData: `@import "~@/static/style/index.scss";` } } }}Tips:根据scss版本确定配置,版本低的使用“data”,高的使用“prependData”在/static/style/index.scss文件中,引入其他
2021-11-01 13:33:35 13168 3
原创 Fabric.js 实现文本自动换行
在Fabric.js中,可以通过Text或 IText;创建文字,但是文本是无法换行Fabric.js 提供了 Textbox 类,继承自IText;Textbox 类允许用户调整文本矩形的大小并自动换行。文本框的Y比例已锁定,用户只能更改宽度。高度将根据线的环绕自动调整。代码设置splitByGrapheme 设置width 设置lockScalingYlet text = new fabric.Textbox(work, { stroke:...
2021-10-02 19:17:41 17054
原创 MessageChannel和BroadcastChannel
常见的 macro task 有 setTimeout、MessageChannel、postMessage、setImmediate。而常见的 micro task 有 MutationObsever 和 Promise.then。MessageChannelChannel Messaging API的MessageChannel接口允许我们创建一个新的消息通道,并通过它的两个MessagePort属性发送数据。Note:此特性在Web Worker中可用iframe通信...
2021-09-24 10:44:19 438
原创 JavaScript通过位运算进行状态控制
位运算按位与&对每对比特位执行与(AND)操作。只有 a 和 b 都为1时,a & b 就是 1。如下表9 & 3 = 19 = 1 0 0 1 3 = 0 0 1 1 1 = 0 0 0 1 由上表我们可以清晰的看出按位与的计算规则,由此可以引出一系列应用场景判断奇偶我们知道奇数的二进制最后一位必然为1,所以任意一个奇数 & 1 一定等于1。/
2021-08-30 15:43:43 355
原创 uni-app修改checkbox为实心
修改checkbox为圆形、实心选中样式。<label> <checkbox color="#FFFFFF" /> <text>自动登录</text></label><style lang="scss">uni-checkbox .uni-checkbox-input{ border-radius: 50% !important; border: 1px solid black;}uni-checkbox ..
2021-08-19 09:40:00 2196
原创 uni-app消息推送华为不显示数字角标???
操作过程:1. 将设备的角标显示方式改为数字角标2. 在uni-app代码中设置角标:plus.runtime.setBadgeNumber(1) //添加角标发现App的角标并没有显示数字。解决:1. 在manifest.json文件添加下面的权限代码至permissions数组中"<uses-permission android:name=\"com.huawei.android.launcher.permission.CHANGE_BADGE\" />".
2021-08-04 14:29:54 3850 2
原创 uni-app使用plus消息推送
本文使用plus下的Push模块管理推送消息功能,只能在打开App后才可以推送;如果需要离线接收消息,看这里Push.js文件获取所有消息getAllMessage(){ return plus.push.getAllMessage();}修改App消息角标 changeBadge(number){ const messages = this.getAllMessage(); plus.runtime.setBadgeNumber(number || messag.
2021-08-04 14:22:14 4845 6
《CSS揭秘》(高清-彩色).zip
2019-07-24
VS中C++使用全局变量的问题
2022-08-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人