配置Oracle数据库控制文件冗余的操作过程: 查看数据字典v$controlfile来获取现有控制文件信息 SQL> set lines 200; SQL> col name for a50; SQL...(2)查看spfile所在路径 (3)正常关闭数据库 (4)利用spfile文件创建pfile文件 (5)修改pfile文件中的CONTROL_FILES参数,修改为最新的控制文件信息 (6)创建新的文件路径...,并将现有控制文件拷贝到指定位置 (7)通过pfile启动oracle,并新创建spfile (8)关闭数据库,利用spfile参数文件启动数据库 其他说明: (1)如果数据库使用pfile启动,没有spfile...,可以省略spfile和pfile切换过程,直接修改pfile即可。...(4)如果操作完成后出现无用控制文件,比如用不到原控制文件了,建议在操作完成后删除无用的控制文件,避免出现系统垃圾文件。
npm install gulp --save-dev npm install electron-connect -save-dev 项目根目录添加gulpfile.js文件 const gulp =...文件 在文件中添加脚本命令 "scripts": { "hot": "....\\node_modules\\.bin\\gulp watch:electron", }, 添加客户端(注意二选一) 客户端可以在主进程或渲染进程中添加,但是注意不要同时在主进程和渲染进程添加。...如果在渲染进程中添加 require('electron-connect').client.create() 官方是这么说的 Do you want to use this...gulpfile.js文件 const gulp = require('gulp'); gulp.task('watch:electron', function () { gulp.watch
="img.src" width="100%" height="400"> 3.图片预加载 快速显示图片 使用场景:在某个查看图片的组件,当不断翻看下一页的图片时,从服务端获取数据再展示图片会出现图片缓慢加载的情况...,此时可以在展示新数据时候先预加载图片,图片加载完之后在,将图片填充到对应位置 4.三方插件懒加载(按需加载) js文件一般是同步加载的,放在页面内会阻塞主要js文件加载。...使用场景:有的项目必须引入jquery等文件时,在组件内部引入这些文件一定程度会阻塞页面渲染,因而通过特定事件(点击或者弹窗)动态加载jquery等JS文件,可以使主页面快速显示出来。...,显示的时候就像在一个框架里添加内容。...③ 服务端渲染页面,对于一些页面数据固定、更改较少的,可以考虑通过服务端渲染,会在短时间将页面显示出来,有比较好的用户体验。
背景 前面两篇(基础篇和进阶篇)主要介绍流的基本用法和原理,本篇从应用的角度,介绍如何使用管道进行程序设计,主要内容包括: 管道的概念 Browserify的管道设计 Gulp的管道设计 两种管道设计模式比较...,数据直接写入bold,再流向red,最后从pipeline读数据时再从red中读出。..._dedupe() ], // 将id从文件路径转换成数字,避免暴露系统路径信息 'label', [ this....Gulp Gulp的核心逻辑分成两块:任务调度与文件处理。 任务调度是基于orchestrator,而文件处理则是基于vinyl-fs。...Gulp虽也定义了文件的数据结构,但只提供产生、消耗这种数据流的接口,完全由用户通过插件去构造处理管道。
Grunt不使用数据流,而是使用文件,对文件执行单个任务然后保存到新的文件中,每个任务都会重复执行所有进程,文件系统频繁的处理任务会导致Grunt的运行速度比Gulp慢。...利用watcher来监听额外的事件或者向watch中添加文件。...例如,在执行一系列任务和调用一个函数时,你就可以在返回的watcher中添加监听change事件: var watcher = gulp.watch('templates/*.tmpl.html', [...相匹配的文件添加到watcher(也接受可选的回调当第二个参数) watcher.remove(filepath) 从watcher中移除个别文件 Reloading Changes In The Browser...这些和Gulp的很不一样,Gulp只有执行单个小任务来处理文件的插件,因为任务都是JavaScript(和Grunt使用的大型对象不同),根本不需要插件,你只需用传统方法启动一个Express服务就可以了
--dev yarn add @babel/core @babel/preset-env --dev 复制代码 然后gulpfile.js进行一些添加操作 const babel = require(...', {base: 'src'}) .pipe(swig()) } module.exports = { script } 复制代码 但是有几个小点:模板引擎的数据还没有渲染上去呢 这里我们使用...复制代码 这样我们就可以把我们在网页中写死的数据放入,就可以进行一些模板的渲染了 图片和字体压缩 这里我们要进行图片的压缩: yarn add gulp-imagemin --dev // 这里有一个坑点...我们要用7.1.0版本的imagemin 复制代码 文件修改 const imagemin = require('gulp-imagemin') const image = () => { return...(style, script, page, image, font) module.exports = { compile } 复制代码 文件清除 做完这些,我们还需要做一些比较人性化的工作,我们每次打包的时候的文件删除
ASP.NET Core 中的捆绑和缩小静态资产 ASP.NET Core 中的捆绑和缩小静态资产 什么是捆绑和缩小 捆绑 缩小 捆绑和缩小的影响 选择捆绑和缩小策略 配置捆绑和缩小 向工作流添加文件...基于环境的捆绑和缩小 从 Gulp 使用 bundleconfig.json 手动转换捆绑和缩小工作流以使用 Gulp 运行 Gulp 任务 其他资源 参考资料 最近在B站上看到杨旭老师的 ASP.NET...在这种情况下,即使在第一个页面请求后,捆绑和缩小仍能提高性能。 捆绑 捆绑将多个文件合并到单个文件中。 捆绑可减少呈现 Web 资产(如网页)所需的服务器请求数。...可以专门为 CSS、JavaScript 等创建任意数量的单个捆绑。文件越少,从浏览器到服务器或从提供应用程序的服务的 HTTP 请求就越少。 这会提高第一页加载性能。...手动转换捆绑和缩小工作流以使用 Gulp 将 package.json 文件(包含以下 devDependencies)添加到项目根: 警告 gulp-uglify 模块不支持 ECMAScript
本文内容会在后续的优化中慢慢补充完整~~ ---- 首先在配置Hexo+NexT之前,最好阅读一下 Hexo官方文档 和 NexT使用文档 2 Hexo安装和配置 参考博客: Windows下部署安装Hexo...这是 markdown 渲染引擎的问题 ,将 markdown 变成 html 的转换器叫做markdown渲染器 。...需要将原来的 marked 渲染器换成 markdown-it 渲染器。所以我们可以使用这个渲染引擎来支持emoji表情。...3.27.1 安装新的渲染器 首先进入博客目录,卸载hexo默认的 marked 渲染器,安装 markdown-it 渲染器,运行的命令如: $ npm un hexo-renderer-marked...文件添加到站点配置文件_config.yml中,并修改url字段的值,其值默认为http://yoursite.com。
如此一来页面解析压力就大了,性能会打一定的折扣,并且一旦脚本加载失败,那么就会出现浏览器无法正常渲染CSS3的样式风格。...gulp自动化配置和安装演示: 第一步:安装node环境(已安装,略过) 第二步:安装gulp的全局的包(已安装,略过) $ npm i -g gulp 第三步:初始化项目的npm配置文件和初始化安装要...gulp和gulp的插件的项目本地插件包。...的文件 var gulp = require('gulp'), // 引用gulp autoprefixer = require('gulp-autoprefixer'), // 添加引用前缀的..., // 添加后缀 extname: ".css" // 文件扩展名 })) .pipe(gulp.dest('.
避免空的 src 和 href 使用 gzip 压缩内容 把 CSS 放到顶部 把 JS 放到底部 避免使用 CSS 表达式 将 CSS 和 JS 放到外部文件中 减少 DNS 查找次数 精简 CSS...减少网络请求次数 减小文件体积 使用 CDN 加速 所以压缩、合并就是一个解决方案,当然可以用 gulp 、 webpack 、 grunt 等构建工具压缩、合并。...Tips:在 压缩、合并 后,单个文件控制在 25 ~ 30 KB左右,同一个域下,最好不要多于5个资源。 图片压缩、合并 例如:gulp 图片压缩代码如下 ?...,从 4.59 s 缩短到 1.70 s, 性能又提升一倍。 再看看有缓存情况如何 ?: 请求时间是 1.05 s ,有缓存和无缓存基本差不多。...no-store: 直接禁止游览器缓存数据,每次用户请求该资源,都会向服务器发送一个请求,每次都会下载完整的资源。 public: 可以被所有的用户缓存,包括终端用户和 CDN 等中间代理服务器。
文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。...gulpfile.js gulp项目的配置文件。它包含从任务(tasks)到Watchers或任务使用的其他代码片段的所有内容。...如果文件内容连接在一起,也可以是单个文件名。 为了进一步改进此过程自动化实现,您可以尝试添加一些其他Gulp插件。...在本节中,我们将介绍所有的添加和更改。 return gulp.src(['scss/**/*.scss', '!scss/**/_*']) 在这个例子中,Gulp源提供了一个glob数组。...最后,您可以使用gulp-rename将“.min”后缀添加到生成的文件中。
而vscode也有对应的自动化的插件进行自动化的添加代码前缀。 vscode 自动化插件: Autoprefixer,可以自动化的给css、less、sass文件进行自动化的添加css3前缀。...只需要在.html文件中插入一个prefixfree.js文件(可以是文档任何地方),建议把这个脚本文件放在样式表之后。 添加这个脚本之后,使用CSS3的属性时,只需书写标准样式即可。...如此一来页面解析压力就大了,性能会打一定的折扣,并且一旦脚本加载失败,那么就会出现浏览器无法正常渲染CSS3的样式风格。...自动化构建工具 自动化构建工具:webpack、gulp、grunt都可以实现css3属性前缀的自动化添加。在此我只演示一下gulp的应用。...gulp自动化配置和安装演示: 第一步:安装node环境(已安装,略过) 第二步:安装gulp的全局的包 $ npm i -g gulp 第三步:在项目根目录下创建一个名为 gulpfile.js 的文件
待完善 24、webpack在使用层面,对插件和loader不够理解。 gulp 1、 grunt 1、 grunt和gulp的区别?...2、高效:Gulp相比Grunt更有设计感,核心设计基于Unix流的概念,通过管道连接,不需要写中间文件。...而使用Gulp的优势就是利用流的方式进行文件的处理,通过管道将多个任务和操作连接起来,因此只有一次I/O的过程,流程更清晰,更纯粹。...(2)确定首层依赖模块 首先需要做的是确定工程中的首层依赖,也就是 dependencies 和 devDependencies 属性中直接指定的模块(假设此时没有添加 npm install 参数)...2、Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。 3、View 代表UI 组件,它负责将数据模型转化成UI 展现出来。
为避免每次输入 GitHub 用户名和密码的麻烦,可参照后文 优化(个性化设置) 添加ssh key 到 GitHub进行优化 常用指令和发布文章 常用指令 hexo new "postName"...所有的文章都会以md形式保存在_post文件夹中,只要在_post文件夹中新建md类型的文档,就能在执行hexo g的时候被渲染。...为博客添加 LICENSE 在主题配置文件中添加下面这段代码(添加之前先看看您的主题配置文件是否已经包含这段代码,已经包含就不用添加了,因为重复会报错),LICENSE 会显示在侧边栏。...文件验证 登录百度站长选择添加网站,使用方式为文件验证 将下载的文件放到source文件下 由于 hexo 自动会对 html 文件进行渲染,所以在站点配置文件中找到skip_render: 在后面添加文件名字...关注订阅号「Python数据科学」
将单个项目在主轴上对齐 align-content:控制交叉轴上各条线之间的空间 justify-content ?...手动给每个属性添加前缀是一项非常繁琐的任务,并且还会徒增样式维护的难度。作为替代方法,Gulp 可以自动化地完成这些任务。 要使用 Gulp,我们需要将其作为依赖项添加到项目中。...npm install gulp -g 安装 gulp 和 gulp-autoprefixer 作为项目的依赖性: ? npm install gulp --save-dev ?...touch gulpfile.js 添加下面内容 [9]: //gulpfile.js var gulp = require('gulp'); var autoprefixer = require('...('build')); }); gulp 从 styles.css 中提取内容并通过 gulp-autoprefixer 进行传递。
hexo g # 将上一步渲染出的一系列文件上传至至Github Pages hexo d # 也可以直接输入此命令,直接完成渲染和上传 hexo g -d 上传完成后,在浏览器中打开https:...2.19 配置音乐播放器(可选的) 要支持音乐播放,就必须开启音乐的播放配置和音乐数据的文件。...您可以在文章md文件的 front-matter 中指定 reprintPolicy 来给单个文章配置转载规则 以下为文章的 Front-matter 示例。...如下: skip_render: aboutme/** # 其意思为在对文件进行渲染时跳过aboutme文件下的所有文件 知道方法后,你可以添加你自己想要添加的页面,让你的博客内容更加充实。...当用户需要查看时可直接从本地缓存中渲染,以提供给用户更好的体验,减少等待的时间。
浏览文章前 这一期,我分享给大家三点看源码的小技巧,这也是从别的大佬那总结的。 被反复使用的代码 这样的代码是一个软件的重点函数,一个大神的写法有很多精华值得学习。...如果增加模拟数据接口服务,那就更完美了。光说不练假把式,我们就开发一款基于Vue技术栈的全栈热重载生产环境脚手架。...和grunt这样的构建工具中使用,在Node.js项目中还能结合gulp-nodemon实现全栈的自动刷新。...gulp-nodemon nodemon是一款非常实用的工具,用来监控你 Node.js 源代码的任何变化和自动重启你的服务器。...gulp-nodemon几乎和普通gulp-nodemon完全一样,但它是为执行Gulp任务而设计的。
gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del sass的编译 (`gulp-ruby-sass`) 自动添加...css前缀(`gulp-autoprefixer`) 压缩css(`gulp-minify-css`) js代码校验(`gulp-jshint`) 合并js文件(`gulp-concat`) 压缩js代码...运行 task 任务 $ gulp 监听文档实现实时编译 $ gulp watch gulp 的 API 请查看 gulpfile.js 文件 scss 文件规范以及说明 各个小模块以下划线开头全小写命名...路径配置文件,_mixins.scss 预编译文件,_variables.scss 变量定义文件,font-awesome.scss 模块导入文件 脚本使用说明 基本组件 error.js 用途:低版本浏览器访问限制...[endif]--> mian.js 用途:javascript 入口文件负责渲染数据处理交互 用法:引入即可,涉及模块较多后续完善模块说明 date.js 用途:解析处理日期数据,支持多种日期格式 用法
,我们可以用gulp-file-include来导入到html中,images和css大家都比较清楚,分别时存放image和css文件的目录。...在这里我要说一点,由于笔者亲测gulp-md5-plus有时候打包不稳定,可能不会给html自动添加对应的md5后缀,所以笔者在这块做了特殊的处理,如果大家在工作中有更好的方案,可以及时和笔者沟通交流。...3. gulpfile文件配置 由于我们要区分开发环境和生产环境,所以这里我们使用两个不同的配置文件,根据NODE_ENV来区分用哪个文件。...我们将配置文件统一放到build目录下,config为公共配置文件,gulp.dev.js和gulp.prod.js分别为开发和生产环境配置文件。...使用Angular8和百度地图api开发《旅游清单》 js基本搜索算法实现与170万条数据下的性能测试 《前端算法系列》如何让前端代码速度提高60倍 vue高级进阶系列——用typescript玩转vue
数据解析和绑定 json数据解析和绑定 package main import ( "github.com/gin-gonic/gin" "net/http" ) // 定义接受数据的结构体 type...表单实体绑定 使用PostForm这种单个获取属性和字段的方式,代码量较多,需要一个一个属性进行获取, 而表单数据的提交, 往往对应着完整的数据结构体定义,其中对应着表单的输入项, gin框架提供了数据结构体和表单提交数据绑定的功能...LoadHTMLGlob()方法可以加载配置文件 HTML渲染 gin_demo1.go package main import ( "github.com/gin-gonic/gin" )...r.LoadHTMLGlob("templates/*") r.GET("/index", func(c *gin.Context) { // 根据文件名渲染 // 最终json将title...所有请求都经过中间件 gin可以构建中间件,但它只对注册过的路由函数起作用 对于分组路由,嵌套使用中间件,可以限定中间件的作用范围 中间件分为全局中间件,单个路由中间件和群组中间件 gin中间件必须是一个
领取专属 10元无门槛券
手把手带您无忧上云