首页
学习
活动
专区
工具
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并书写隔行变色的代码逻辑...('li:even').css('background-color',function () { return '#'+'F15A24' }) }) 直接在页面上引用main.js...main.js进行处理: webpack src/js/main.js -o dist/bundle.js 注意如果提示没有webpack-cli,安装: npm install webpack-cli

2.4K20

JS - 可自动伸缩高度的文本框

文本框的默认现象: textarea如果设置cols和rows来规定textarea的尺寸,那么textarea的默认宽高是这俩属性设置的值,可以通过鼠标拖拽缩放文本框的尺寸。...而不会撑开文本框的高度。 如果什么也不设置,最小宽高很窄很细,随便输入内容也会超出文本框隐藏,且自动增加滚动条。 ?...因为文本框的宽高固定死了, 还是超出出现了滚动条。 怎么让文本框初始化设置一定的高度,但是文字超出时自动跟随内容的高度伸缩?...答: 初始化高度通过css设置(如上),自动伸缩的高度值通过js来计算(如下)。 如果js计算的话,就需要事件触发,用change事件? 答:但是change事件体验不好。 为什么?...答:就是计算文本框的滚动高度,即内容高度 具体怎么做? 答:键盘每次弹起的时候,获取文本框的内容高度添加给文本框的高度,即可让其实时的跟随内容自适应。 内容高度用什么属性计算?

9.2K20

轻听变色之谜

那么轻听是如何实现变色的呢? 主要是结合以下两种方式: 自定义Style和Theme 动态配置主题色 自定义Style和Theme Style和Theme主要用来实现白天模式和夜间模式。...其中DefaultProcessor是默认Processor,可以处理绝大部分的变色情况。其他几种,如他们的名字一样,会额外再处理他们特定的情况。...结语 以上,就是两种变色方案的具体实现。 自定义Style和Theme实现简单,整洁,适用于模式较为固定的场景。 动态配置主题色实现起来略微复杂,但是比较灵活,适用于主题色较多的场景。...将这两种方案结合,就实现了轻听的变色。 大家轻拍,如果有好的方法或者建议,可以多多讨论交流优化~

1.7K00

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

1.前言 今天,把自己之前封装过的一部分小功能操作分享出现,都是一些可以说是比较常用,实现起来比较简单,代码又比较少的一些功能或操作,比如关键词变色,数组打乱,数组去重等。...2.关键词变色 这个功能很常见,特别是在搜索引擎执行搜索的时候。其它不多说了,直接上代码 <!...实现原理和过程:首先,点击按钮的时候获取文本框的value,通过以空格分割,变成一个数组(arr=key.split(/\s+/);),然后把数组传到createExp(),创建一个正则的字符,比如上面就是传...大家都看到了吧,我只输入‘过来’,结果‘前端’也变色了,那是因为我输入‘过来’的时候,之前就输入过‘前端’运行了一次,下一次不清除就会有这个bug,清除了就没事了!...后续 关于js是实用或者常用的小功能操作,今天先到这里,以后再写其它的,希望能帮到大家!

1.4K21
领券