内容date js
Next.js 开发指南 初始篇 | Next.js CLI
Next.js 开发指南 初始篇 | Next.js CLI 基础篇、实战篇、源码篇、面试篇四大篇章带你系统掌握 Next.js！ 前言 欢迎学习 Next.js！在学习具体的知识点之前，我们先来创建一个 Next.js 项目。创建了可运行的项目，才能在学习的时候边调试边理解，从而达到事半功倍的效果 ......
Next.js 开发指南 路由篇 | App Router
Next.js 开发指南 路由篇 | App Router 前言 路由（routers）是应用的重要组成部分。所谓路由，有多种定义，对于应用层的单页应用程序而言，路由是一个决定 URL 如何呈现的库，在服务层实现 API 时，路由是解析请求并将请求定向到处理程序的组件。简单的来说，在 Next.js ......
去年最火的 JS 开源项目「GitHub 热点速览」
去年最火的 JS 开源项目「GitHub 热点速览」 近日，「Best of JS」发布了过去一年在 GitHub 上 Star 数增速最快的 JavaScript 开源项目（2023 JavaScript Rising Stars），前 10 的开源项目 Star 增长竟然都是令人惊叹的 1.5w ......
引用CDN内容的方法总结
引用CDN内容的方法总结 1.1.1 摘要 CDN相信大家都听说过，甚至使用过相关的技术，也许有些人会回答“没有听说过和使用过该技术”，真的是这样吗？ CDN的全称是Content Delivery Network，即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构，将网站的 ......
JS常用工具：Webpack 和 JShaman分别有什么用？
Webpack和JShaman是两个不同的工具，它们的特点和用途也不同。 Webpack是一个前端资源模块打包工具，主要用于将各种静态资源（如JavaScript、CSS、图片等）视为模块，并将其打包成浏览器可以识别的代码。Webpack的特点包括： 1. 模块化：Webpack将各种资源视为模块， ......
vim编辑器实现左边目录右边是文件内容
转自https://blog.csdn.net/cui_yonghua/article/details/131657518 需要使用nerdtree工具。 1、安装 （1）下载压缩文件 wget http://www.vim.org/scripts/download_script.php?src_i ......
这一次，弄明白JS中的文件相关（一）：概念篇
概念是学习的基础。在学习JS中的文件操作之前，先把文件相关的各种概念搞清楚，很有好处。 1. 二进制： 计算机硬件仅能处理和存储二进制数据，所以不管是你正在写的代码，还是你硬盘里的小姐姐，都是以二进制的形式存储于电脑的内存和硬盘里的。 2. 编码规则： 二进制计算机看得懂，我们看不懂怎么办啊？我们能 ......
基于融合语义信息改进的内容推荐算法。Improved content recommendation algorithm integrating semantic information.
引言 路漫漫其修远兮，吾将上下而求索。每天一篇论文，做更好的自己。 本文读的这篇论文为发表于2023年5月28日的一篇名为《基于融合语义信息改进的内容推荐算法》（基于融合语义信息改进的内容推荐算法）的文章，文章主要介绍了基于内容的推荐技术在电子商务和教育领域的广泛应用，以及传统基于内容推荐技术在语义 ......
js string转html节点
1、 var str = "<h1>这是一个标题</h1>"; var parser = new DOMParser(); var doc = parser.parseFromString(str, "text/html"); var html = doc.body.firstChild; 2、 c ......
一行代码解决Three.js中只能在一侧看到物体的问题
项目场景： 因为该项目比较复杂庞大，在此就简单介绍一下： 通过Three.js创建若干个物体进行了组装，从而形成了一个类似眼球模拟模型的项目，用户可以通过拖动鼠标来达到控制视角（摄像机）的目的，以此来观察整个眼球状态。 Image1 Three.js眼球模型 注：下面所说的正视为从红线正轴往瞳孔（黑 ......
Dating Java8系列之用流收集数据
给我馍馍/文 收集器简介 1.收集器介绍 Java 8中流支持两种类型的操作:中间操作(如filter或map)和终端操作(如count、findFirst、forEach和reduce)。 中间操作可以链接起来，将一个流转换为另一个流。这些操作不会消耗流，其目的是建立一个流水线。与此相反，终端操作 ......
Dating Java8系列之并行数据处理
翎野君/文 分支合并框架 分支合并框架介绍 分支/合并框架的目的是以递归的方式将可以并行的任务拆分成更小的任务，然后将每个子任务的结果合并起来生成整体结果。 它是ExecutorService接口的一个实现，它把子任务分配给线程池(称为ForkJoinPool)中的工作线程。把任务提交到这个池，必须 ......
Dating Java8系列之default默认方法
给我馍馍/文 引言 传统上，Java程序的接口是将相关方法按照约定组合到一起。实现接口的类必须为接口中定义的每个方法提供一个实现，或者从父类中继承它的实现。 不断迭代的API 默认方法的引入就是为了，以兼容的方式，解决像 Java API这样的类库，演进迭代问题。 理解演进迭代 为了理解为什么一旦A ......
Dating Java8系列之通过行为参数化传递代码
给我馍馍/文 引言 作为技术开发人员，我们无法保证我们写出来的代码的可用时间和保质期，也许今天刚上线的一个功能，等到明天就因为需求变动不得不进行更改。 为什么会不断的变化 作为技术人员，我们当然希望需求能循序渐进地平稳过度，但往往事与愿违，对于其原因我简单总结为以下几点。 用户导向，用户和市场是风向 ......
Dating Java8系列之Java8中的‘流’
给我馍馍/文 流的概念 1.流是什么 流是Java API的新成员，它允许你以声明性方式处理数据集合(通过查询语句来表达，而不是临时编写一个实现)。就现在来说，我们可以把它们看成遍历数据集的高级迭代器。 代码：按价格排序后得到手机名称列表 使用新的流式方法有几个显而易见的好处。 代码是以声明性方式写 ......
Dating Java8系列之Java8中的流操作
给我馍馍/文 本次我们会使用到很多的流操作，如筛选、切片、映射、查找、匹配和归约，这些操作可以让我们能快速完成复杂的数据查询。 筛选和切片 用谓词筛选 Streams接口支持filter方法。该操作会接受一个谓词(一个返回 boolean的函数)作为参数，并返回一个包括所有符合谓词的元素的流。 Li ......
Dating Java8系列之Lambda表达式和函数式接口（上）
给我馍馍/文 Lambda简介 我们可以把Lambda表达式理解为简洁地表示可传递的匿名函数的一种方式。它没有名称，但它有参数列表、函数主体、返回类型，可能还有一个可以抛出的异常列表。 匿名：我们说匿名，是因为它不像普通的方法那样有一个明确的名称。 函数：我们说它是函数，是因为Lambda函数不像方 ......
Dating Java8系列之Lambda表达式和函数式接口（下）
给我馍馍/文 使用函数式接口 函数式接口定义且只定义了一个抽象方法。 函数式接口很有用， 因为抽象方法的签名可以描述Lambda表达式的签名。 为了应用不同的Lambda表达式，你需要一套能够描述常见函数描述符的函数式接口。 Java 8的库设计师帮我们在java.util.function包中引入 ......
Dating Java8系列之巧用Optional之优雅规避NPE问题
给我馍馍/文 避之不及的 NullPointerException NPE : NullPointerException 空指针异常是最常见的Java异常之一，抛出NPE错误不是用户操作的错误，而是开发人员的错误，应该被避免，那么只能在每个方法中加入非空检查，阅读性和维护性都比较差。 以下是一个常见 ......
Dating Java8系列之新的日期和时间
给我馍馍/文 旧的日期时间 在Java 1.0中，对日期和时间的支持只能依赖java.util.Date类。正如类名所表达的，这个类无法表示日期，只能以毫秒的精度表示时间。更糟糕的是它的易用性，由于某些原因和未知的设计决策，这个类的易用性被深深地损害了，比如:年份的起始选择是1900年，月份的起始从 ......
js中的对象，如果赋值给多个变量，那么会有性能问题吗
js中的对象，如果赋值给多个变量，那么会有性能问题吗？ 在JavaScript中，将一个对象赋值给多个变量时，并不会直接导致性能问题。当一个对象被赋值给多个变量时，实际上这些变量都会引用同一个对象，即它们指向内存中的同一块地址。这种行为称为“对象引用”。 例如： const obj = { a: 1 ......
【LeetCode 】练习str_to_date函数；over(rows between CURRENT ROW AND 2 following)实现【当月和接下来2个月】滑动窗口
题目地址 https://leetcode.cn/problems/hopper-company-queries-iii/description/ 代码 -- CTE生成2020年每月的最后一天 WITH RECURSIVE months AS ( SELECT LAST_DAY('2019-12- ......
JS的常用验证正则
密码正则 密码必须为8到16位且必须包含数字和字母以及特殊字符 const pattern2 =/^(?!([A-Z]*|[a-z]*|[0-9]*|[!-/:-@\[-`{-~]*|[A-Za-z]*|[A-Z0-9]*|[A-Z!-/:-@\[-`{-~]*|[a-z0-9]*|[a-z!-/: ......
js使用XLSX前端导出excel
实现效果： 页面： 导出的excel： xlsx.core.min.js文件下载地址 xlsx 代码如下： <!DOCTYPE html> <html> <head> <title>HTML Template</title> <style> table { border-collapse: coll ......
微信小程序在ios手机端button缺少一条边框及textarea内容无法滚动的问题
最近基于uniapp开发微信小程序 ，遇到了两个坑 1、在ios手机上button会缺少右侧的一条边框 根据官方给出解决办法 .border1rpx, .border1rpx_before{ position: relative; border-width: 0rpx !important; pad ......
js压缩命令
JS（JavaScript）的压缩可以使用不同的工具来完成。下面列举了两种常见的JS压缩命令及其对应的示例代码： UglifyJS2：这是一个流行的JS压缩工具，可通过Node.js运行。安装UglifyJS2后，可以在命令行中输入以下命令进行压缩： uglifyjs input.js -o out ......
基于fabric.js的图片编辑器, 画布背景实现原理
图片上传 使用了element-plus提供的图片上传el-upload组件 <el-upload :show-file-list="false" :auto-upload="false" :on-change="(e) => uploadImage(e, 'background')" > <but ......
微信小程序或js中获取url参数
微信小程序扫普通链接获取url参数ps: 这里的方法跟 打开页面路径中的参数不一样哈.欢迎各位大神前来指点 文章目录微信小程序扫普通链接获取`url`参数方法一：方法二：方法三：使用微信小程序获取`页面路径`参数js中获取url参数方法一：可获取多个参数 /*** params1： url* par ......
js图片懒加载，在不做分页的情况下的解决方案
Intersection Observer API 1.注意点 一般都是后端返回数据， 用 this.$nextTick(() => { this.handleScroll(); }); 确保dom加载完成触发我们定制的handleScroll handleScroll() { const cont ......
[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".
这个警告是因为你提供了一个模板选项（template option），但在当前的Vue构建版本中不支持运行时编译。解决该问题的方法是将你的打包工具配置别名（alias）将 "vue" 指向 "vue/dist/vue.esm-bundler.js"。 具体来说，如果你使用的是Webpack或者vit ......