在 Linux 操作系统中，chattr 命令用于更改文件或目录的扩展属性，包括可写性、可执行性和删除性等。本文将介绍 chattr 命令的使用方法以及常见的参数。...图片1. chattr 命令的基本语法chattr 命令的基本语法如下：chattr [选项] [文件或目录]选项包括：-R：递归地更改文件或目录的属性。-v：显示命令执行的详细信息。...常见的属性包括：a：仅允许附加操作，不允许删除或截断文件。i：设置文件为不可修改。d：设置文件为无法删除。u：设置文件为可恢复的。...总结本文介绍了 chattr 命令的使用方法及常见参数。我们可以使用 chattr 命令更改文件或目录的扩展属性，包括可写性、可执行性和删除性等。常见的属性包括 a、i、d 和 u 等。...我们可以根据实际需求选择相应的属性，从而更好地保护文件或目录。
Typed.js Typed.js is a library that types....简单的就是打字机特效 官网地址：https://mattboldt.com/demos/typed-js/ 使用 1.导入Typed.js //常规本地导入 //cdn导入 导入需要放在网页的head...document.getElementById('gushici'); gushici.innerText = data.data.content; } }; xhr.send(); Jquery...https://i.alone88.cn/alone88.js"> 本文由 Alone88 创作，采用 知识共享署名4.0 国际许可协议进行许可 本站文章除注明转载/出处外，均为本站原创或翻译
如果你想抓住你的网站访问者的注意力，还有什么能比动画更好呢？使用网络上免费提供的许多应用引擎，你可以很容易地让你的网站元素褪色、跳动或嗖嗖作响。...对于这一点，你总是可以使用简单的CSS动画。但是，对于更复杂或高级的效果。JavaScript是一个更好的工具。不言而喻，使用JavaScript来创建动画比使用CSS更具挑战性。...你可以使用Velocity.js来滚动 browser windows.它既可以与浏览器中加载的jQuery一起工作，也可以独立于它，甚至可以撤消之前的动画效果。 ◆3....它的特点是动画，如关键帧、衰减、用于同步多个实例的时间线等。你可以错开任何系列的动画或函数，也可以使用纯函数来组成你自己的配置。 ◆4....相关推荐 推荐文章 容器管理的 9 个最佳 Docker 替代方案 Redis 中如何保证数据的不丢失，Redis 中的持久化是如何进行的 JPG 与 JPEG：这些图像文件格式有什么区别？
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十四）在项目中使用 jQuery 前情回顾 在上一篇博文中，我们讲到了，如何在 vue 项目中 使用百度的 UEditor...相信大家对引用这种非 npm 的包有了一定的认识。 很多人学习 js 都是从 jQuery 开始的，我也不例外。...有时候进行一些操作的时候，还是感觉 jQuery 比较好用，那么，我们如何在项目中使用 jQuery 呢？这篇博文带你实践。...好，我们不说这种方式引入 jQuery 而是引用文件的方式引用。 首先，我们下载 jQuery 文件到我们的 /static/js/ 目录。...补充第二个方法 上面，我们是在 main.js 文件中引用 jQuery 其实，我们还可以在 /index.html 直接引用。
在兼容CommonJS的系统中，你可以使用JavaScript开发以下程序： (1).服务器端JavaScript应用程序 (2).命令行工具 (3).图形界面应用程序 (4).混合应用程序（如，.../foo"); foo("Hi"); 使用下面的命令，就能将main.js转为浏览器可用的格式。...在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。...默认情况下，require.js假定这三个模块与main.js在同一个目录，文件名分别为jquery.js，underscore.js和backbone.js，然后自动加载。...，还有一个shim属性，专门用来配置不兼容的模块。
大型项目资源难以维护，特别是多人合作的情况下，资源的引入会让人奔溃 因此，需要一种将JavaScript程序模块化的机制，如 CommonJs (典型代表：node.js早期) AMD (典型代表：require.js...所有依赖模块的语句，都定义在一个回调函数中，等到模块加载完成之后，这个回调函数才会运行 代表库为require.js /** main.js 入口文件/主模块 **/ // 首先用config()指定各模块路径和引用名...：用于规定模块的对外接口 import：用于输入其他模块提供的功能 export 一个模块就是一个独立的文件，该文件内部的所有变量，外部无法获取。...文件就可以通过import命令加载这个模块 // main.js import { firstName, lastName, year } from '....，需要知道加载的变量名和函数，否则无法加载 如果不需要知道变量名或函数就完成加载，就要用到export default命令，为模块指定默认输出 // export-default.js export default
，如入口文件、只有该页面使用到的css、模板文件等 │ ├─alert# 业务模块 │ │ └─index# 具体页面 │ ├─index# 业务模块 │ │ ├─index...2.6.6 如何在业务代码里使用Dll文件打包的module/资源？ 不需要刻意做些什么，该怎么require就怎么require，webpack都会帮你处理好的了。...另外，使用ProvidePlugin还有个好处，就是，你自己写的代码里，再！也！不！用！require！jQuery！啦！ ...也是一个小技巧吧，我生成的各入口文件的目录如下： 3.2.2 第三方库的打包 项目中用到了一些第三方库，如vue、vue-router、jquery、boostrap等。...，不需要指定生成的目标文件名： sudo webpack .
很多人学习 js 都是从 jQuery 开始的，我也不例外。有时候进行一些操作的时候，还是感觉 jQuery 比较好用，那么，我们如何在项目中使用 jQuery 呢？这篇博文带你实践。...引用 jQuery 文件 首先呢，jQuery 是提供了 npm 的安装包的。我们的 vue-cli 脚手架，也是支持引入的。...，我们不说这种方式引入 jQuery 而是引用文件的方式引用。...首先，我们下载 jQuery 文件到我们的 /static/js/ 目录。正好我本地有一个 jquery-1.8.3.min.js，我就放了这么一个 jQuery 文件到我们的演示项目里。 ?...我的建议是，一般不使用 jQuery，如果使用的话，请确保在可控的范围内。否则，你算是给项目埋大坑了。
可以通过 test 、 include 、 exclude 三个配置项来命中 Loader 要应用规则的文件，用include去命中需要被babel-loader处理的文件，exclude去排除不需要被处理的文件.../src/main.js", output: { path: undefined, // 开发模式没有输出，不需要指定输出目录 filename: "static/js/main.js...Babel Babel 为编译的每个文件都插入了辅助代码，使代码体积过大！ Babel 对一些公共方法使用了非常小的辅助代码，比如 _extend。默认情况下会被添加到每一个需要它的文件中。...body的背景颜色设置为green，但是在ui.js中需要用到jquery的$和lodash的_，这种情况下，虽然webpack可以打包index.js，但是这个ui.js却并不能发挥它的作用，控制台会报以下错误...'jquery' }) 这里的join: ['lodash','join']会让ProvidePlugin向使用了join的文件中注入： var _join = require('lodash').join
而且每一个需要jQuery的页面都需要引入的话好麻烦，那么我们可以使用ProvidePlugin来实现一次引入全局使用，而且通过插件的方式来引入第三方类库，如果你不使用它的话，webpack就不会打包它.../src/main.js', jquery:'jquery' } 然后我们在plugins项下配置一下这个插件，就像这样： //创建一个webpack下的ProvidePlugin插件的实例...，使全局都可以使用jQuery new webpack.ProvidePlugin({ $:"jquery" }) 这样就可以了，但是别忘了把main.js中通过import引入的jQuery...通过将公共模块拆出来，最终合成的文件能够在最开始的时候加载一次，便存到缓存中供后续使用。...不出意外的话，你的报错信息是这样的： 什么意思呢，官方解释是：运行时构建不包含模板编译器，因此不支持 template 选项，只能用 render 选项，但即使使用运行时构建，在单文件组件中也依然可以写模板
而且每一个需要jQuery的页面都需要引入的话好麻烦，那么我们可以使用ProvidePlugin来实现一次引入全局使用，而且通过插件的方式来引入第三方类库，如果你不使用它的话，webpack就不会打包它...由于ProvidePlugin是webpack自带的插件，我们不需要引入他，但是需要引入一下webpack： //引入webpack const webpack = require('webpack')...，使全局都可以使用jQuery new webpack.ProvidePlugin({ $:"jquery" }) 这样就可以了，但是别忘了把main.js中通过import引入的jQuery...通过将公共模块拆出来，最终合成的文件能够在最开始的时候加载一次，便存到缓存中供后续使用。...什么意思呢，官方解释是：运行时构建不包含模板编译器，因此不支持 template 选项，只能用 render 选项，但即使使用运行时构建，在单文件组件中也依然可以写模板，因为单文件组件的模板会在构建时预编译为
在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。...如果我们的代码不依赖任何其他模块，那么可以直接写入javascript代码。 // main.js alert("加载成功！"); 但这样的话，就没必要使用require.js了。...默认情况下，require.js假定这三个模块与main.js在同一个目录，文件名分别为jquery.js，underscore.js和backbone.js，然后自动加载。...使用require.config()方法，我们可以对模块的加载行为进行自定义。require.config()就写在主模块（main.js）的头部。...，还有一个shim属性，专门用来配置不兼容的模块。
/src/main.js", output: { path: undefined, // 开发模式没有输出，不需要指定输出目录 filename: "static/js/main.js",.../src/main.js", output: { path: undefined, // 开发模式没有输出，不需要指定输出目录 filename: "static/js/main.js",...BabelBabel 为编译的每个文件都插入了辅助代码，使代码体积过大！Babel 对一些公共方法使用了非常小的辅助代码，比如 _extend。默认情况下会被添加到每一个需要它的文件中。...body的背景颜色设置为green，但是在ui.js中需要用到jquery的$和lodash的_，这种情况下，虽然webpack可以打包index.js，但是这个ui.js却并不能发挥它的作用，控制台会报以下错误...jquery' })这里的join: ['lodash','join']会让ProvidePlugin向使用了join的文件中注入：var _join = require('lodash').joinui.js
但是这些文件的顺序还不能出错，比如jquery需要先引入，才能引入jquery插件，才能在其他的文件中使用jquery。...比如main.js需要使用jquery，但是，从上面的文件中，我们是看不出来的，如果jquery忘记了，那么就会报错。.... }); 注意在示例中，三方库如jQuery没有将版本号包含在他们的文件名中。...seajs.use("abc/main"); //导入seajs.js同级的abc文件夹下的main.js模块的（后缀名可略去不写） seajs.use()还有另外一种用法。...如果你是写的是jq插件的话就不需要这个功能了，因为你的接口是写在jquery的对象里的。如果你不需要提供接口的话也可以不使用这两个属性哦！ 事实上define方法还有另外几个参数，一般情况我们用不到。
在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。...如果我们的代码不依赖任何其他模块，那么可以直接写入javascript代码。 // main.js alert(“加载成功！”); 但这样的话，就没必要使用require.js了。...默认情况下，require.js假定这三个模块与main.js在同一个目录，文件名分别为jquery.js，underscore.js和backbone.js，然后自动加载。...使用require.config()方法，我们可以对模块的加载行为进行自定义。require.config()就写在主模块（main.js）的头部。...shim属性，专门用来配置不兼容的模块。
在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。...如果我们的代码不依赖任何其他模块，那么可以直接写入javascript代码。 // main.js alert("加载成功！"); 但这样的话，就没必要使用require.js了。...默认情况下，require.js假定这三个模块与main.js在同一个目录，文件名分别为jquery.js，underscore.js和backbone.js，然后自动加载。...使用require.config()方法，我们可以对模块的加载行为进行自定义。require.config()就写在主模块（main.js）的头部。...属性之外，还有一个shim属性，专门用来配置不兼容的模块。
目的 开发基于 typescript ES6 语法， 使用jest eslint 为校验或测试的npm包。...Rollup 对代码模块使用新的标准化格式，这些标准都包含在 JavaScript 的 ES6 版本中，而不是以前的特殊解决方案，如 CommonJS 和 AMD。...call('show me'); // 可以看到rollup 将两个包的内容都合并到了一个文件夹中 package 配置本地打包命令 如果我们不希望输入过长的命令行参数或者rollup 为本地安装时，我们可以通过设置...挂载在全局对象上的模块指定挂载点 globals: { jquery: '$' } 配置进阶 多类型输出 output 可以接收配置数组, 打包输入多种形式的结果文件 { output: [...标记不需要处理的文件 '!
开发时引入 compass编译 |- images 原图片 修改依赖包内容 因为rev默认生成的版本号是加在静态文件文件名上的，如main-d3id7340.js这样会造成服务器上有...n多的js，所以我们希望生成main.js?...v=233333这样的版本号，在配合ssi就能很好的维护，以后如果只涉及修改静态文件的时候，就只用重新上传静态文件和ssi页面片就可以了，不需要再去改php中的引用，所以在网上找到了一个方法。.../"), //用于配置文件发布路径，如CDN或本地服务器 filename: "[name]/[name].js", //根据入口文件输出的对应多个文件名 },...总结 在思考工作流的时候，思考最多的就是如何在php直出并且由后端同事写模版文件的情况下做好交付html和后期脱离后端同事进行静态文件维护，好像除了用nginx ssi没什么其他好办法再不改模版文件的情况下更换静态文件
在项目中我们经常有，点击某一个元素让其自身样式发生变化，同时其兄弟元素改变的需求，最简单的就是通过Jquery来操作，但是如果需求多的话，那么我们就可以对这个方法进行封装，然后再引入使用。...源码： 我们在网页中打开https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js，复制代码粘贴到我们的项目文件中。...2.NPM安装 我们也可以在项目终端中输入如下代码： npm i jquery -S 二.封装 我们新建名为change.js的文件，在里面写入如下代码： //引入Jquery import $ from....css('color', "#000") } } export default change 三.引用 1.单文件应用 在某一个文件中单独使用的话，我们可以通过import的形式将其引入，如下所示：...本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
确定入口文件：所有程序都会有一个入口，就是 main 程序，打包也不例外 获取依赖：分析依赖，打包的关键就是按依赖的顺序来打包，因此这是打包最关键的环节 确认出口文件：大多数情况下，打包最终都是输出一个文件...看到 config 目录那么多，就说明 webpack 的功能有多大 那么多内容可能无从下手，但是大多数情况下只需要关注核心的一些配置即可 下面主要讲解上图的红框部分 3.1 entry 这个就是【入口文件...，不建议带路径 path 这个指定输出文件的文件路径 上面就是输出多文件的配置 如果是要打包库文件，则需要用常规的模块包裹头，webpack 也能轻松支持： module.exports = {...上面的例子中：a.js 和 b.js 文件都是在js文件夹里面的，然后 require 的时候要用相对路径 通过 resolve 可以帮助我们可以书写更加简单方便的依赖路径，比如： // main.js...commonjs2: 'jquery', commonjs: 'jquery' } } }; 这个配置显示将要打包的库文件要依赖 jquery 库，打包之后的文件如下
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
