兰亭古墨的博客_Vue,javaScript,html

Vue3 实现 Three.js粒子特效

【代码】Vue3 实现 Three.js粒子特效。

javascript

前端

vue.js

Math

原创 1天前 10 阅读

How to fix “__dirname is not defined in ES module scope“

How to fix "__dirname is not defined in ES module scope"

elasticsearch

前端

javascript

ide

node.js

原创 2022-11-05 01:32:46 10000+阅读

java 中 byte a = 1； a += 1和 a = a + 1 有什么区别？

因为 1 默认是 int 类型 byte + init 类型会隐私转换为 int 类型，将 int 类型直接分配给 byte 类型就会报错。

jvm

强制转换

原创 2022-10-29 15:28:43 10000+阅读

java 中 byte 溢出详解，为什么 byte 130 结果为 -126

在 java 中 byte 130 的 130 默认是 int 类型（十进制），int 类型占用 4 个字节。就是二进制定点表示法，即最高位为符号位，“0”表示正，“1”表示负，其余位表示数值的大小。在计算机中所有的数据都是以补码的形式出现。所以求出截取后的数据的补码即可。正数的反码与其原码相同；负数的反码是对其原码逐位取反，但符号位除外。通过

java

补码

反码

十进制

原创 2022-10-29 15:28:40 10000+阅读

Vue Computed 依赖收集与更新原理

调用 watcher.depend() , this 指的是 computed watcher，会将 computed watcher 里队列，进行页面更新！

vue.js

javascript

前端

lua

初始化

原创 2022-08-20 00:44:00 10000+阅读

什么是 commonjs2

webpackissue的回答https//github.com/webpack/webpack/issues/1114。CommonJS2有export和module.export。CommonJS只有export。

前端

javascript

webpack

sed

node.js

原创 2022-08-06 00:43:54 10000+阅读

react-router 使用 browserHistory 在 nginx 部署不生效解决方案

location / { root html/dist; index index.html index.htm; try_files $uri /index.html; }

react.js

前端

vue.js

html

原创 2022-07-31 01:27:40 10000+阅读

不创建临时变量交换数组元素

算法

数据结构

c++

数组

异或运算

原创 2022-07-16 00:38:21 10000+阅读

如何用 css 画一个正方体

懒得写思路了，直接看代码吧

css

css3

html

3d

原创 2022-07-03 00:59:14 10000+阅读

js正则表达式实现千分位符

解释首先理解一下：正向肯定预查（look ahead positive assert）和正向否定预查(negative assert)正向肯定预查（loo

正则表达式

字符串

搜索

原创 2022-06-25 00:37:01 10000+阅读

JavaScript 高级之各种手写系列

javascript

前端

用例

i++

循环引用

原创 2022-06-25 00:36:27 10000+阅读

手写 promise

Promises/A+: https://promisesaplus.com/[译]Promise/A+ 规范: https://zhuanlan.zhihu.com/p/143204897

javascript

前端

typescript

加锁

回调函数

原创 2022-06-19 01:12:52 10000+阅读

53. 最大子数组和

53. 最大子数组和给你一个整数数组 nums ，请你找出一个具有最大和的连续子数组（子数组最s递推公式：if dp[i

动态规划

leetcode

算法

子数组

时间复杂度

原创 2022-06-07 16:41:43 10000+阅读

股票问题 - 121. 买卖股票的最佳时机

121. 买卖股票的最佳时机

动态规划

算法

leetcode

空间复杂度

时间复杂度

原创 2022-06-07 16:41:08 10000+阅读

416. 分割等和子集

416. 分割等和子集在若干物品中选出一些物品，每个物品只能使用一次，这些物品恰好能

动态规划

算法

leetcode

数组

i++

原创 2022-05-31 09:39:00 10000+阅读

01背包问题

背包问题源自代码随想录：动态规划：关于01背包问题，你该了解这些！01 背包有 n 件物品和一

动态规划

算法

数组

倒序

原创 2022-05-31 09:38:46 10000+阅读

1143. 最长公共子序列

1143. 最长公共子序列确定dp数组（dp table）以及下标的含义dp[i][j]: 表示在字符串 text1 下标 [0, 1]

动态规划

leetcode

算法

字符串

数组

原创 2022-05-31 09:38:13 10000+阅读

手写 Promise 源码

Promise基本 Promise执行器resolve, reject, then(同步)resolve(异步，基于发布订阅)then 链式调用 p.then().then();基本链式调用：在 then 里面返回 promise需要考虑 then return 的是 promise 还是普通值x 如果是 promise 则，需要考虑调用 resolve 还是 rejectx 如果是普通值

javascript

前端

加锁

发布订阅

抛出异常

原创 2022-04-27 17:06:57 10000+阅读

微信小程序国际化

需求：能够满足基本国际化字段配置，字段渲染，切换语言支持异步加载国际化字段调研：官方 miniprogram-i18n不敢相信这是大名鼎鼎的 wechat 团队做出来的东西！issue 一群骂声特点：不能开箱即用，需要使用 glup 构建，打包出新目录再进行开发。只能支持静态数据国际化

微信小程序

国际化

字段

异步加载

加载

原创 2022-04-27 17:06:34 10000+阅读

《Vue.js 技术与实现》第9章简单 diff 阅读总结

上一章已经基本实现了一个渲染器了，但遗留了一个问题：一组节点和一组节点如何更新？上一章其实已经给出了解决方案：暴力循环，先将旧节点全部 unmount，再将新节点全部 mount但这看上去并不优雅那么，如何解决一组旧节点和一组新节点的比对方案呢？

前端

vue

vue.js

子节点

原创 2022-04-27 17:06:07 10000+阅读

《Vue.js 技术与实现》第 11 章快速 diff 阅读总结

第 11 章主要讲解了 Vue3 在更新子节点的实现原理。实现原理上使用了快速 diff，它源起于 ivi 和 inferno 这两个框架，Vue 借鉴并扩展它。本章主要解决如下问题：处理相同的前置元素处理相同的后置元素判断是否需要进行DOM移动操作如何移动 DOM

vue.js

子节点

锚点

递增子序列

原创 2022-04-27 17:05:47 10000+阅读

Vue3 最长递增子序列详解

Vue3 最长递增子序列研究本文初衷彻底讲清楚 Vue3 源码中实现最长递增子序列的算法。概念名词**最长递增子序列：**在一个给定的数值序列中，找到一个子序列，使得这个子序列元素的数值依次递增，并且这个子序列的长度尽可能地大。最长递增子序列中的元素在原序列中不一定是连续的。

前端

最长递增子序列

DOM diff

数组

原创 2022-04-27 17:05:30 10000+阅读

第4章响应式系统的作用和实现阅读总结

☁️ 2022.03.20 15:30这一章题序中上来就抛出了如下问题：什么是响应式数据和副作用函数？实现中如何避免无限递归？为什么需要嵌套的副作用函数？两个副作用函数之间会产生哪些影响？花费一个晚上＋一个下午读完了这一章，读完的第一感觉是信息量巨大。即使之前自己实现过一遍属于自己的 mini-vue，看完本章依然觉得填补了我很多知识盲区，收获很多，但一时很难消化。此刻难消化的原因

ide

递归

数据结构

原创 2022-03-30 18:42:50 10000+阅读

Vue3 Proxy Reflect

为什么 Vue3 中 Proxy 的 get 中使用的是 Reflect 获取属性值

字段

属性值

取对象

原创 2022-03-29 13:56:46 10000+阅读

力扣 - 48. 旋转图像

48. 旋转图像给定一个 n × n 的二维矩阵 matrix 表示一个图像。请你将图像顺时针旋转 90 度。你必须在原地旋转图像，这意味着你需要直接修改输入的二维矩阵。请不要使用另一个矩阵来旋转图像。示例 1：输入：matrix = [[1,2,3],[4,5,6],[7,8,9]]输出：[[7,4,1],[8,5,2],[9,6,3]]示例 2：输入：matrix = [[5,1,9,11],[2,4,8,10],[13,3,6,7],[15,14,12,16]]输出：[[

算法

矩阵

leetcode

i++

数据

原创 2021-11-22 16:15:29 10000+阅读

CSS3绘制方格背景图类似于ProcessOn 绘制面板

css3

css

html

5e

原创 2021-11-01 13:32:22 10000+阅读

单链表实现

/** * 1、push(element)：向链表尾部添加一个新元素 * 2、insert(element, position)：向链表的特定位置插入一个新元素 * 3、getElementAt(index)：返回链表中特定位置的元素。如果链表中不存在这样的元素，则返回 undefined * 4、remove(element)：从链

链表

i++

数组

字符串

javascript

原创 2021-08-15 15:20:29 10000+阅读

搭建个人博客之 mysql 数据库表设计

代码地址：https://github.com/hefeng6500/blog-server/blob/master/sql_design/blog.sql SHOW DATABASES; DROP DATABASE IF EXISTS blog; CREATE DATABASE IF NOT EXISTS blog DEFAULT CHARACTER SET utf8 DEFAULT COLL

MySQL

原创 2021-07-29 15:07:54 10000+阅读

Vue 2.0 跨域解决方案

1、在使用vue开发的时候经常要涉及到跨域的问题，其实在vue cli中是有我们设置跨域请求的文件的。 2、当跨域无法请求的时候我们可以修改工程下config文件夹下的index.js中的dev:{}部分。 dev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: false, assetsSu

Vue

原创 2021-07-29 15:07:33 10000+阅读

vue-cli脚手架中webpack配置基础文件详解

一、前言 vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将文件打包压缩，图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代码的理解更为重要，接下来我将基于webpack3.6.0版本结合文档将文件各个击破，纯干料。重点章

Vue

转载 2021-07-29 15:07:09 10000+阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

兰亭古墨的博客