前言创建项目使用nextjs官方提供的脚手架创建一个项目模版npx create-next-app@latest next-crud --use-npm --example "https://github.com...中可以使用next/image设置图像。...nextjs导航，当组件更新的时候，布局不会重新渲染页面导航现在导航切换使用a标签，点击会重新加载页面，使用Link标签替换// /app/ui/dashboard/nav-links.tsximport...1.安装 @ant-design/nextjs-registrynpm install @ant-design/nextjs-registry --save2.在 app/layout.tsx 中使用import...部署将代码提交到github上，使用vercel会自动部署体验地址https://nextjs-dashboard-one-chi-69.vercel.app/dashboard
服务器是阿里云 ESC 最低配 优点： 感觉没什么优点； 缺点： 浏览器渲染，搜索引擎无法收录 ESO 优化难，Antd 组件使用方便，但前台页面定制需要覆盖样式； 第三版：NextJS + TailwindCSS...接下来介绍下 NextJS 主要 API： getServerSideProps 服务端渲染 下面是最简单的客户端渲染代码 import React, { ReactElement, useEffect...dangerouslySetInnerHTML={{ __html: post.content, }} > ) } 改成 NextJS...它使用 Prisma Schema，以声明的方式定义应用程序模型。然后使用 Prisma Migrate 命令， Prisma Schema 会生成 SQL 迁移并根据数据库执行它们。...@ManyToOne((type) => User, (user) => user.posts) author: User } Entity 是在运行时，代码通过@Entity()来实现 JavaScript
第三版：NextJS + TailwindCSS + Postgresql 优点： 服务端渲染（SSR) + 静态生成， 访问速度极快，全新 UI 支持换肤； TailwindCSS 在国外如火如荼...{js,ts,jsx,tsx}']打包时只会提取使用到的样式，让应用css最小化。 4、之前写了《使用 CSS variables 和Tailwind css实现主题换肤》也运用到了我的博客中。...接下来介绍下 NextJS 主要 API： getServerSideProps 服务端渲染 下面是最简单的客户端渲染代码 import React, { ReactElement, useEffect...它使用 Prisma Schema，以声明的方式定义应用程序模型。然后使用 Prisma Migrate 命令， Prisma Schema 会生成 SQL 迁移并根据数据库执行它们。...ManyToOne( type => User, user => user.posts ) author: User } Entity 是在运行时，代码通过@Entity()来实现 JavaScript
开源不易，感谢你的支持，❤ star concent^_^ [image.png] 序言 nextjs是一个非常流行的 React 服务端渲染应用框架，它很轻量，简单易上手，社区活跃，所以当我们使用react...写一个需要ssr(server side render)的应用的话，基本都会首选nextjs，concent是一个新生代的react状态管理方案，它内置依赖收集系统，同时兼具有0入侵、可预测、渐进式、高性能的特点...Hello next 这里我们将使用create-next-app命令来安装一个基础的next示例应用 npx create-next-app hello-next 执行完毕后，可以看到一个如下的目录结构...api路由文件 | | |____hello.js 之后我们在项目根目录执行npm run dev将看到一个由next驱动的ssr默认首页 [image.png] Hello concent 这里我们将使用...function MyApp({ Component, pageProps }) { return } export default MyApp 因使用
88%，而GPU1（独显） 使用率却未0，表示三维应用程序未使用独显。...0x01 原因探究 经过测试，发现电脑不使用独立显卡的原因大概分为几类： 驱动未正确安装 独立显卡的驱动未安装，或者显卡的驱动未正确安装，导致电脑的独立显卡不能使用。...程序指定使用集显 笔记本电脑，电脑可以同时使用集显和独显。...打开电脑NVIDIA 控制面板，可以指定程序使用独显还是集显，如下图所示： 如果指定了浏览器，比如chrome使用集成显卡，那么webgl也不会用到独立显卡。...如果未安装显卡驱动，就安装显卡驱动即可。安装的时候，需要注意选择正确的版本。 如果是台式机，检查显示器接头是否接在独立显卡的接口上，如果接在集成显卡的接口上，改变接口即可。
需要使用ROOT登陆SSH进行操作，使用PUTTY或XSHELL之类软件，或面板的VNC控制也可以。...二、查看一下当前已划分空间使用情况，总5.7G，使用1.8G，余3.7G： df -hal ?
我们展示了如何使用 JavaScript 来创建可重复使用的代码、解决日期管理问题、链接函数、检测恶意网站等。...在本文中，我们将探讨五大未充分利用的 JavaScript 功能及其用例。我们还将提供代码示例，展示如何使用 JS 来完成几乎所有事情，从解决日期管理问题到链接函数，甚至检测恶意网站。 1....JavaScript 钩子用于检测恶意网站 一个巧妙的 JS 功能是使用钩子作为一种有效的方法，判断网站是否为假，而无需任何特定的 OpSec 或网络安全知识。...使用 Temporal 改进日期管理 多年来，许多开发人员抱怨 JavaScript 中的日期管理功能不佳。...使用高阶函数创建可重用代码 在 JavaScript 中，函数优先，这允许创建高阶函数来建立代码层次结构。高阶函数将一个或多个函数转换为参数，或者可用于返回另一个函数。
1、检查ObjectiveC项目中 未使用的方法 准备工作 已自己的项目为例，将工程进行build,后show in finder ? 显示包内容 ?...工具地址 https://github.com/nst/objc_cover 此脚本方法只能检测 OC 可能未使用的方法，不适用其他场景 开始检测 ? 输出 ?...所有的未使用方法都会被列出，包含pod三方库中的方法； 原理 原理利用 Mach-O 文件的结构和展示内容: __TEXT:__objc_methname: 中包含了代码中的所有方法; __DATA...+\s(.+)\])") 2、检查Swift项目中未使用的方法、属性、类 工具地址 https://github.com/zColdWater/swift-scripts 此脚本方法只能检测 swift...可能未使用的方法、属性、类 开始检测 1. cd 2.
JavaScript 是个很神奇的东西。但是 JavaScript中的一些东西确实很奇怪，让人摸不着头脑。...const name = ((user || {}).personalInfo || {}).name; 使用这种表示法，永远不会遇到无法读取未定义的属性“name”。...不幸的是，你不能使用此技巧访问嵌套数组。 使用数组Reduce访问嵌套对象 Array reduce 方法非常强大，可用于安全地访问嵌套对象。..., ['personalInfo', 'addresses', 0, 'city']); // 这将从 addresses 中的第一层返回 city Typy 如果你认为上面的方法太过非主流，那么可以使用...如果使用Typy，代码将如下所示 import t from 'typy'; const name = t(user, 'personalInfo.name').safeObject; const city
FengNiao https://github.com/onevcat/FengNiao 这是一款命令行扫描项目中未使用的资源工具..../install.sh 执行命令: fengniao -p /Users/xinxi/Documents/iOSProject/DDProject_iOS image 扫描到未使用资源总数 image...扫描到未使用资源列表 FengNiao完全是cli操作,弥补了LSUnusedResources的不足....image 报告展示 报告展示:版本、未使用总数据量、未使用资源列表 上传报告 在QA管理平台中,包大小检查汇总模块可以汇总定期扫描的测试报告....image 后续 后续会把iOS检查未使用图片资源加入到专项测试中,每个版本的专项测试报告附上扫描结果方便开发优化项目.
楔子 在上一篇文章 《# [https://juejin.cn/post/707477...] webgl未使用独立显卡报告》 发表后，有读者在公众号给我发了一段评论，如下图所示： 我通过找电脑测试，
内嵌式 alert('ok！'); 3....外链式 4....小结 JavaScript的使用方式有三种，分别是: 行内式 内嵌式 外链式
java.util.regex.Matcher; import java.util.regex.Pattern; import java.util.stream.Collectors; /** * 删除未使用的类
如果你有，你就会很清楚，网上有很多关于JavaScript的信息。这使得人们很容易忽视一些比较生僻的JavaScript操作符。 然而，这些操作符不常见并不意味着它们不强大!...操作符 在JavaScript中，??运算符被称为nullish coalescing运算符(零合并操作符)。...5 // => 3 当为一个变量分配默认值时，JavaScript开发人员传统上依赖逻辑OR运算符，比如这样。...我们使用了||操作符来识别没有账户的用户。然而，当一个用户没有账户时是什么意思呢？更准确的做法是将无账户视为null，而不是0，因为银行账户可以存在无（或负）钱的情况。...让我们通过使用nullish coalescing操作符来解决这个问题。
Find unused Objective-C imports. gitHub sudo gem install fui Find Unused Classes...
我们做项目时，通常会使用一些常用的css框架，比如我会经常用到 tailwindcss ，bootstrap 等等，但是使用这些框架后，打包出来的css文件过于庞大，而且很多样式是我们没有使用到的...还有一种情况是我们的网站进行改版了，有些样式已经不再使用了，但是我们没有在css文件中移除，导致css越来越大。...这时候我们就可以用 Purgecss来只打包我们项目中正在使用到的样式来减小css文件体积。本篇文章使用 tailwindcss 在 vue中的例子进行说明： 1....在react中或者其他地方中的使用方式，可以去purgecss官网进行查看，本篇文章参考： https://purgecss.com/guides/vue.html#use-the-vue-cli-plugin
前言 NextJS是一款基于 React 进行全栈开发的框架，是当下非常火的React全栈框架之一，在去年NextJS发布了V13版本，而本文将基于V13版本的app路由，来梳理它的几种不同的渲染方式的实现...兜底策略 getStaticPaths 方法中还有一个参数 fallback 用于控制未生成静态页面的渲染方式。设置此变量后，我们可以指定路由未生成时的页面渲染内容，避免出现报错。...在浏览器上，加载整个应用程序的 JavaScript 代码。 在客户端，将 JavaScript 逻辑连接到服务端返回的 HTML（这就是“水合”）。...app 在 app 目录下的组件默认都是 React Server Components，如果你不想使用这个特性，可以在组件页面最上面添加use client的修饰表示只使用客户端渲染或者SSR。...pages 在pages目录下，可以使用 Suspense开启流渲染的能力，将组件使用 Suspense 包裹。
尤其在iOS端app下载超过150M，则会无法使用移动网络下载，也必然会流失小部分流量。...工具： ---- 由于需要支持命令行调用，所以找到了本工具FengNiao https://github.com/onevcat/FengNiao 这是一款命令行扫描项目中未使用的资源工具....扫描到未使用资源总数 ? 根据上方给出的这些数据，我们可以找到相应的图片资源位置，并找到各自冗余图片所占的空间大小。...后续使用： ---- 我们这边也计划在QA管理平台中，提供包大小检查汇总模块可以定期扫描，并产出报告。...后续会把iOS检查未使用图片资源加入到专项测试中，每个版本的专项测试报告附上扫描结果方便开发优化项目。
有时候，你希望找到你系统中没有使用的内容。有时候你也希望能够对这些内容进行更多的关注，但是如何找到一些有关长期不更新的页面，或者长期不使用的空间？
答案是git reflog，使用git reflog命令可以帮助恢复git误操作，进行数据恢复。 操作过程： 打开终端命令行，进入到项目目录，输入git reflog，可以得到如下结果： ?
领取专属 10元无门槛券
手把手带您无忧上云
