- 博客(53)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Windows系统将livp和HEIC文件批量转化为jpg
Window系统将livp和HEIC文件批量转化为jpg。Window系统将livp和HEIC文件批量转化为jpg！最重要的是 不用写代码！
2024-06-29 12:18:23
261
原创 利用three-csg-ts对做物体交互式挖洞
代码确保在进行 CSG 操作之前正确设置和更新了圆柱体的变换矩阵。这样，圆柱体的旋转和位置调整可以正确应用，从而在正方体的左半边进行交互式挖洞。这里要注意,如需移动物体，在非居中位置进行挖洞，在合理的位置添加以下代码，否则无法再指定位置进行开挖// 更新圆柱的变换矩阵。
2024-06-14 17:07:50
368
原创 直接使用Three.js的 Shape和ExtrudeGeometry创建带孔几何体实现挖孔效果
虽然这段代码没有使用布尔运算来直接“挖孔”，但你可以通过调整位置和深度，使得带孔形状部分覆盖立方体，从而实现类似的视觉效果。如果你需要真正的布尔运算以移除立方体的部分，你可能需要使用三方库，因为Three.js本身并不直接支持复杂的布尔运算。在这个示例中，我们创建了一个带孔的形状，并将其挤出成几何体。然后我们创建了一个立方体，并将带孔的几何体和立方体添加到场景中。来创建带孔的几何体，然后将其合并到一个立方体几何体中来实现挖孔效果，而不使用第三方库。我们可以通过直接使用Three.js的。
2024-06-14 10:45:16
361
原创 前端JavaScript/css遵守各司其职原则
第一个故事：切换到夜间模式在 WEB 开发中，HTML 负责网页的结构，CSS 负责网页上各个元素的展示样式，JS 则负责网页和用户的交互。想要成为一名优秀的前端工程师，首先要做的就是遵守这三者各司其职的原则，让我们的代码易于维护和扩展。但是，有时候我们常常一不小心就破坏了这个原则。又或者，我们为了实现业务需求，根本不管这个规则。这都会导致我们的代码结构混乱，维护困难。那么下面，我就通过一个例子，来谈谈遵守各司其职这个原则的好处。现在我们有一个任务，它的具体需求是这样的：给一个网页实现一个深色系和.
2020-12-25 17:29:43
440
2
原创 js 检测浏览器开发者控制台是否被打开
var element = new Image();Object.defineProperty(element, "id", { get: function () { console.log("debugger start") debugger; },});requestAnimationFrame(function check() { console.dir(element); requestAnimationFrame(check);});
2020-12-25 17:26:36
2236
原创 js web简单的路由管理器
灵感来自此博客主要模拟了Router的实现原理客供大家参考index.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document - JoyNo
2020-12-25 17:23:45
372
原创 做了一夜动画，就为让大家更好的理解Vue3的Composition Api
做了一夜动画，就为让大家更好的理解Vue3的Composition Api回顾Option Api在了解Composition Api之前，首先回顾下我们使用Option Api遇到的问题，我们在Vue2中常常会需要在特定的区域（data，methods，watch，computed…）编写负责相同功能的代码。Option Api的缺陷随着业务复杂度越来越高，代码量会不断的加大；由于相关业务的代码需要遵循option的配置写到特定的区域，导致后续维护非常的复杂，代码可复用性也不高。Compos
2020-12-25 17:20:10
138
1
原创 如何将Vue3.0项目部署到Heroku
作为一个专业薅羊毛的人，连Github Education都不放过的人励志将每个权益发挥到极致本篇文章介绍如何将Vue项目发布到Heroku，当然本文以Vue为例，还可以部署React或者其他的web项目，当然如果你需要，后端服务也可以Heroku平台Heroku平台的灵活性极高且支持多种编程语言。若想把程序部署到Heroku上,开发者要使用Git把程序推送到Heroku的Git服务器上。在服务器上,git push命令会自动触发安装、配置和部署程序。Heroku使用名为Dyno的计算单元衡量用量
2020-12-25 17:18:52
205
原创 这些新特性你知道？ECMAScript 2020的新特性
在引入 ECMAScript 2015（又称 ES6）之前，JavaScript 发展的非常缓慢。但自 2015 年起，每年都有新特性添加进来。需要注意的是，不是所有特性都被现代浏览器支持，但是由于 JavaScript 编译器 Babel 的存在，我们已经可以使用新特性了。本文将介绍 ECMAScript 2020（ES11）的一些最新特性。（不要被吓到，真的是ES11说ES6啥的都low了。今天搬砖不努力，明天回家掰苞米，加油学习）01 Optional Chaining 可选链式调用在以前的
2020-11-04 09:50:39
423
原创 前端如何解决pc端屏幕显示设置缩放比例对页面布局的影响？
现在很多笔记本电脑都推荐将缩放设置为125%，等比例放大显示。(垃圾Windows这对我们前端的页面的布局会产生一些影响首先，单独的响应式布局hold不住这个问题，因为出问题的是device-pixel-ratio。问题现象是高分屏下整好的东西，在普分屏下会放大；而普分屏下整好的东西，在高分屏上会缩小。重现这个问题不需要高分屏，直接用Ctrl++或者Ctrl+-出来的效果是跟高分屏一致的（所以搞定这个问题之后，也可以同时预防用户误触网页缩放）。另外恢复是Ctrl+Num0解决的关
2020-10-20 17:10:29
17347
12
原创 Final Cut Pro 初识/常用快捷键
最近准备更换了final cut Pro来代替过去的Sony vegas profc依旧保持了Apple一贯的简洁，熟悉了v操作的可能适应还需要一段时间在检视器中使用I：开始 (initiate)O：结束(over)添加素材方法：按钮在时间线上的左上方的四个按钮按钮选项可以选择仅音频、或仅视频E：把所选素材片段放置到时间线的最后，不覆盖其他片段；Q：把所选素材片段放置到当前时间轴的位置，不覆盖其他片段；W：把所选素材片段插入到当前时间轴的位置，其他片段会(被)自动切割开来；D：把所选素
2020-10-20 17:08:46
7004
原创 settimeout、setinterval区别和相互模拟
看到“避免双重求值”一节时有提到settimeout()、setinterval() 建议传入函数而不是字符串以作为第一个参数，所以这里总结一下settimeout()和setinterval()的区别，以及它们之间的相互模拟。setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式(函数更好，下面会解释为什么函数更好！)。语法：setTimeout(code,millisec)code：必需，要调用的函数后要执行的 JavaScript 代码串；millisec：必需，在执行代码前
2020-10-20 17:04:01
215
原创 Mac系统如何显示隐藏文件
首先打开“Finder”，然后再打开“终端”Mac系统如何显示隐藏文件在终端中输代码defaults write com.apple.finder AppleShowAllFiles -boolean true;killall Finder即可显示隐藏文件。再次隐藏文件，可以输入命令defaults write com.apple.finder AppleShowAllFiles -boolean false;killall Finder本文首发自JoyNop’s Bloghttps:/
2020-10-20 17:02:54
227
原创 Homebrew国内如何自动安装（国内地址）curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection
MacBook在安装brew的时候遇到了这样的问题~ % /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused最后个人使用的是在知乎看到的一个方法，通过国内脚本访问和下载，可正常使用再网上
2020-08-19 14:29:10
375
转载 我们的视觉经过优化更容易看到结构
重点笔记人类视觉是整体的：我们的视觉系统自动对视觉输入构建结构，并且在神经系统层面上感知形状、图形和物体，而不是只看到互不相连的边、线和区域。 “形状”和“图形”在德语中是 Gestalt，因此这些理论也就叫做视觉感知的格式塔（Gestalt）原理。 （Jony Ive iOS 7 介绍视频）我认为，意味深长与历久弥新之美蕴含于简约之中，于清晰之中，于高效之中。真正的简约远不止是删繁就简，而是在纷繁里建立秩序。格式塔远离：接近性接近性原理是指，物体之间的相对距离会影响我们感知它们是否
2020-07-29 11:27:19
409
原创 Vue/React页面引入three.js实现3d动画场景
页面引入three.js实现3d动画场景研究一些关于3D图形化库。three.js是JavaScript编写的WebGL第三方库。Three.js是一款运行在浏览器中的 3D 引擎，你可以用它通过控制相机、视角、材质等相关属性来创造大量3D动画场景。所需依赖我们开始引入three.js相关插件。npm install three2.接下来利用npm安装轨道控件插件：npm install three-orbit-controls3.接下来安装加载.obj和.mtl文件的插件：npm i
2020-07-17 08:49:53
1700
原创 AxiosStream-使用Axios和Blob对象实现文件流下载（axios二进制流文件下载）
AxiosStream通过axios下载流文件该库仅适用于使用axios作为HTTP请求库的WEB项目**请先安装axios，然后再使用axios-stream **##它解决的问题：使用Axios和Blob对象实现文件流下载如何使用：1.安装npm install axios-stream或yarn add axios-stream2.参考从“ axios-stream”导入AxiosStream；3.调用方法const downFileName ='今天'const
2020-05-15 14:24:38
3973
原创 跨端扫码确认实现Web登录(扫二维码登录)
起初的想法是类似于QQ扫码登录，BILIBILI扫码登录一样，通过手机确认后，在web端重定向完成登录通过对BILIBILI扫码功能的解析，自己实现了一套类似扫码登录的功能以下为伪代码，仅供查阅前端需要两个路由，两个页面login提供Web端用户登录和扫码图片仅提供扫码展示，密码登录不写了login2提供给跨端用户（如手机端）扫码进入主要为二次确认，提供确认登录和取消登录...
2020-04-08 11:47:06
2984
3
原创 自定义web服务 JoyNop Nginx 2.0发布
joynop_cra_nginx独立的nginx上线了，支持sslhttps://hub.docker.com/r/joynop/joynop_nginx_test执行docker pull joynop/joynop_nginx_test即可尝鲜github: https://github.com/JoyNop/joynop_cra_nginx本仓库为joynop_c...
2020-04-02 17:57:13
231
原创 如何让typecho支持PHP7？Typecho搬家Database Server Error
最近在对typecho博客搬家时，恢复数据库后，一直提示Database Server Error检查文件与数据库均完好，最后发现config这边有点问题typecho 默认是不支持 PHP7 的，所以需要将 Typecho 的数据库引擎修改为 pdo_mysql修改 config.inc.php 文件中的$db = new Typecho_Db('Mysql', 'typecho_')...
2020-04-02 17:55:39
694
2
原创 小程序Component is not found in path "path/to/vant-weapp/dist/button/index"
如果你遇到了这样的问题问题jsEnginScriptErrorComponent is not found in path "pages/index/miniprogram_npm/vant-weapp/action-sheet" (using by "pages/index/index");onAppRouteError: Component is not found in path "...
2020-04-02 17:54:40
10249
1
原创 推荐微信小程序常用的几个UI组
1.WeUIWeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。GitHub 地址：https://github.com/Tencent/weui效果：https://weui....
2020-03-01 10:22:19
2996
原创 js数组中改变元素的位置——互换，置顶，上移，下移
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。一、两个元素换位子function swapArr(arr, index1, index2) { arr[i...
2020-02-28 12:55:46
4740
1
原创 cnpm : 无法加载文件 node_global\cnpm.ps1，因为在此系统上禁止运行脚本
cnpm : 无法加载文件 D:\nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本cnpm : 无法加载文件 D:\nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com /fwlink/?LinkID=135170 中的 about_Execution_Poli...
2020-02-25 14:30:17
36105
40
原创 前端实现图片懒加载(lazyload)
cid=89 本文章当初是为了给父亲讲述一下政务网站新闻发布，细心的老爹竟然看得出来大部分烟台地区的政务网站都是一套系统，其实这合情合理，毕竟不能每个市，区，县的网站独立开发，不利于对数据的维护。正好博客有后台，其实也就跟父亲展示了一下后台发布文章的功能，这也是我没有选择ghost .hexo的原因，我可以随时随地的写文章，而不需要去git,node告诉他其实政府新闻办宣传部什么的只是把文章...
2019-02-26 10:24:08
1293
原创 WPS for Linux（ubuntu）字体配置(字体缺失解决办法)
启动WPS for Linux后，出现提示"系统缺失字体" 。出现提示的原因是因为WPS for Linux没有自带windows的字体，只要在Linux系统中加载字体即可。具体操作步骤如下：1\下载缺失的字体文件，然后复制到Linux系统中的/usr/share/fonts文件夹中。国外下载地址：https://www.dropbox.com/s/lfy4hvq95ilwyw5/wps_...
2018-12-18 14:17:10
1808
2
原创 如何用最短的JavaScript代码消耗最多的时间？
在V2上看到了这样一个问题如何用最短的JavaScript代码消耗最多的时间？让函数 f 运行 10s 以上，最终输出 true，代码越短越好。（不能有交互。）// 挑战目标：让函数 f 运行 10s 以上，代码越短越好function f() { // 在此写入你的代码： // ... }(function() { var now = Date.now; ...
2018-12-18 14:15:44
189
原创 Redux 思想
感想近期一直在研究Redux，搞得一头雾水，上周看了很多文档，多数讲的是数据之间的传递和使用方法，感觉机械搬copy相关代码并无大用，万一遇到什么奇葩的项目，还是得另寻道路上周搞了一直的redux，反复架构实验最后都没有得到太多有用的东西，跟着教程一步一步来，却没有搞明白他的核心思想到底是什么，一直到27号，找到了一些能够引起我注意的东西，也许不是redux最核心的思想，但值得肯定的是，他在某...
2018-12-18 14:14:15
200
原创 Ubuntu中安装Sublime Text 3并安装Package Control
最近在学习Ubuntu的使用在学习过程中，一直再用vscode开发，后来了解到Sublime Text3是一款备受开发者推崇的代码编辑器，因此在Ubuntu中安装了Sublime Text3，该软件还有丰富的插件库，并尝试使用Package Control进行了插件Sublime Text 3安装1.首先介绍Sublime Text 3的安装，首先去sublime的官网(http://www....
2018-12-18 14:12:48
2945
1
原创 ubuntu 18.04下解决网易云音乐需要root权限才能打开的问题
1、sudo gedit /etc/sudoers 在最后面加一行用户名 ALL = NOPASSWD: /usr/bin/netease-cloud-music注：用户名为当前登录用户名 控制台@前面的2、sudo gedit /usr/share/applications/netease-cloud-music.desktop修改Exec=netease-cloud-music ...
2018-12-18 14:10:59
967
2
原创 利用gitlab搭建静态页面并开启https Pages服务
踩了无数的坑终于搞明白gitlab pages如何搭建了（一般我写的东西都是自己踩坑后分享的，不喜欢写能找到的资料），决定写一写。为什么不用GitHub或者coding？ 因为我都用过啊哈哈哈公司最近再用gitlab，趁现在工作任务不重，就是了一下gitlab的pages服务与GitHub pages不同，gitlab pages的构建基于gitlab cl，也就是大部分pages的配置都基...
2018-12-18 14:08:11
14883
原创 Node多终端前后端同时执行
当前项目为node-vue-ele-app(服务端）└client（前端客户端）安装concurrentlynpm i concurrently进入Client文件夹，编辑package.json"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "st.
2018-10-10 13:10:29
845
2
转载 VisualStudio神级插件——JetBrains Resharper 2018.2.3 Ultimate完美破解版教程
VisualStudio神级插件——JetBrains Resharper 2018.2.3 Ultimate完美破解版+教程ReSharper是一个JetBrains公司出品的著名的代码生成工具，是Visual Studio里面的一个插件。它包括一系列丰富的能大大增加C#和Visual Basic .NET开发者生产力的特征。使用ReSharper，你可以进行深度代码分析，智能代码协助，实时错...
2018-10-07 21:34:16
15589
3
转载 nodemon 基本配置与使用
在开发环境下，往往需要一个工具来自动重启项目工程，之前接触过 python 的 supervisor，现在写 node 的时候发现 supervisior 在很多地方都有他的身影，node 也有一个 npm 模块 supervisior 也是用来监控进程的，不过除了 supervisior 外，还有很多其他的工具，从 github 的评分上看，比较热门的有 forever，nodemon，node...
2018-10-07 19:57:44
7848
原创 windows 下 出现错误error MSB4019
还需要下载Visual C++ 2015 Build Tools点击打开链接，要不然C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\v140这个东西不存在；.最为关键得一步，直接在cmd下运行，set VCTargetsPath=C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\v140；安装...
2018-10-04 18:19:09
4819
原创 Enigma Virtual Box v9.00一键制作免安装软件
Enigma Virtual Box，软件虚拟化工具、单文件制作工具、虚拟文件打包工具。利用该工具可以将多个文件封装到应用程序主文件，程序和配套文件打包成一个可执行文件，配套文件也不会被释放至硬盘，从而制作成为单执行文件的绿色软件。它支持所有类型的文件格式，虚拟化后的软件不释放任何临时文件到您的硬盘，文件模拟过程仅在内存运行。该软件的功能有独立的免费程序，同时支持X86和X64二进制文件。主要...
2018-09-29 12:54:09
5108
1
原创 Composer国内镜像Packagist 镜像使用方法
Composer国内镜像Packagist 镜像使用方法镜像用法有两种方式启用本镜像服务：系统全局配置： 即将配置信息添加到 Composer 的全局配置文件 config.json 中。见“方法一”单个项目配置： 将配置信息添加到某个项目的 composer.json 文件中。见“方法二”方法一： 修改 composer 的全局配置文件（推荐方式）打开命令行窗口（windows用户）...
2018-09-20 15:18:09
1909
转载 C#绘图双缓冲
C#绘图双缓冲C#双缓冲解释：简单说就是当我们在进行画图操作时，系统并不是直接把内容呈现到屏幕上，而是先在内存中保存，然后一次性把结果输出来，如果没用双缓冲的话，你会发现在画图过程中屏幕会闪的很厉害，因为后台一直在刷新，而如果等用户画完之后再输出就不会出现这种情况，具体的做法，其实也就是先创建一个位图对象，然后把内容保存在里面，最后把图呈现出来。GDI+的双缓冲问题一直以来的误区：...
2018-09-12 16:01:10
395
转载 宝塔linux面板命令大全
安装 Centos安装脚本yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.shUbuntu/Deepin安装脚本 wget -O install.sh http://download.bt.cn/install...
2018-08-08 08:43:56
3829
原创 C# winform 禁止中文输入
看一下控件的ImeMode属性是否被设为Disable，如果是，设为NoControl或者On试下Enable IME for the controlmeMode已经是NoControl了 改成On后是可以输入了 但默认是全角的TextBox.IMEMode 属性 （访问）语法 表达式。IMEMode 表达式_一个表示文本框对象的变量。 注解 IMEMode属性使用以下设置...
2018-07-04 16:43:32
1741
字符画转换ASCIIGenerator2.zip
2020-07-17
wps_symbol_fonts.zip
2020-02-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人