在计算机编程中,Glob Pattern 是通配符匹配模式,它利用通配符来匹配一组文件或目录。
在计算机编程中,特别是类Unix环境,glob模式通过通配符来匹配文件名。例如:Unix命令,将所有以扩展名为.txt的文件从当前目录拷贝到textfiles目录。
process.argv的用法是第一个是node文件, 第二个是脚本文件, 第三个是参数
1.标准选择器:通配符选择器、标记选择器、类选择器、id选择器 通配符选择器 语法:*{color:red;} 注意:通配符是选择上所有的标记,。通配符包括body里的样式,但是少用,IE6不支持
原理:每当执行npm run,就会自动新建一个 Shell,在这个 Shell 里面执行指定的脚本命令。因此,只要是 Shell(一般是 Bash)可以运行的命令,就可以写在 npm 脚本里面。
Mocha(发音"摩卡")诞生于2011年,是现在最流行的JavaScript测试框架之一,在浏览器和Node环境都可以使用。 所谓"测试框架",就是运行测试的工具。通过它,可以为JavaScript
gulp 是一个前端构建工具,它能通过自动执行常见任务,比如编译预处理 CSS ,压缩 JavaScript 和刷新浏览器,来改进网站开发的过程,从而使开发更加快速高效。
缓存地址URL: 无论动态页面还是静态页面,匹配成功后会被强制缓存。 是否忽略大小写: 是否忽略 URL 中的大小写。默认设定:忽略。 URL匹配规则: URL匹配规则:通配符,正则表达式,精确匹配 。 超时周期(缓存周期): 设定缓存周期,例如:1天,1小时,30分钟等。缓存页面一旦过期,将会重新向源站询问这个缓存页面是否被“修改过(Modified)”,并重新计算缓存周期。 忽略Set-Cookie: 在页面缓存时,舍弃源站返回 HTTP 头中的 Set-Cookie 字段。默认设定:忽略。 开放权限: 支持三种页面缓存开放权限,说明如下:
对开发者来说,google 是个不可或缺的工具,那么如何更有效的使用 google 呢?这里有几个小 tip,可以更有效的过滤搜索结果:
关于作者: 蓝邦珏,腾讯前端工程师,15年加入腾讯SNG增值产品部,期间主要负责过手Q阅读、手Q动漫项目的业务开发。业余喜欢折腾前端新技术和写文章。 上期文章: gulp源码解析(一)—— Stream详解 gulp 之所以在性能上好于 grunt,主要是因为有了 Stream 助力来做数据的传输和处理。那么我们不难猜想出,在 gulp 的任务中,gulp.src 接口将匹配到的文件转化为可读(或 Duplex/Transform)流,通过 .pipe 流经各插件进行处理,最终推送给 gulp.dest
究其原因,还是 live 和本地的环境差异导致,这里的原因就可能有很多,我理解主要是以下两点:
2023-10-17 Node.js 迎来了一个新的重大版本更新 Node.js 21。相信有同学已经感概这版本升级也太快了,我还在用 Node.js 10 结果 21 都应来了...
原文地址:FileProvider By Steve Smith ASP.NET Core通过对File Providers的使用实现了对文件系统访问的抽象。 查看或下载示例代码 File Provider 抽象 File Providers是文件系统之上的一层抽象。它的主要接口是IFileProvider。IFileProvider公开了相应方法用来获取文件信息(IFileInfo), 目录信息(IDirectoryContents),以及设置更改通知(通过使用一个IChangeToken)。 IFile
HTML5学堂(码匠):在原生JavaScript当中,存在默认的getElementsByClassName()方法,在不支持该方法的浏览器中,又应该怎么实现“通过类名获取标签”呢? 原生JS通过类名获取标签 getElementsByClassName()是原生JavaScript提供的方法,但是并不是所有的浏览器都支持,在ie早期版本的浏览器是不允许通过这个方法获取标签的,因此,需要自定义一个方法,使我们能够在每个浏览器下都能通过类名获取标签。 通过类名获取标签的思路 首先检测浏览器是否支持getE
下划线通配符是只能匹配单个字符,而不是多个字符。一个_只能匹配一个字符,不能多也不能少
想做一个聊天机器人的界面,后台使用图灵机器人的服务,他们没有demo,遂自己写一个post请求。然而由于同源策略(CORS,Cross-Origin Sharing Standard),这个唯一的api完全不能用。
很多初学者学习一些 python 库的时候,最难受的事情莫过于记不住大量的函数或方法名字,实在说,我自己也是时常忘记。为什么?因为实在是太多方法了。
Node 开发离不开 npm,而脚本功能是 npm 最强大、最常用的功能之一。 本文介绍如何使用 npm 脚本(npm scripts)。 一、什么是 npm 脚本? npm 允许在package.j
npm 允许在package.json文件里面,使用scripts字段定义脚本命令。
问题倒不难,但是这个问题之前被松哥忽略了。前两天有小伙伴提出这个疑问,我觉得有必要写篇文章和大家捋一捋这个问题。
2.文件编译后找不到路径,因为文件编译后会自动生成到dist目录,为了优雅和错误率我们避免手动copy静态资源到dist目录下,安装copy-webpack-plugin
HTML4+CSS2基础考试 选择题 body 标签的默认 margin 是多少像素 8px; 我需要一个 div 高度为 30 px, div 里有一行字垂直居中, 字的大小为 14 px, 应该怎
前两章陆续已经更新了Vue的基础入门篇文章和Vue组件篇文章,本章将更新Vue Router 篇,前两篇掌握差不多了,你可以开发单页面应用,所有数据都在一页呈现出来,不能跳转,体验很差。学习了本篇文章后,你可以实现一个精美的Web应用了,本章将会介绍到路由的跳转实现,路由的动态传递参数,路由的守卫.......
首先需要在服务器上建立一个文件,里面的内容确定了哪些文件需要缓存,哪些文件不需要,如果资源无法访问会使用什么页面等
gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。
然后在css下需要建立三个样式,”index,common(公共),reset(重置)”新手比如我,需要这样写,但是熟练以后就不用了
Fiddler抓包广泛应用到工作中 ;成功设置代理后 ,我们进行应用抓包 ,很多无用的请求在Fiddler中呈现 。
针对复用组件(只是路由参数发生改变),生命周期函数钩子不会被调用,如何能刷新组件了?
在创建node.js项目如一个vue项目,或一个react项目时,项目都会生成一个描述文件package.json 。
tsconfig.json 是 ts 项目中配置文件。在项目根目录,如果项目中有 tsconfig.json, TypeScript 则认为这是项目的根目录。
前几天写了 Vue状态管理模式:Vuex入门教程 ,今天再整理一下 Vue Router 的入门笔记。
在该项目路径下,我们独立安装gulp:npm install gulp 。此时会生成一个 node_modules 文件夹和一个 package-lock.json 文件,如下图:
A. 通过npm init在项目根目录下生成package.json; B. 通过npm install grunt --save-dev 安装grunt依赖; C. 项目根目录下手动创建文件夹Gruntfile.js
最近IntelliJ又由于自己的骚操作给弄崩溃了,导致之前弄的一大波配置又找不到了,十分蛋疼的又要开始重头开始弄环境。很多之前精心搞过的配置又都记不住了,为了防止以后出现这种情况,这里就把我日常用的配置和注意点记一下,免得以后又要重新摸索。尽量持续更新。
前言 在node程序开发中时,经常需要打印调试日志。用的比较多的是debug模块,比如express框架中就用到了。下文简单举几个例子进行说明。文中相关代码示例,可在这里找到。 备注:node在0.
一般情况,一个类的属性,或者一个方法的参数/返回值都需要在编写代码时声明基本类型或者自定义类型,但有时候无法在编写代码时使用现有的类来表达参数类型或者返回值类型,这时候就需有一种方式可以表达下面的意思:这里需要一个类,它满足这些要求就可以了,具体是什么类可以在使用这个类或方法时指定。Java中这种方式就是泛型。但是java泛型在使用上有很多限制,使用时要注意,同时注意泛型主义上的理解,Java中泛型的声明使用更多
在node程序开发中时,经常需要打印调试日志。用的比较多的是debug模块,比如express框架中就用到了。下文简单举几个例子进行说明。文中相关代码示例,可在这里找到。
Vue.js 路由可以通过不同的 URL 访问不同的内容,实现多视图的单页 Web 应用
老高于今年(2019)初收到了搬瓦工要停止OPENVZ的旧版服务器,同时列表中auto renew的选项被强制置灰。9.9刀的绝版服务器就这样被印上了大大的拆字,而且还是两台!😂 跑数据库的那台机器4月到期,于是把数据库先迁移了,跑在一台内存1G的机器上,由于上面还跑了一个git服务和ss,剩余内存也就400MB左右。下来就剩web服务器了,一看8月到期,先就这样吧! 于是就一晃到了今天。。。 其实迟迟不想迁服务器的原因有很多: 上海的夏天太热 服务器打字有延迟,不是很爽 acme自动签发证书爽歪歪,中途研
定时任务的作用是在一定时间间隔或到某个时间点执行一次任务,避免人手工操作,比如redis和本地数据库同步任务,定时备份数据库任务等。在nodejs中有一个模块node-schedule专门用来处理定时任务,其原理有点类似于setTimeout和setInterval,但是使用起来更加的方便。 用模块首先要做的就是安装
position属性取值:static(默认)、relative、absolute、fixed、inherit、sticky。 float属性取值:none(默认)、left、right、inherit。 display属性取值:none、inline、inline-block、block、table相关属性值、inherit。 固定定位 fixed: 元素的位置相对于浏览器窗口是固定位置,即使窗口是滚动的它也不会移动。Fixed 定 位使元素的位置与文档流无关,因此不占据空间。 Fixed 定位的元素和其他元素重叠。(脱离文档流) 相对定位 relative: 如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直 或水平位置,让这个元素“相对于”它的起点进行移动。 在使用相对定位时,无论是 否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。 绝对定位 absolute: 绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那 么它的位置相对于 。absolute 定位使元素的位置与文档流无关,因此不占据空间。absolute 定位的元素和其他元素重叠。(脱离文档流) 粘性定位 sticky: 元素先按照普通文档流定位,然后相对于该元素在流中的 flow root(BFC)和 containing block(最近的块级祖先元素)定位。而后,元素定位表现为在跨越特定阈值前为相对定 位,之后为固定定位。 默认定位 Static: 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声 明)。 inherit: 规定应该从父元素继承 position 属性的值。
重点配置项是 compilerOptions ,它决定了tsc会如何编译目标文件,生成到什么地方,它的常用配置项如下:
写在之前 在实际开发项目中,会遇到很多定时任务的工作。比如:定时导出某些数据、定时发送消息或邮件给用户、定时备份什么类型的文件等等 一般可以写个定时器,来完成相应的需求,在node.js中自已实现也非常容易,接下来要介绍的是node-schedule来完成定时任务 下面就用示例来说明一下node-schedule的用法。 node-schedule:https://github.com/node-schedule/node-schedule 安装: npm install node-sc
作为前端多多少少都会对CSS样式的权重有一定的了解。最常用的方法就是对不同的选择器分配不同的权重比,常见的就是
最近在看Vue.js相关的东西,比如说vue-router、vuex,还有基于Vue.js的前端UI框架Element-UI和iview
whistle 是一个基于 Node.js 的跨平台网络调试工具。最近随着 Nohost 的开源,有不少同学问了 whistle 相关的问题,本篇文章将结合几个常见的业务场景介绍如何在本地前端项目开发中使用 whistle 。 一、使用webpack devServer的项目 项目准备 如今,大部分的前端项目是以 webpack 作为开发和构建工具进行项目开发的。我们将以这样一个最常见的场景,即以 webpack 开启本地 devServer 进行开发和调试的方式,展示如何在这样的前端项目中结合使用 whi
领取专属 10元无门槛券
手把手带您无忧上云