1.安装使用npxnpx create-nuxt-app xxx使用yarnyarn create nuxt-app 安装选项Project name...custom server framework // 选择服务器框架Choose features to install // 选择安装的特性
这篇文章就介绍一下我部署的流程，以及我在部署过程中遇到的一些问题，将它记录一下，以便之后研究，顺便对使用 Nuxt.js 搭建博客的伙伴提供一些参考价值。...ArtalkGo仓库:https://github.com/ArtalkJS/ArtalkGo 我使用的也是 go 版本，功能和优化都比较好。...2.前端部署 博客使用 vue + nuxt 开发。 我使用的是通过cdn引入的，npm我目前发现和我博客有些冲突，暂时不使用该方式。...-- css代码 --> 配置代码我单独放在 /static/main.js ，然后在 nuxt.config.js 引入。...// nuxt.config.js head: { title: '子舒的博客 | imhan.cn', meta: [ // ... ] script:
setxxAttribute 在设置(sql: insert update) 的时候 会将$obj->xx = ‘value’的时候, 操作数据库之前 自动转化一下 getxxAttribute 在获取...xx属性的时候 $obj->xx 会转化 示例： //获取之前首字母大写 public function getFirstNameAttribute($value) {...return ucfirst($value); } //存入之前的改变 public function setFirstNameAttribute($value) {...$this->attributes['first_name'] = strtolower($value); } 定义一个访问器 定义一个修改器 注意：使用驼峰格式命名 https://laravel-china.org.../docs/laravel/5.6/eloquent-mutators/1406 参考链接 https://laravel.com/docs/5.5/eloquent-mutators#array-and-json-casting
最近在用 laravel 5 做例子，在做到表单的时候，习惯性的使用 Form::open() 结果发现提示错误，没有这个类， 好吧，找了找，发现 在laravel 5 中，把 from 和 html...单独的提出去了，下面就是安装使用方法啦 添加到 composer.json "require": { "illuminate/html": "~5.0" }, 更新 composer...使用方法 以前写法是这样的 {{Form::open()}} {{Form::close()}} 现在变成这样的了 {!! Form::open() !!} {!!...基本上就是这样，更多的使用方法可以看手册 http://laravelcollective.com/
vendor，命令执行成功后，如图： 配置redis 说到laravel 中redis 的配置，其实默认项目中已经有了相关配置，只是默认没有使用。...默认使用的是： 项目 使用类型 CACHE_DRIVER file SESSION_DRIVER file 添加redis数据库使用 'redis' => [ 'cluster' =...'port' => env('REDIS_PORT', 6379), 'database' => 1, ], ], laravel...使用redis 做缓存 默认使用的file 做缓存，修改的话，也很简单，直接修改.env 文件中的配置参数就OK。...我们可以在Redis门面上以静态方法的方式调用Redis客户端提供的任何命令（Redis命令大全），然后Laravel使用魔术方法将命令传递给Redis服务器并返回获取的结果。
静态网页和动态网页？ (1). 静态：网页内容任何人在任何时间访问都是不变的 HTML/CSS/JS/Flash/视频音频.... (2)....Node.js的模块中exports和module.exports对象的区别是什么？...实例化才能使用 NodeJs开发者建议导出对象用module.exports，导出多个方法和变量用exports 6....通过createPool()使用连接池连接 数据库连接是一种有限且能够显著影响到整个应用程序的伸缩性和健壮性的资源，在多用户的网页应用程序中体现得尤为突出。...数据库连接池正是针对这个问题提出来的，它会负责分配、管理和释放数据库连接，允许应用程序重复使用一个现有的数据库连接，而不是重新建立一个连接，释放空闲时间超过最大允许空闲时间的数据库连接，以避免因为连接未释放而引起的数据库连接遗漏
在此文章中，我们将学习如何使用 JWT 身份验证在 Laravel 中构建 restful API 。JWT 代表 JSON Web Tokens 。...我们还将使用 API 为用户产品创建功能齐全的 CRUD 应用。 在使用跨平台应用程序时， API 是一个非常不错的选择。除了网站，您的产品可能还有 Android 和 iOS 应用程序。...说明 我们先写下我们的应用程序详细信息和功能。我们将使用 JWT 身份验证在 laravel 中使用 restful API 构建基本用户产品列表。...教程中接下来的步骤只在 5.5 和 5.6 中测试过。可能不适用于 Laravel 5.4 或以下版本。您可以阅读 针对旧版本 Laravel 的文档 。...JWT 身份验证在 laravel 中写 Restful API 的逻辑。
如今在现代网络开发中，比较流行的模式是基于 API 开发，可以通过手机或网站来创建服务。 Laravel 是创建基于 API 的项目的最佳框架之一，它为世界各地的大型社区提供了高速开发。...这个扩展包在Laravel 5中封装了 PHP Debug Bar ，它使用了一个 ServiceProvider 去注册并输出 debugbar 的信息 。...Spatie/laravel-fractal 对于一个基于 API 的项目来说，最重要的事情就是 API 响应数据的输出。Laravel 采用 Eloquent 来输出 json 或数据格式的数据。...如果你仅仅是查询一两张表，那问题并不大，可是如果你使用的表超过了五张以上呢，那确实有点痛苦。 Fractal 就为你提供了一个很棒的解决方案，它为那些复杂的数据输出提供了演示和转换的规则。 ...这个扩展包包含了服务提供者和门面以便和 laravel 轻松的集成 7.
上周入职新公司，公司用的 后端服务是 Laravel，前端是 Nuxt，我个人本地开发环境一直是 Laradock。所以就想在 laradock 中跑这两个服务。但是中间出了一点问题，困扰了好几天。...编辑本机 host 文件 127.0.0.1 api.ppp.test # 后端接口地址 127.0.0.1 www.ppp.test # Nuxt 前端地址 laradock Nginx.../etc/nginx/ssl/default.crt; # ssl_certificate_key /etc/nginx/ssl/default.key; server_name api.ppp.local...我把 Nuxt 的启动端口换成 80 端口 会出现以下错误： ? 最终这个问题困扰了好几天.......最后的解决方案如下： host 指向 laradock 的 Nginx 容器即可。...import axios from 'axios'; axios.defaults.proxy = { host: 'nginx' } 其实我一开始就往这里想，一直改的是 nuxt.config.js
这使它非常适合小型项目以及与其他工具和库一起使用的复杂单页应用程序。 API或应用程序编程接口是允许两个应用程序相互交谈的软件中介。...Vue.js非常适合使用这些类型的API。 在本教程中，您将创建一个使用Cryptocompare API的Vue应用程序来显示两个主要加密货币的当前价格：比特币和Etherium。...我们将构建一个带有一些模拟数据的HTML页面，我们最终将用来自API的实时数据替换它们。 我们将使用Vue.js来显示这个模拟数据。 对于第一步，我们将所有代码保存在一个文件中。...第4步 - 从API获取数据 现在是时候用来自cryptocompare API的实时数据替换我们的模拟数据，以美元和欧元的形式在网页上显示比特币和以太坊的价格。...结论 在少于五十行中，您只使用三个工具创建了一个耗用API的应用程序：Vue.js，Axios和Cryptocompare API。
经常在代码中我们需要实现数组排序，或者数组过滤，或者数组查找类似查找数据库一样的用法 可以使用collect $items=[ ["num"=>17,"status
本来就来探究下 libuv 的功能和提供的 api 的形式。 同步异步、事件循环 cpu 是顺序执行代码的，通过 pc 寄存器来存储着下一条指令的内存地址。代码的执行流程叫做控制流。...libuv 在 Node.js 里面，实现 event loop 的就是 libuv，它是一个异步 IO 库，负责文件和网络的 io，提供了事件形式的异步 api。...，fs 和 dns，是在 Node.js 10.x 引入的，方便使用 async、await 来组织代码。...dns 这两个模块的时候，推荐使用 promise 形式的异步 api，当然，必须是 Node.js 10 以上的版本。...Node.js 里面的 event loop 的实现是在 libuv，它提供了文件和网络的异步 IO 的 api，从文档中我们可以看到，libuv 是基于操作系统的 api 实现的，而其中一些同步的 api
于是，BackboneJs和AngularJs等早期的SPA解决方案开始出现，减轻了服务器的负担，并通过JS提供了更高的交互性。 前端与后端的分离 随着技术的发展，前端和后端开发开始分离。...前端开发者专注于用户界面，使用HTML、CSS和JavaScript，并与API和服务器交互。后端开发者则专注于数据处理、业务逻辑、数据库操作和创建服务器API。...SEO问题：纯JS生成的应用程序不利于搜索引擎索引，因此需要SSR和SSG解决方案。 安全问题：需要保护页面上的关键数据，处理大量的个人信息。...如今，许多职位要求的技能组合是（注：海外市场的趋势）： Python + Django PHP + Laravel NextJs + React Nuxt + Vue 这些组合都是基于服务器的Web应用程序开发...浏览器兼容性：由于页面上的JS代码最小化，无需担心浏览器兼容性问题，也无需使用Babel等工具。
简介 用vue开发的人基本都知道，vue对seo很不友好，爬虫爬不到网站中的文章内容，只能够收录网站首页，为了有效解决这个问题，有四种方法：1.SSR服务器渲染；2.静态化；3.预渲染prerender-spa-plugin...；4.使用Phantomjs针对爬虫做处理。...本文介绍的是SSR服务器渲染。 1....安装步骤 npx create-nuxt-app 根据提示选择安装内容即可 nuxt模式默认选择universal npm run dev 启动项目 2....用来唯一标识资源的参数写到路由上，比如：/goods/:id 搜索、排序、翻页等的参数，比如：/goods/?
前端通常使用JavaScript框架（如React、Vue等）进行开发，后端通常使用一些常见的编程语言（如Java、PHP、Python等）开发Web API接口。...Nuxt.js：Nuxt.js 是一个基于 Vue.js 的应用框架，它支持服务器端渲染、静态网站生成以及客户端渲染等多种渲染方式。...Nuxt.js 提供了很多预置的功能，如路由、状态管理等，可以让开发者更方便地构建 Web 应用程序。...Laravel：Laravel 是一个基于 PHP 的 Web 应用框架，它支持服务器端渲染，并提供了很多优秀的功能，如路由、数据库访问、缓存等。...更好的开发效率：一些新的服务端渲染框架（如Next.js和Nuxt.js）可以大大简化服务端渲染的开发流程，从而提高开发效率。
js中=，==，===的区别和使用 1： = 是赋值的意思，让左边的值等于右边的值 ? 2： == 是判断等于的意思，返回值是一个布尔值，它只判断值是否相等，不判断类型是否一样（==的非就是!...3： === （恒等运算符）也是判断等于的意思，返回值也是一个布尔值，但是它不仅仅判断值是否相等，还判断类型是否相等（===的非就是!==） ? js中 != 和 !==的区别 !...= 在表达式两边的数据类型不一致时,会隐式转换为相同数据类型,然后对值进行比较。 ? !== 不会进行类型转换,在比较时除了对值进行比较以外,还比较两边的数据类型, 它是恒等运算符===的非形式。 ?
入口 Laravel启动后，会先加载服务提供者、中间件等组件，在查找路由之前因为我们使用的是门面，所以先要查到Route的实体类。...注册 第一步当然还是通过服务提供者，因为这是laravel启动的关键，在 RouteServiceProvider 内加载路由文件。...protected function mapApiRoutes() { Route::prefix('api') ->middleware('api') ->namespace($this->namespace...) // 设置所处命名空间 ->group(base_path('routes/api.php')); //所得路由文件绝对路径 } 首先require是不可缺少的。...); } else { $router = $this; require $routes; } } 随后通过路由找到指定方法,依旧是 IlluminateRoutingRouter 内有你所使用的所有路由相关方法
arr) [20,30,40] 6 slice() 查找数组中选定范围的值 返回值是一个数组 不会改变原来的数组 该方法有两个参数 slice( start , end )...console.log(arr2) // [30,40] console.log(arr3) // [10,20] 7 splice() 方法用于添加或删除数组中的元素 会改变原来的数组..., 2查找的起点索引。...console.log(arr.indexOf(60)) // -1 12 forEach() 对数组进行遍历循环，对数组中的每一项运行给定函数。...，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。
通过扫描QR码，用户可以快速获取信息和实现便捷操作，为现代生活带来便利。在本教程中，小编将为大家探讨如何使用 NestJS 和 qrcode.js 构建 QR 二维码，并将其放到Excel中。...环境准备 在开始之前，请确保您具备以下工具和知识： Node.js 和 npm 安装在您的系统上。 基本了解 TypeScript 和 JavaScript。...project directory cd qr-code-generator-api 第 2 步：安装qrcode.js 接下来，安装该 qrcode.js 软件包，这将使小编能够生成二维码。...，小编是直接生成了一个二维码，但是在实际的日常，这种场景其实很少，更多的是将二维码放在各种 Excel 报告中，除了使用上述的原生 NestJS 和 qrcode.js 之外，还可以尝试其他的一些支持NestJS...NestJS 和 qrcode.js 创建 QR 二维码，并借助了纯前端表格组件SpreadJS来实现将 QR 二维码中显示在Excel中，如果您想了解更多关于SpreadJS的信息，欢迎点击这里查看
一、数组API 连接：arr.join("连接符") 用连接符把数组里面的元素连接成字符串。 arr.join("")能无缝连接。...prev是之前那些元素的和。 14. 数组转字符串：String(arr)或arr.toString() 将数组中的元素用逗号连接成字符串，类似于arr.join(",")。 15....(3)追加进去的数组不会被打散。 18. 结尾出栈：arr.pop() 弹出数组最末尾的元素。 强调：(1)修改原数组。 (2)返回被弹出的元素。 二、字符串API 1....，只是slice支持负数，而substring的负数会被转换成0，然后截取0和start之间字符。...替换：str.replace("被替换字符","替换字符") 强调：(1)只会替换第一个，如果要替换所有符合条件的字符可以使用正则g。 5.
云服务器
ICP备案
腾讯会议
云直播
对象存储
