首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    两个还算实用的小程序

    // 定义欧码(输入的那个) var EUR; // 获取选择 if(window.getSelection){ userSelection=window.getSelection(); }else...美中不足的是,搜到的换算公式只有男士鞋码(话说鞋码为啥要分男士女士还有童鞋,只用CM不好嘛) ② 查看失效视频 程序名:查看B站收藏夹失效视频 开发语言:JavaScript 开发框架:jQuery 开发用时...那就可以操作页面的js来让它们显示出来。 经过一番折腾,做出来了一个简单的。 点击后显示视频封面和标题,并以红色视频标题展示出来。 但很快我觉得这样也不太好,不够人性化。因为视频没了,点也点不开。...视频标题) var keyword=$(this).find('a.disabled img').attr('alt'); // 设置标题 $(this).find('a.title').html...('span style="color:#F66">'+keyword+'span>'); // 循环超链接 $(this).find('a').each(function(){

    58310

    【译】JavaScript实现文字剪贴板&React版本

    怎么使用JavaScript实现一个剪贴板 具体分为五步 1、创建一个 textarea ,把需要的文本放进 textarea 中 2、将 textarea 元素插入 body 中。...上面的方法不是很完美我们优化一下 这个方法不是在每个地方都能运行,由于 textarea 的插入和移除,有时候会出现页面的频闪和抖动 下面用 css 优化一下我们的 textarea 样式,隐藏 textarea 的显示...to the HTML documentspan> span class="hljs-keyword">constspan> selected = span...HTML documentspan> span class="hljs-built_in">documentspan>.getSelection().addRange(selected... 思路 1、首先创建一个 targetNode,设置绝对布局,赢藏我们的元素 2、document.getSelection() 已经由 window.getSelection

    58910

    【译】JavaScript实现文字剪贴板&React版本

    目录 怎么使用JavaScript实现一个剪贴 上面的方法不是很完美我们优化一下 思考一个问题 使用react和typescript重写和优化一下 如何使用copyme 原文参考 写在最前面 有一个简单的需求...怎么使用JavaScript实现一个剪贴板 具体分为五步 1、创建一个 textarea ,把需要的文本放进 textarea 中 2、将 textarea 元素插入 body 中。...上面的方法不是很完美我们优化一下 这个方法不是在每个地方都能运行,由于 textarea 的插入和移除,有时候会出现页面的频闪和抖动 下面用 css 优化一下我们的 textarea 样式,隐藏 textarea 的显示...().removeAllRanges(); // Unselect everything on the HTML document document.getSelection().addRange...思路 1、首先创建一个 targetNode,设置绝对布局,赢藏我们的元素 2、document.getSelection() 已经由 window.getSelection() 替代了,具体流程如上

    92620

    JavaScript学习总结(五)——jQuery插件开发与发布

    object1:待合并到第一个对象的对象。 objectN:待合并到第一个对象的对象。...2.3、第一个jQuery插件 这是一个Hello World示例,完成一个可以变长的元素插件,指定每次增加长度参数,在指定的HTML元素后增加一个加号点击加号可以将元素加宽指定长度。...插件中使用each的原因是jQuery选择器选择的内容默认就是一个包装集,中间有多个元素,包装集中含有多个DOM元素,each中的元素就不再是jQuery对象而是一个DOM对象。...要想JavaScript的下载速度快,就需要尽量减少JavaScript文件的大小,另外,把多个JavaScript文件合并成一个也能减少服务器的响应次数而加快网页下载。...–wrap, 把所有代码合并到一个函数中。 –export-all, 和–wrap一起使用,自动输出到全局环境。 –lint, 显示环境的异常信息。 -v, –verbose, 打印运行日志详细。

    3.1K80

    JavaScript学习总结(五)——jQuery插件开发与发布

    object1:待合并到第一个对象的对象。 objectN:待合并到第一个对象的对象。...2.3、第一个jQuery插件 这是一个Hello World示例,完成一个可以变长的元素插件,指定每次增加长度参数,在指定的HTML元素后增加一个加号点击加号可以将元素加宽指定长度。...插件中使用each的原因是jQuery选择器选择的内容默认就是一个包装集,中间有多个元素,包装集中含有多个DOM元素,each中的元素就不再是jQuery对象而是一个DOM对象。...要想JavaScript的下载速度快,就需要尽量减少JavaScript文件的大小,另外,把多个JavaScript文件合并成一个也能减少服务器的响应次数而加快网页下载。...–wrap, 把所有代码合并到一个函数中。 –export-all, 和–wrap一起使用,自动输出到全局环境。 –lint, 显示环境的异常信息。 -v, –verbose, 打印运行日志详细。

    2.1K30

    JQuery 入门 - 附案例代码

    链式编程 each方法 多库共存 插件 常用插件 jquery.ui.js插件 制作jquery插件 案例代码 【案例:下拉菜单】 【案例:突出展示】 【案例:手风琴】 【案例:淘宝精品...jquery 使用javascript开发过程中,有许多的缺点: 查找元素的方法单一,麻烦。...jQuery对象:jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。...【案例:下拉菜单】 代码位于文章尾部 【案例:突出展示】 代码位于文章尾部 【案例:手风琴】 代码位于文章尾部 【案例:淘宝精品】 代码位于文章尾部 元素设置 样式设置...$(selector).position(); jQuery事件机制 JavaScript中已经学习过了事件,但是jQuery对JavaScript事件进行了封装,增加并扩展了事件处理机制。

    14.5K10
    领券