Big power-优快云博客

原创【前端基建】使用 openssl 自建签名证书颁发给域名或IP地址，使用https访问行项目，让浏览器信任

在前端项目开发。调用camera，media 等一些api时浏览器需要用户使用https访问项目于才可以调用相关的api，今天我们就自己生成证书，并让浏览器信任，不用每次手动点击信任。

2025-02-10 12:31:27 428

原创如何进行前端网站用户行为埋点分析

为了能够在不影响用户体验的前提下尽可能捕捉、追踪用户的行为，我们需要通过埋点来记录用户在平台上的浏览、点击、曝光的数据，分析用户的行为习惯，分析出用应用欠缺的地方，从而提高用户的转化效率

2023-02-01 16:54:36 812

原创【Vue router】关于Vue Router 中使用 params 传参，页面刷新参数丢失的问题

本文聊一聊vue router 使用params传参，页面刷新时参数会不会丢失，以及params传参和query传参各自的特点

2022-09-02 18:26:44 6585

原创【前端基建】如何将vue2项目构建从webpack迁移至vite及vite优缺点

随着vue项目体积的增加，开发阶段启动也是越来越慢，随着浏览器对原生esm的支持，esbuild的超高效率，下一代前端开发与构建工具vite出现了，它将模块与代码进行隔离，使项目做到真正的按需加载，使得项目可以实现1s内启动。在这就介绍一下如何将webpack打包的老项目迁移到vite，体验瞬间启动的丝滑

2022-05-23 16:21:58 1363

原创【JavaScript设计模式】-观察者模式 Observe

观察者模式又被称作发布-订阅者模式或消息机制，定义了一种依赖关系，解决了主体对象与观察者之间功能的耦合

2022-04-28 12:27:36 1071

原创 input输入框中保持仅能输入数字，禁止输入+、-、e，保留固定小数位长度

在日常的开发中会遇到表单中输入金额的实例，这时候财务会让我们保留输入框金额小数点固定位数，如果仅仅适用<input type='number'> 是没办法直接做到的，会将+、-、e识别位数字的一种，随意这时候就需要我们单独处理，下面的例子以vue2 结合ElementUI 编写：<template> <input v-model="item.amount" type="number" @input="(value)=&gt

2022-04-24 15:49:18 2996 1

原创如何删除github中的提交历史记录

有时候不写代码的时候不经意把一些敏感的信息（如：服务器密码，密钥等）写到了代码里，并提交到了git上，作为开源项目如果被人发现是很危险的事情，这时候就需要将之前的提交记录进行删除，或删除某个大的改动之前的记录

2022-04-19 11:22:48 14801

原创如何为Vue项目添加版本号

在使用webpack编辑项目发布到生产的时候如何确定当前生产版本是否更新到最新版了呢？现在我将分享两种自动化的方案供需要的开发者参考在生成的js文件名中添加时间戳或者git分支的hash使用工具生成版本文件发布至生产环境先介绍第一种方式在文件名或路径上添加参数webpack3/***webpack.prod.conf.js*/// 在构建生产的配置中使用此方法var wepack = require('webpack');var fs = require('fs');// 利

2021-07-18 23:22:31 2771

原创【前端基建】Nodejs开发dev-serve，实现proxy正向代理，解决项目本地跨域问题

前端静态资源项目可通过启服务的方式决绝跨域的问题，也可以解决必要时使用网络访问才能实现的功能，比如网页调取摄像头，微信开发授权后重定向地址必须为网络地址等。

2021-07-18 22:47:49 1480

原创记使用Arduino esp8266驱动ssd1306展示位图

第一次写硬件相关的笔记，整个过程也是慢慢摸索，还有很对知识不太懂，如果有错误，希望你可以帮我提出准备物料：CH340开发板 ESP8266串口wifi模块，ssd1306 0.96OLED软件：Arduino IDE ； Adobe Photoshop； PcTOLCD环境配置可参考搭建arduino esp8266初体验配置开发环境打开Arduino IDE 首先在“文件》首选项》附加开发板管理器网址”；添加管理器配置项http://arduino.esp8266.com/stable/p

2021-03-03 11:44:49 2675 1

原创使用frp穿透完成远程桌面

由于近期teamView经常短线，甚至无法连接，其他免费远程软件延迟太高所以利用服务器闲置流量进行内网穿透远程桌面服务有公网ip的服务器一台需要被远程的window电脑一台软件frpversion 0.31.2注意区分系统架构，并根据自己的需求下载对应的版本服务端配置wget https://github.com/fatedier/frp/releases/download/v0.31.2/frp_0.31.2_linux_amd64.tar.gz解压后编辑 frps.ini[co

2020-06-03 01:10:52 755

原创 nodejs环境下使用package.json脚本设置项目环境变量

前端在使用npm包管理工具时，有时需要使用到启动node环境，比如在node连接生产数据库与本地数据库，vue区分打包环境访问不同的api。这是我们会使用process.env.NODE_ENV进行获取当前的环境变量进行区分不同的运行环境，如果开发人员没有设置全局环境变量则无法使用该功能，或者开发这自己的电脑中的环境变量字段与企业代码中设置的不同时也无法正常使用，这是我们需要通过启动不同的脚本为当...

2020-02-08 21:35:25 2377

原创获取URL中query参数的两种方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-09-01 09:44:00 4390

原创元素跟随鼠标移动事件,小动画

前段时间做一个简单的动画,想让人物的眼睛,跟随鼠标的移动而转动,但是在网上找到的案例结果都实现了,但是过程上有一点小错误,今天我就自己理解完了以后自己写了一个;让元素跟随鼠标的移动主要需要用到的原理就是相似三角形的原理,并指定一个但三角形的斜边作为元素移动的半径;原理如图:主要用到的方法: onmousemove: 鼠标移入事件e.clientX : 鼠标在当前窗口的...

2018-07-24 19:46:04 1855

weixin_40289389的博客