dw做js下拉菜单 - 腾讯云开发者社区

文章/答案/技术大牛

发布

js_jQuery【下拉菜单联动dom操作】

17.6K3 0

巧用CSS3 :target 伪类制作Dropdown下拉菜单（无JS）

CSS3 为这个动作赋予了更加多的功能——就如同:hover 一样你可以做一些样式定义。...先上效果图正如标题所说，本文是教你如何巧用CSS3 :target 伪类制作Dropdown下拉菜单，原生HTML+CSS，无JavaScript。为了吸引各位往下看，先上实际例子，再进行剖析。...Duang~ 实际例子其实就是DeveMobile 主题的右上角那个按钮，你点一下就会有一个Dropdown下拉菜单出现，在其他区域点击返回原状。请用手机扫码查看： ?...当你触发下拉菜单后，有时候需要做关闭（返回原状）的动作，而从具体情况（比如说如本实例触发菜单后菜单将原来的开关都掩盖了）或者用户体验上考虑，最好是除菜单区域外的整个屏幕都随便盲点就能关闭菜单。...为了让下拉菜单更显“下拉”的情况，采用CSS3的origin 定位下转换原点。注意下兼容性，所有主流浏览器均支持 :target，除了 IE8 及更早的版本，移动端的话直接用。

5.4K8 0

您找到你想要的搜索结果了吗？

是的

没有找到

使用flv.js做直播

为什么要在这个时候探索flv.js做直播呢？原因在于各大浏览器厂商已经默认禁用Flash，之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能，这样的用户体验很致命。...可以看出在浏览器里做直播，使用HTTP-FLV协议是不错的，性能优于RTMP+Flash，延迟可以做到和RTMP+Flash一样甚至更好。...flv.js兼容方案由于目前flv.js兼容性还不是很好，要用在产品中必要要兼顾到不支持flv.js的浏览器。...缩短这个收集时间(也就是减少GOP长度)可以优化延迟，但这样做的坏处是导致视频压缩率不高，传输效率低。关闭音视频服务器的I桢缓存可以优化延迟，坏处是用户看到直播首屏的时间变大。...浏览器端开启flv.js的Worker，多进程运行flv.js提升解析速度可以优化延迟，这样做的flv.js配置代码是：{ enableWorker: true, enableStashBuffer

15K10 5

Node.js 使用 RSA 做加密

详细的原理可以参考以下文档： RSA算法原理（一） RSA算法原理（二） node-rsa 在 node.js 中使用 rsa 算法，我们使用的是 node-rsa 这个包。

7.4K2 1

理论 | 使用flv.js做直播

4.7K1 0

下拉菜单11+原生js获取select下拉框的selected的option项

数组转json并在后台对其解析具体实现想必大家在开发过程中也遇到类似问题，如果直接将js获取的数组传给后台，后台是无法区分数组的，因为js数组如果是二维的就是这样的：1,张三,23,2,李四,26...希望能给大家带去帮助首先需要在js里面对数组进行转换为json格式 js代码如下：代码如下: /** *js数组转json * */ function arrayToJson...// 记性不好的可以收藏下： 1,下拉框: var cc1 = $(".formc select[name='country'] option[selected]").text(); //得到下拉菜单的选中项的文本...(注意中间有空格) var cc2 = $('.formc select[name="country"]').val(); //得到下拉菜单的选中项的值 var cc3 = $('.formc select...[name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值 $("#select").empty();//清空下拉框 //$("#select").html(

4.5K4 0

精读《不再需要 JS 做的 5 件事》

关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。...5 things you don't need Javascript for 这篇文章就从 5 个例子出发，告诉我们哪些功能不一定非要用 JS 做。...虽然这做不了特殊动画效果，但如果只为了做一个普通的展开折叠功能，用 HTML 标签就够了。...总结关于 CSS 可以实现哪些原本需要 JS 做的事，有很多很好的文章，比如： youmightnotneedjs。 You-Dont-Need-JavaScript。...讨论地址是：精读《不再需要 JS 做的 5 件事》· Issue #413 · dt-fe/weekly

3.1K2 0

JS:用rem来做响应式开发

电脑版的商城昨晚做完了，今天赶着做手机端的，提到手机端的网站第一个想到的就是要适应不同手机屏幕的宽度，保证在不同手机上都能正常显示给用户，我之前做这类网站都是无脑引进bootstrap的。...那就要用到js在页面加载时获取window的宽度（浏览器窗口的宽度）$(window).width();在开发手机页面的时候，一般我们设置最大宽度为640px，因为640px可以保证在至今最宽的手机上显示时网页两端刚好贴合屏幕...height:10.6rem; border:1px solid #000; box-sizing: border-box; } js

7.3K1 0

【JS】asyncawait异常捕获，这样做才完美

前言缘由JS中async/await异步调用，只能通过try-catch吗？你想听的故事：作为一个合格的全栈搬砖工，那必须文武双全，前后必备。...init();// 打印结果// 会员接口异常:xxxxx// 商品: [{"name":"面包","price":5},{"name":"牛奶","price":6}]方法三：使用 await-to-js...插件库await-to-js是什么await-to-js 是一个辅助开发者处理异步错误的库await-to-js怎么下# npm安装npm i await-to-js --save# yarn安装yarn...add await-to-jsawait-to-js怎么写import to from 'await-to-js'const init = async () => { const [err, data...错误信息，数组第一项是异常信息为err,第二项数据为null总结本文通过async/await为切入点，介绍三种异步调用处理异常的方法：分别是try-catch、promise处理、await-to-js

1.8K1 0

node.js + mongodb 做项目的详解（二）

下载地址：http://v3.bootcss.com/getting-started/ 第二步就是登陆和注册了写在router文件中 index.js /*ucenter-登录*/router.post

1.6K2 0

nodejs使用log4js做日志系统

在一个项目当中，日志系统在项目中重要性在这里就不再累述，log4js是nodejs中的一个日志模块，通过设置其优先级别，可以打印出不同级别的日志，便于后续的系统分析。...下面来介绍一下log4js的具体使用，这里介绍的版本为2.8.0。...log4js的安装安装很简单 npm install log4js -S log4js配置在项目的根目录添加一个log目录，在该目录中新建indexjs，开始配置log4js var path =...require("path"); const log4js = require('log4js'); log4js.configure({ appenders: { cheese: {...根据天来创建日志的配置代码如下： var path = require("path"); const log4js = require('log4js'); log4js.configure({ appenders

5.7K3 0

Node.js做静态资源服务器

在上一篇文章介绍了Node.js基础API 接下来我们做一个案例，用Node.js实现静态资源服务器目录结构首先新键如下目录结构 config：存放一些配置文件 helper：辅助文件 template...：模板文件（后面会使用到模板引擎） app.js：入口文件搭建服务我们要根据客户端请求的url返回相应的文件/目录信息，所以我们要先搭建服务使用http模块搭建 const http = require...指向某个文件时我们直接返回，当指向某个目录时，我们将该目录的文件全部列出，并且实现超链接，当没有该目录或文件时返回提示信息“没有该文件” 接下来通过代码实现我们将这部分逻辑写进helper/route.js...我们还引入了自定义模块mime这个模块放置了文件类型对应的contentType，以确保我们发送给客户端正确的contentType helper/mime.js const path = require...(html|js|css|md)/ } 新键helper/compress.js const {createGzip,createDeflate} = require('zlib') module.exports

3K2 0

knockout.js $index 做列表索引小技巧

我们都知道，在foreach binding中，使用$index可以得到基于0的索引序号，但在列表显示中，我们更希望这个索引是从1开始的，怎么处理呢？

3.2K3 0

基于 log4js 做全链路日志

实现以 koa HTTP Server 为例，基于 log4js 实现服务端全链路日志搜集。...log4js 的详细 API 可以参考：https://log4js-node.github.io/log4js-node/ 配置 log4js 输出 json 日志到文件 import log4js...from 'log4js'; log4js.addLayout('json', config => function (logEvent) { return JSON.stringify({...trace id import { v4 as uuidv4 } from 'uuid'; import Koa from 'koa'; import { getLogger } from 'log4js...借助 log4js 记录全链路日志，业务代码侵入小，并且保持了熟悉的打 log 方式。

3.2K2 1

【实用】用 FP 思想将 JS 循环做简单封装~

「这是我参与2022首次更文挑战的第24天，活动详情查看：2022首次更文挑战」 ---- 本篇带来 FP 函数式编程思想在 JS【循环】中的应用。...因为对于循环来说，比如 while 结构，索引 i 是外部变量，外部变量的修改不受循环内部所控制；）代码太长了，循环结构有可能比操作的功能代码都长；所以，我们尝试用 FP 函数式编程思路对循环做下改造

1.6K3 0

做网站-推荐3种CSS，JS合并的方式

下面做网站小编就简单介绍一个方法,十分简单. 下面介绍以合并js文件为例保留疑问 : JS 合并与 JS 压缩的区别 ? 分别对页面有什么影响?...复制代码代码如下: copy G.js+T.js GT_bin.js /b 说明 : (1)输入要合并的js文件,保存debug.bat文件,运行debug.bat即可. (2)就这么一行代码就搞定了...不适用场景： #这种方式肯定不适用于大型的Web应用，且不论单文件代码量，业务的复杂性也不允许我们这样干（我没见过那个网站这样做的）。...往期热点文章： #做网站-如何用DIV+CSS做网页 #做网站-3家国外VPS主机商对比 #做网站-页面内锚点定位的几种方法 #做网站-如何将设计稿还原为网页 #做网站-面向对象面向过程的区别 #做网站...-必备的10款网站性能测试工具(推荐) #做网站-前端工程师都用啥编辑器 #做网站-虚拟主机与独立服务器区别做网站公众平台（zwangz888）每天为您分享原创Web开发资讯，开发经验，为您的技能充电

3.8K11 0

前端导出 excel（基于 Blob.js 和 Export2Excel.js 做前端导出）

下载导入 Blob.js 和 Export2Excel.js 将在 Export2Excel.js 中引用其他 js 文件的时候，一开始在这一步踩过坑。 require('script-loader!...vendor/Blob 后来找到的解决方法是下载 blob.js 文件，将 blob.js 与 Export2Excel.js 放在同一个文件夹下，并将引用方式改为如下。...文件可以在 gitHub 下载，地址如下，也可以在此直接复制 Blob.js gitHub 地址 /* Blob.js A Blob implementation. 2014-05-27 By Eli...@source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js / (function (view) { "use strict";...文件夹下，Blob.js 和 Export2Excel.js 放在 vendor 文件夹下 newToExcel.js 代码如下： import { export_json_to_excel } from

13.6K3 0

【拓展】分享 8 个做处理本地存储的 JS 库

‘app.message.error’, function(data) { console.log(data); // { error: ‘Out of memory’ } }); Basil.js...http://wisembly.github.io/basil.js/ Basil.js统一了session、localStorage和cookie，为你提供了一种处理数据的直接方法。...options); basil.set(‘name’, ‘Amy’); basil.get(‘name’); basil.remove(‘name’); basil.reset(); store.js...https://github.com/marcuswestin/store.js Store.js像其他东西一样处理数据存储。

2.7K1 0

Node.js 是如何做 GC （垃圾回收）的？

今天我们来研究一下 Node.js 是如何做 GC 的。 GC，Garbage Collection，垃圾回收。在编程中，一般指的是内存自动回收机制，会定时将不需要用到的数据进行清除。...堆：存放对象等数据；堆内存 Node.js 底层使用的是 V8，下面讲解一下 V8 的内存回收机制。首先 JS 中所有的对象都会保存在堆内存中。...这种基于 copy 的算法，优点是可以很好地处理内存碎片的问题，缺点是会浪费一些空间作为搬移的空间位置，此外因为拷贝比较耗费时间，所以不适合分配太大的内存空间，更多是做一种辅助 GC。...也就是做断断续续地标记，小步走，垃圾回收和应用逻辑交替进行。另外，V8 还做了并行标记和并行清理，提高执行效率。...{ bigArray.push(new Array(20 * 1024 * 1024)); printMemoryUsage(); }, 500); 需要特别注意的是，不要用 Buffer 做测试

1.4K2 0

我为什么选择Next.js+Supabase做全栈开发

Next.js 14: 现代React应用的革新框架默认服务器组件的优势Next.js 14默认使用服务器组件，这对于提升性能和开发体验至关重要。...App Router: 更强大的路由系统Next.js 14采用了新的App Router，提供了更灵活和直观的路由方式：app/ page.js // 对应路由 / about.../ page.js // 对应路由 /about posts/ [id]/ page.js // 对应路由 /posts/1, /posts/2, 等...与其他技术栈的对比为了更直观地展示Next.js 14+Supabase的优势，我们来看一个更新后的比较表格：特性Next.js 14+SupabaseMERN StackFirebaseDjango默认服务器组件...性能提升：通过Next.js 14的默认服务器组件和自动代码分割，页面加载速度可以提升40%-70%。

3.4K2 0

点击加载更多

js_jQuery【下拉菜单联动dom操作】

巧用CSS3 :target 伪类制作Dropdown下拉菜单（无JS）

使用flv.js做直播

Node.js 使用 RSA 做加密

理论 | 使用flv.js做直播

下拉菜单11+原生js获取select下拉框的selected的option项

精读《不再需要 JS 做的 5 件事》

JS:用rem来做响应式开发

【JS】asyncawait异常捕获，这样做才完美

node.js + mongodb 做项目的详解（二）

nodejs使用log4js做日志系统

Node.js做静态资源服务器

knockout.js $index 做列表索引小技巧

基于 log4js 做全链路日志

【实用】用 FP 思想将 JS 循环做简单封装~

做网站-推荐3种CSS，JS合并的方式

前端导出 excel（基于 Blob.js 和 Export2Excel.js 做前端导出）

【拓展】分享 8 个做处理本地存储的 JS 库

Node.js 是如何做 GC （垃圾回收）的？

我为什么选择Next.js+Supabase做全栈开发

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐