PIXI.JS 点击获取当前坐标

PIXI Canvas 点击事件如下​ onMounted(() => { console.log('mounted') app.renderer.plugins.interaction.on('pointerdown', (event: PIXI.InteractionEvent) => { let ax = event.data.get

- 阅读全文 -

前端自动化构建工具 ---- Plop

plop:可以通过命令行去生成、处理文件模板代码等.使用条件参考:项目的每个模块的结构骨架都非常相似,引入模版内容相同就可以使用Plop来实现自动化了,Plop旨在根据模板文件自动化创建组件。受制于Vue语法限制以及vscode失败的拆件,采用了plop 自动化构建模版安装plop安装到项目npm install --save-dev plop全局安装plop(可选,建议安装方便使用)npm in

- 阅读全文 -

MacOS 安装Jetbrains intellij IDEA卡顿问题

在安装Jetbrains intellij IDEA的适合,一直卡顿在安装复制过程中作为一个MAC用户,发现复制过程卡顿,必然出现了问题,甚至会导致整个电脑卡死,重启多次无效第一时间检查了硬盘,硬盘还有400G并且健康然后检查了控制台中的大量崩溃日志,发现如下内容Process: adp-rest-util [4610] Path: /

- 阅读全文 -

服务于业务的内部系统toB产品,如何在运营中找到产品价值?

服务于实体业务的toB产品(内部系统),如何在运营中找到产品价值?一般是通过项目方式确认方法可行或验证价值后,才会产品化。此时,感觉产品价值不高,需要的是更多的是执行者。这样的理解是否有偏差?怎么样可以更好的体验产品价值?正确的方向说起来简单,实践很难:深入理解企业经营策略,并通过系统与人工的结合降本增效以【追求 '服务体验一致化' 实现 '标准化' 】为例,传统行业中许多服务都完全依赖于人,识别

- 阅读全文 -

MAC微信3.0官方内测版支持看朋友圈

今天微信推出最新内测版本,版本号为MAC 微信 Version. 3.0.0 (17689) Beta 1下载地址:https://dldir1.qq.com/weixin/mac/wechat-beta-17689-1615445873.dmg该版本为MAC版,非Windows版预计Windows版本也会在近期开放了,未来还可能开放直播,视频号,搜索等等功能

- 阅读全文 -

css回流重绘

回流回流又名重排,指几何属性需改变的渲染。但感觉回流这个词比较高大上,后续统称回流吧。可理解成,将整个网页填白,对内容重新渲染一次。只不过以人眼的感官速度去看浏览器回流是不会有任何变化的,若你拥有闪电侠的感官速度去看浏览器回流(实质是将时间调慢),就会发现每次回流都会将页面清空,再从左上角第一个像素点从左到右从上到下这样一点一点渲染,直至右下角最后一个像素点。每次回流都会呈现该过程,只是感受不到而

- 阅读全文 -

TypeScript 通过 keyof 操作符提取其属性的名称

TypeScript 允许我们遍历某种类型的属性,并通过 keyof 操作符提取其属性的名称。keyof 操作符是在 TypeScript 2.1 版本引入的,该操作符可以用于获取某种类型的所有键,其返回类型是联合类型。keyof 与 Object.keys 略有相似,只不过 keyof 取 interface 的键。const persion = { age: 3, text: 'hel

- 阅读全文 -

vue3使用reactive包裹数组如何正确赋值

需求:将接口请求到的列表数据赋值给响应数据arrconst arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败,直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.concat(res); // 方

- 阅读全文 -

px rem em vh vw之间的区别到底是啥?

绝对长度pxpx是像素值,是一个固定的长度,比如我们的米,厘米一样。相对长度为什么我们需要相对长度rem em等?🤔固定长度已经不能满足我们现在的需求了。🌰举例:比如我们在缩小我们屏幕的时候,我们不仅仅是需要缩小我们的盒子的宽高,我们还想要让我们字体大小也随之缩小,这样用户体验会更好一点。remrem 与 px 的计算关系rem的值是px的倍数默认情况下font-size = 16px,那么1re

- 阅读全文 -

手把手教你使用Electron9+vue3开发跨平台桌面应用

Electron 是一个基于 chromium 和 nodejs,可以使用 HTML、CSS、和 JavaScript 构建跨平台应用的技术框架,兼容 Mac、Windows 和 Linux。虽然 B/S 是膜前开发 ad 主流,但是 C/S 仍然有很大的市场需求。受限于浏览器的沙盒限制,网页应用在无法满足某些场景下的使用需求,而桌面应用可以读写本地文件、调用更多系统资源,加上 web 开发成本低

- 阅读全文 -

Typecho博客支持emoji表情设置

介绍大家在typecho博客写文章时,很多人都喜欢使用emoji表情(比如👌🐈这些图标)但是typecho的数据库类型默认不支持emoji编码,因为Emoji是一种在Unicode位于u1F601-u1F64F区段的字符。这个显然超过了目前常用的UTF-8字符集的编码范围u0000-uFFFF。在MySQL中,UTF-8只支持最多3个字节,而emoji是4个字节。所以如果你不修改数据库的话,typ

- 阅读全文 -

如何设计统一登录业务

前言几乎所有的项目都需要登录,无论是权限限制、个性化定制、信息安全等需求,都要通过登录系统来获取用户信息,以便提供后续服务。而一个公司可能会有多个不同的项目,每个项目后端都是共用同一套用户系统的话,就势必会有通用登录的需求出现。通用登录的方式有很多种,下面我们仅探讨前端的实现方案。项目子域名不同,共用一个父域通过设置 cookie 的 domian 属性,可以使得 cookie 携带的内容在父子域

- 阅读全文 -