github_39427902的博客

原创 如何实现文本回复Ai ChatGPT DeepSeek 式文字渐显效果？前端技术详解（附完整代码）

如何实现文本回复Ai ChatGPT DeepSeek 式文字渐显效果？前端技术详解（附完整代码）

原创 移动端1px终极解决方案：Sass混合宏工程化实践

移动端1px终极解决方案：Sass混合宏工程化实践

原创 前端图片压缩实战：基于compressorjs的高效解决方案

前端图片压缩实战：基于compressorjs的高效解决方案

原创 前端个人开发者需要具备的能力，Next.js Node.js

前端个人开发者需要具备的能力，Next.js Node.js

转载 H5怎么禁用长按复制的功能？

H5怎么禁用长按复制的功能？

原创 封装H5与微信小程序的各种跳转交互

封装H5与微信小程序的各种跳转交互

原创 用于创建颜色相关的方法，例如可以把 rgb 值转换成 十六进制颜色

用于创建颜色相关的方法，例如可以把 rgb 值转换成 十六进制颜色

原创 JavaScript - 有序去重和无序去重

个人开发的塔罗牌占卜小程序：【问问塔罗牌】 快来瞧瞧吧！ 有序去重 （ 采用JS对象自带的key排序 ） function OrderlySort(_list = []) { const current_list = [..._list]; let bl = !!current_list.length; const _obj = {}; while (bl) { _obj[current_l..

原创 nodejs搭建接口转发服务，nginx代理

个人开发的塔罗牌占卜小程序：【问问塔罗牌】 快来瞧瞧吧！ 运行环境ubuntu18.04 服务器环境装了lxd,起一个container环境，随便搞，崩了也不要紧，不喜欢删掉重起 后端使用java架构，提供基本接口服务，前端使用vue，node用来做中间层进行接口的整合处理工作，用nginx 处理静态资源服务，代理node接口服务，这样解决了跨域问题 1、nginx下载 sudo apt-get install nginx 2、启动nginx sudo /etc/init.d/nginx s..

原创 React-Mobx项目demo实例

个人开发的塔罗牌占卜小程序：【问问塔罗牌】 快来瞧瞧吧！ React-Mobx项目demo实例 导语：本实例实现一个待办事项实例，实现mobX与React的结合。 1、项目文件构： 项目文件结构如下图： ​ 2、核心文件内容： 1、index.js:核心代码。 2、jsconfig.json:使项目能够使用MobX的注解，内容如下： { "compilerOptions": { "experimentalDecorators": tr...

原创 js纯手工实现一个简单的 EventBus，事件委托，事件指派

一个简单的 EventBus，需要满足实现：发事件、监听事件、销毁事件和一次性监听事件等。 通过 $emit(eventName, eventHandler) 触发一个事件 通过 $on(eventName, eventHandler) 侦听一个事件 通过 $once(eventName, eventHandler) 一次性侦听一个事件 通过 $off(eventName, eventHandler) 停止侦听一个事件 简单实现如下： { class EventBus { constructor() { t

原创 简易封装获取、设置、删除cookie操作

简易封装获取、设置、删除cookie操作 // An highlighted block var cookie: { /** * 获取cookie */ get: function (name) { var cookieName = encodeURIComponent(name) + '=', cookieStart = document.cookie.indexOf(cookieNa

原创 JS的有关递归的知识点(数据无限级联的实现）

<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>Document</title> </head> <body> ...

原创 Uni-app 实现离线打包 android apk

1. 安装相关工具及下载文件 1)Android studio https://developer.android.google.cn/studio/ 2)Hbuilder官方SDK http://ask.dcloud.net.cn/article/103 2. Android本地打包 1. 打包步骤 1) 解压官方sdk，内容如下图： 2) 使用Android Studio作为项目打...

原创 react-native 打包apk包

打包APK Android要求所有应用都有一个数字签名才会被允许安装在用户手机上，所以在把应用发布到类似Google Play store这样的应用市场之前，你需要先生成一个签名的APK包。Android开发者官网上的如何给你的应用签名文档描述了签名的细节。本指南旨在提供一个简化的签名和打包js的操作步骤，不会涉及太多理论。 生成一个签名密钥 你可以用keytool命令生成一个私有密钥。在W...

转载 Linux 服务器 php版本升级

现在的php版本是5.6，由于项目的php版本要求是7.2，所以升级一下 1. 检查当前安装的 PHP 查看当前 PHP 版本 php -v 查看当前 PHP 相关的安装包 yum list installed | grep php 2. 更换 RPM 源 #Centos 5.X： rpm -Uvh http://mirror.webtatic.com/yum/el5/latest.rpm ...

原创 git 本地文件 上传到github仓库

原创 js 数组操作汇总

1、去掉重复的数组元素。2、获取一个数组中的重复项。3、求一个字符串的字节长度,一个英文字符占用一个字节,一个中文字符占用两个字节。4、判断一个字符串中出现次数最多的字符，统计这个次数。5、数组排序。 6、快排。 7、删除/添加数组项。 8、数组随机顺序输出。 9、数组求和、最大值。 10、判断是否为数组。 11、有一个int型数组，里面有若干数字。要求统计出一共有多少种不同的数字？每...

转载 阿里云服务器MongoDB部署

  1.下载mongodb curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.2.9.tgz 2.解压 tar zxvf mongodb-linux-x86_64-3.2.9.tgz 3.创建数据文件夹和日志文件等 mkdir -p /usr/local/mongodb/data touch /usr...

原创 Mongodb 基本指令

show dbs -- 查看所有数据库 useadmin -- 进入admin数据库 db.user.insert({id:1323}) -- 在admin 数据添加一个user集合并插入id=1323数据 db.user.find() / findOne()-- 查看user集合所有数据 / 查找第一条数据 db.user.find().pretty() -- 查看user集合所有数...

转载 货币格式化工具类， 带货币符号， 传参设置几位小数点

const digitsRE = /(\d{3})(?=\d)/g export function currency (value, currency, decimals) { value = parseFloat(value) if (!isFinite(value) || (!value &amp;&amp; value !== 0)) return '' currency = ...

原创 windows 下MongoDB的配置

先去MongoDB官网下载程序包 https://www.mongodb.com/  进行解压安装 在log文件夹新建一个.log文件  后期指定数据日志存放  进入cmd管理员进入文件夹 -dbpath --文件目录 表示数据存放的路径 -logpath --文件目录 表示数据库日志存放路径  并在windows 服务启动一个 名MongoDB 的服务  http:/...

原创 加减乘除的处理方法

function FloatAdd(arg1,arg2){     var r1,r2,m;     try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}     try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}     m=Math.pow(10,Math.max(...

原创 今天来讲讲js 深拷贝以及浅拷贝

如上图，据描述，Object.assign()为浅拷贝， 为什么改变属性a不是指向同一个引用，而b.c指向了同一个引用？ 首先，都是浅拷贝。第一种数据存放基本类型，数组中存放的就是基本类型的值，拷贝的就是基本类型的值，第二种存放的是对象，存放的是对象的地址，拷贝的就是对象的地址。 看一张图吧，你应该就可以明白了。   高级语言都是相通的，浅copy指的是arr1, ...

转载 web 移动端媒体查询 适用各种情况

@media screen and (orientation: portrait) { /*竖屏 css*/ } @media screen and (orientation: landscape) { /*横屏 css*/ } @media screen and (min-width:1366px){ /*pc端 css*/ } /*iphone 5/5s/5se...

原创 git 拉取项目覆盖本地

想要拉远端强制覆盖本地，试过git pull --force ，还是会提示需要commit 下面的方法可以强制覆盖，留着以免忘记 git fetch --all git reset --hard origin/master git pull...

原创 JS识别浏览器类型(电脑浏览器和手机浏览器)

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" Content="text/html;charset=UTF-8"/&gt; &lt;title&gt;识别电脑浏览器和手机浏览器&lt;/title&gt; &lt;/head&gt