- 博客(23)
- 收藏
- 关注
RSS订阅原创 关于 @microsoft/fetch-event-source 的 EventSource 反复重连的问题
小小的一个做了 AI 聊天功能，没想到突然发现一个对话被重复请求了很多次，资源都被弄没了！这对本就不富裕的家庭来了狠狠的一巴掌！它怎么重复请求了这么多次！本来今天高高兴兴，用 Server-sent events。请求没完成前切换页面。
2023-07-26 11:56:54
7254
6
原创 在NW.js里面使用node-printer
0、写在前面的一些提示不要使用太高版本的 NW.js 以及 Node.js，因为 node-printer 会有兼容性问题，目前笔者测试到 node-printer 最高只能在 0.43.x 版本以及低于这个版本的 NW.js 里面正常运行，高于这个版本就会在安装 node-printer 时报错或者程序运行时直接崩溃闪退。并且使用的 Node.js版本应该与 NW.js 里面的 Node.js 版本一致，可以在双击 nw.exe 查看 NW.js 里面的 Node.js 版本，如图：1、下载N
2021-11-08 14:24:47
2290
原创 Three.js入门之做一个简单的3D场景内添加标点的功能
什么是Three.js?百度百科上是这么说的：Three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。不过，这款引擎还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）three.js的代码托管在github上面。一些有用的链接Three.js的基本概念：https://
2021-03-16 14:37:55
6928
6
原创 Vue 中使用 Echarts5.0 的一些问题（vue-cli 下开发）
问题最新版的 Echarts5.0 使用 import echarts from 'echarts' 导入，会出发现导出的 echarts 是 undefined的情况，无法正常使用。解决方案一新版本有问题就用旧版本咯# 卸载 Echarts5.0npm uninstall echarts# 规定版本来安装（选择自己喜欢的版本安装）npm install echarts@4.8.0 --save # 导入使用import echarts from 'echarts'解决方案二
2021-01-05 16:39:36
5984
7
原创 前端图片处理(二) --- Grade.js
Grade.js 介绍它的官网上是这么说它的：“This JavaScript library produces complementary gradients generated from the top 2 dominant colours in supplied images.”，翻译过来大概就是：这个JavaScript库从提供的图像中计算出两种主要颜色生成互补渐变的背景。使用安装npm install grade-js导入import Grade from 'grade-
2020-12-28 17:29:01
603
原创 前端图片处理(一) --- Cropper.js
Cropper.js 介绍一个纯 JavaScript 的图片裁剪操作插件库，并且是支持移动端的。简单Dome安装npm install cropperjs引入 Cropper 对象、样式import 'cropperjs/dist/cropper.css'import Cropper from 'cropperjs';Html 代码和初始化代码<img id="image" src="/path/picture.jpg">const image = d
2020-12-24 18:50:47
10657
原创 进入MySql的Docker容器，并执行.sql文件
1、进入容器# docker exec -it 容器id /bin/bashdocker exec -it 501400df5fc0 /bin/bash2、登录数据库mysql -u root -p3、进入对应数据库use dataname;4、执行.sql语句source sql文件绝对路径;Tip: 把 sql 文件放在挂卷的目录里就可以在容器里拿到...
2020-12-09 18:02:08
1795
原创 安装Docker-compose（Centos7.+）
1、安装：sudo curl -L https://github.com/docker/compose/releases/download/1.25.0/docker-compose-$(uname -s)-$(uname -m) > /usr/local/bin/docker-compose# 或者使用国内镜像 （不用国内的太慢了可能会导致出现第三点遇见的问题）sudo curl -L https://get.daocloud.io/docker/compose/releases/downlo
2020-12-09 17:58:46
229
原创 ContOS（7.+）安装Docker
1、清理以前安装过的Docker（如果安装过的话）：sudo yum remove docker docker-client \ docker-client-latest \ docker-latest \ docker-latest-logrotate \ docker-logrotate \ docker-engine2、安装必要依赖：sudo yum install -y yum-utils \ device-mapper-persistent
2020-12-09 17:53:47
283
原创 Vue3.0初体验之Custom Renderer API
Vue3.0和Vue.2.0入口差异vue2.0入口：import Vue from 'vue'import App from './App.vue'new Vue({ => h(App)}).$mount('#app')vue3.0入口：const { createApp } from 'vue'import App from "./src/App"createApp(App).mount(('#app')Tip：即由 new Vue() 创建vue对象变成了 cr
2020-08-06 10:49:16
6261
原创 Vant的DatetimePicker组件踩坑二
踩坑：DatetimePicker组件用v-model绑定值，返回的是一个Date对象，并不是我们想要的yyy-MM-dd之类的格式。解决方案：DatetimePicker一般和VanField一起使用，点击VanField唤起DatetimePicker，可以让VanField和DatetimePicker用v-model绑定到两个不同的变量，比如somethingName（VanField）和somethingNameTemp（DatetimePicker），然后用somethingNameT..
2020-06-18 11:18:37
5307
原创 Vant的DatetimePicker组件踩坑一
vant的2.8.4版本，给DatetimePicker组件设置动态的min-date或者max-date的时候，动态修改min-date或者max-date第二次的时候就会卡死让页面无法动弹。由于时间原因并未深究原因。只能是不再动态的次改min-date或者max-date。...
2020-06-11 10:15:20
4456
3
原创 Webpack中的网页性能优化（Preloding/Prefetching）
怎么做优化？一般都会想到利用缓存来进行性能优化，既出来第一次加载模块的时候耗费性能，其它时候使用这个模块的时候，都使用第一次加载留下来的缓存，但其实利用缓存能优化的性能非常小。但是一般来说，代码覆盖率高的页面的性能会更好，什么是代码覆盖率？既这个页面的js代码有用的代码除于页面加载的总代码得到的一个数值。在浏览器F12打开控制台，然后ctrl + shift + p，在弹出的输入框里输入Sh...
2020-04-19 22:30:16
198
原创 Webpack中使用babel转译ES6
安装必要包npm install --save babel-loader babel-core babel-preset-envbabel-loader：一个loader，主要是给webpack和babel作为桥梁进行通讯的。babel-core：babel核心库。babel-preset-env：把ES6语法转换为ES5。使用module: { rules: [ {...
2020-04-19 15:42:50
296
原创 Webpack的SplitChunkPlugin插件解析
什么是SplitChunkPlugin？说到SplitChunkPlugin就不得不提Code Splitting（代码分割），Code Splitting顾名思义就是对你的代码进行分割，为什么要对代码进行分割？主要是为了优化网站的性能，举个例子：当你的页面只有一个js文件，它有10M大小，那么当用户访问你的页面的时候，就要要一次用一个请求加载10M大小的文件；而当你使用了代码分割，把这个js...
2020-04-19 14:53:06
1281
原创 在Vue的Element-ui上监听键盘enter按键事件的一些问题
本来想在element-ui的el-button上监听按下enter按键的键盘事件，但是使用@keydown.enter并不生效，如下：<el-button type="primary" @click="login()" @keydown.enter="login()"> 登录</el-button>然后翻阅文档和百度了一下，大家都说加个.native...
2020-04-07 11:38:41
5220
1
原创 filter属性实现网页页面全灰色调
各大网站都是这么实现网页灰色调的呢？要一个样式一个样式的更改整个页面的各种图像、边框等的颜色为灰色调是不现实的（如果已经事先写好两套样式的另说）。其实大部分网站都是在html元素上用了filter这个属性，例：html { filter: grayscale(90%);}几个网站页面截图例子filter是什么？filter CSS属性将模糊或颜色偏移等图形效果应用于元...
2020-04-04 23:46:46
1135
原创 用JS实现F11全屏切换
- 进入全屏模式：requestFullscreen() // Element是某一个元素对象（例如：文档元素document.documentElement什么的，要全屏的元素） Element.requestFullscreen() Element.mozRequestFullScreen() // 兼容 Mozilla 类型的浏览器 Element.webkitRequestFull...
2020-04-03 16:51:30
1005
原创 Vue的key属性使用小结
作用key属性主要的作用是让vue编译的时候这个有key属性的元素不被复用（vue在渲染更新视图的时候，对于相同的元素是会复用的，即不销毁本来存在的元素，只是替换文本什么的）使用最常用的用法是，在v-for循环渲染视图的时候，用来key标识元素，不用的时候会有警告提示（但你不是一定要用，当你想利用Vue的复用元素特性调高性能的时候，就可以不用，但要注意处理，不然容易有bug出现）。反正...
2020-03-22 21:07:44
595
原创 Vue父组件和子组件状态更新（通讯）小结
Vue的官方文档是推荐父组件用v-bind的方式给子组件的方式传递变量字段信息的，然后子组件通过$emit()发送事件给父组件传递信息，子组件不能直接去修改父组件传递过来的变量的，会给出警告提示，以免出bug的时候，因为数据修改不确定来源而难以查找修复bug（Tip：不是不能在子组件修改父组件的传递变量，只是不推荐，而且遇见iframe的时候会出问题，你在子组件修改之后变量值是变了，但是在父组件...
2020-03-22 20:28:18
725
原创 高德地图某一城市地铁路线高亮解决方案
高德地图某一城市地铁路线高亮解决方案项目刚好有以一个需求，在地图上按需高亮全部或者某一条地铁线路。找了蛮久没找到什么好的解决方案（也可能是自己菜），那就自能自己投机取巧咯。不多说上代码。<!-- 部分关键HTML和css --><!-- 引入高德地图js API，key后面的参数是秘钥，需要去官网申请。AMap.LineSearch要用到，在这里加上参数，不然AMap....
2020-03-21 23:34:40
3707
19
原创 更改本机默认localhost域名来进行微信开发者工具调试等
更改本机默认localhost域名来进行微信开发者工具调试等1、打开C:\Windows\System32\drivers\etc下的hosts文件2、然后更改对应的域名即可例子：3、对于vue项目：在vue项目里的vue.config.js文件里的devServer配置项里添加disableHostCheck: true...
2019-12-18 10:27:16
2082
原创 关于vue用devServer代理在微信开发者工具调试网页的一些问题
关于vue用devServer代理跨域的一些问题问题：把前端和后端都部署在同一个服务器（IP相同，端口相同，映射的域名不同），同时不传token去调用后端接口，会导致访问不到后端，而是因为代理机制的原因，访问到前端本身的服务，导致返回前端HTML代码。解决方案：前端不做代理跨域，让后端去做跨域。...
2019-12-11 10:54:59
779
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人