首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用webpack打包js文件(隔行变色案例)

    使用webpack打包js文件(隔行变色案例) 1.webpack安装的两种方式 运行npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令 在项目根目录中运行npm...i webpack --save-dev安装到项目依赖中 2.初步使用webpack打包构建列表隔行变色案例 项目结构: ?...image 运行npm init -y初始化项目,使用npm管理项目中的依赖包 创建项目基本的目录结构 使用npm i jquery -s安装jquery类库 创建main.js并书写隔行变色的代码逻辑...: // 导入jquery类库 import $ from 'jquery' $(function () { // 设置奇数背景色 $('li:odd').css('background-color...','lightblue') // 设置偶数背景色,索引从0开始,0是偶数 $('li:even').css('background-color',function () {

    2.5K20

    webpack使用来打包前端代码

    使用webpack打包js文件(隔行变色案例) 1.webpack安装的两种方式 运行npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令 在项目根目录中运行npm...i webpack --save-dev安装到项目依赖中 2.初步使用webpack打包构建列表隔行变色案例 项目结构: ?...image 运行npm init -y初始化项目,使用npm管理项目中的依赖包 创建项目基本的目录结构 使用npm i jquery -s安装jquery类库 创建main.js并书写隔行变色的代码逻辑...: // 导入jquery类库 import $ from 'jquery' $(function () { // 设置奇数背景色 $('li:odd').css('background-color...','lightblue') // 设置偶数背景色,索引从0开始,0是偶数 $('li:even').css('background-color',function () {

    1.3K10

    js关键词变色,数组打乱,数组去重的实现和封装

    1.前言 今天,把自己之前封装过的一部分小功能操作分享出现,都是一些可以说是比较常用,实现起来比较简单,代码又比较少的一些功能或操作,比如关键词变色,数组打乱,数组去重等。...2.关键词变色 这个功能很常见,特别是在搜索引擎执行搜索的时候。其它不多说了,直接上代码 关键词变色 span...大家都看到了吧,我只输入‘过来’,结果‘前端’也变色了,那是因为我输入‘过来’的时候,之前就输入过‘前端’运行了一次,下一次不清除就会有这个bug,清除了就没事了!...后续 关于js是实用或者常用的小功能操作,今天先到这里,以后再写其它的,希望能帮到大家!

    1.4K21

    十七.Webpack的使用

    npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令 在项目根目录中运行npm i webpack -D安装到项目依赖中 初步使用webpack打包构建列表隔行变色案例...运行npm init初始化项目,使用npm管理项目中的依赖包 创建项目基本的目录结构 使用cnpm i jquery --save安装jquery类库 创建main.js并书写各行变色的代码逻辑:...// 导入jquery类库 import $ from 'jquery' // 设置偶数背景色,索引从0开始,0是偶数 $('#list li:even').css('backgroundColor...','lightblue'); // 设置奇数背景色 $('#list li:odd').css('backgroundColor','pink'); 直接在页面上引用main.js会报错...进行处理: webpack src/js/main.js dist/bundle.js 使用webpack的配置文件简化打包时候的命令 在项目根目录中创建webpack.config.js 由于运行webpack

    64220
    领券