- 综合排序
- 最热优先
- 最新优先
- 来自专栏Triciaの小世界
原生js实现图片懒加载
-- <img data-url="真实图片地址" src="小图片地址"/> --> <img src="./images/1pxImg.png" data-url=". /images/1pxImg.png" data-url="./images/01.jpg"> <img src="./images/1pxImg.png" data-url=". /images/1pxImg.png" data-url="./images/02.jpg"> <img src="./images/1pxImg.png" data-url=". /images/1pxImg.png" data-url="./images/03.jpg"> <img src="./images/1pxImg.png" data-url=". /images/1pxImg.png" data-url=".
8.3K20编辑于 2023-04-12 - 来自专栏码客
js替换jquery的方法
属性获取与赋值 jquery $(".aa").attr("data-url"); $(".aa").attr("data-url","www.psvmc.cn"); js document.querySelector (".aa").getAttribute("data-url"); document.querySelector(".aa").setAttribute("data-url","www.psvmc.cn
7.4K20发布于 2019-10-21 - 来自专栏前端加油站
自定义微信登录扫码样式解决办法
于是现在采用第二种解决办法data-url。 通过访问data-url解决样式问题 写一个nodejs，脚本将刚才的css资源转换为data-url。 /qrcode.css')) 运行node脚本，复制打印出来的data-url，然后赋值给刚才的href。 ? LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDIwMHB4O30NCi5pbXBvd2VyQm94IC50aXRsZSB7ZGlzcGxheTogbm9uZTt9DQouaW1wb3dlckJveCAuaW5mbyB7d2lkdGg6IDIwMHB4O30NCi5zdGF0dXNfaWNvbiB7ZGlzcGxheTpub25lf Q0KLmltcG93ZXJCb3ggLnN0YXR1cyB7dGV4dC1hbGlnbjogY2VudGVyO30="//data-url
1.9K20发布于 2019-07-02 - 来自专栏V站
Speed丨如何快速给网站添加Pjax？
document.createElement('div'); el.setAttribute('data-thread-key',$(dus).attr("data-thread-key"));//必选参数 el.setAttribute('data-url ',$(dus).attr("data-url")); DUOSHUO.EmbedThread(el); $(dus).html(el); } } </script> 汇总起来,就是下段： <script document.createElement('div'); el.setAttribute('data-thread-key',$(dus).attr("data-thread-key"));//必选参数 el.setAttribute('data-url ',$(dus).attr("data-url")); DUOSHUO.EmbedThread(el); $(dus).html(el); } } </script> Pjax这样就添加成功了！
2.3K40发布于 2018-06-08 - 来自专栏小狼的世界
使用正则匹配并显示匹配的内容
我需要将HTML文件中data-url="xxx"中的xxx查找并显示出来。 首先考虑使用find，但是find只能显示包含查找内容的文件名，不符合场景的需要。 perl的命令行方式来实现了，最后代码如下： find www.maserati.com.cn -name *html -exec cat {} \; | perl -ne 'print $1 if /data-url
3.9K30发布于 2018-07-24 - 来自专栏全栈程序员必看
$(document).click() 在苹果手机上不能正常运行解决方案
$(document).on('click', '.url', function(){ location.href = $(this).attr('data-url'); return touchstart $(document).on('click touchstart', '.url', function(){ location.href = $(this).attr('data-url
56430编辑于 2022-07-08 - 来自专栏信数据得永生
Hexo 入门指南（七） - 评论 & 分享
class="ds-thread" data-thread-key="<%= post.layout %>-<%= post.slug %>" data-title="<%= post.title %>" data-url 找到themes\landscape\layout\_partialarticle.ejs26行： <a data-url="<%- post.permalink %>" data-id="<%= post _id %>" class="article-share-link">分享 替换成： <a data-url="<%- post.permalink %>" data-id="<%= post.
54220发布于 2019-02-15 - 来自专栏用户7873631的专栏
详解：20 :before :after attr
<style> .test1:after/*attr根据属性找到属性值*/ { content: attr(class)"陈业贵"attr(data-url content: attr(style); } </style> </head> <body> <p class="test1" title="hello world" data-url
1.5K30发布于 2020-10-28 - 来自专栏向治洪
客户端WebP 图片格式优化
html <body> <img src="" alt="" data-url="11.jpg" data-original="11.webp"/> <img src="" alt= "" data-url="21.jpg" data-original="21.webp"/> </body> js var userAgent = navigator.userAgent; var AppleWebKit>=0&&androidVersion>=4){ forImg('data-original'); }else{ forImg('data-url
2.5K91发布于 2018-02-06 - 来自专栏向治洪
移动客户端WebP 图片格式优化
html <body> <img src="" alt="" data-url="11.jpg" data-original="11.webp"/> <img src="" alt= "" data-url="21.jpg" data-original="21.webp"/> </body> js var userAgent = navigator.userAgent; var AppleWebKit>=0&&androidVersion>=4){ forImg('data-original'); }else{ forImg('data-url
1.9K71发布于 2018-01-26 - 来自专栏泽泽社
pjax加载多说的三种方法
el.setAttribute('data-thread-key',$(dus).attr("data-thread-key"));//必选参数 el.setAttribute('data-url ',$(dus).attr("data-url")); DUOSHUO.EmbedThread(el); $(dus).html(el); } } </script
45420编辑于 2023-04-17 - 来自专栏酷玩时刻
微信PC登录样式个性化处理详解
通过访问data-url解决样式问题 写一个Node.js 脚本(qrcode.js)将刚才的css资源转换为data-url。 /qrcode.css')) Mac 电脑可以使用brew安装Node.js,命令如下 brew install node 运行node脚本node qrcode.js，复制打印出来的data-url，
1.7K20发布于 2018-08-21 - 来自专栏Jacklin攻城狮
为Next主题添加多说评论系统
<div class="ds-thread" data-thread-key="{{ page.path }}" data-title="{{ page.title }}" data-url div id="ds-thread" class="ds-thread" data-thread-key="{{ page.path }}" data-title="{{ page.title }}" data-url -- 多说公共JS代码 end --> 需要注意的是：data-thread-key、data-title、data-url这三个变量一定要严格按照上述代码格式书写，否则会导致某一篇文章评论会显示在所有的文章里 这三个变量的具体含义在上述中已阐明（data-thread-key=请将此处替换成你站点的ID data-title=请替换成文章的标题 data-url=请替换成文章的网址）. div id="ds-thread" class="ds-thread" data-thread-key="{{ page.path }}" data-title="{{ page.title }}" data-url
1.1K40发布于 2018-09-12 - 来自专栏雪胖纸的玩蛇日常
16.普通用户、网格长、网格员，操作数据（3）newapp/components/putong.vue
class="l btn margin-top"> <button class="cu-btn text-cyan" @tap="CallPhone" :data-url class="l btn margin-top"> <button class="cu-btn text-cyan" @tap="CallPhone" :data-url
40820发布于 2020-07-03 - 来自专栏杨逸轩 ' sBlog
如何将Pjax整合进网站，实现全站无刷新加载？
el.setAttribute('data-thread-key',$(dus).attr("data-thread-key"));//必选参数 el.setAttribute('data-url ',$(dus).attr("data-url")); DUOSHUO.EmbedThread(el); $(dus).html(el); } } </script
4.6K90发布于 2018-06-14 - 来自专栏私人订制
实现图片懒加载jquery.scrollLoading.js
").each(function () { var imgsec = $(this).attr("src"); $(this).attr({ "data-url function($) { $.fn.scrollLoading = function(options) { var defaults = { attr: "data-url
3.3K20编辑于 2023-05-11 - 来自专栏九彩拼盘的叨叨叨
前端模拟ajax接口
"name": "XXX", "loc": "XXX", ... },...] } 然后请求地址为该文件的地址 <div class="lists" data-url script> $.ajax({ url: $('.lists').data('url') }).done(function(data){ }); </script> 后端拿到页面后，只需替换data-url
1.4K20发布于 2018-08-27 - 来自专栏智能大石头
魔方NewLife.Cube升级v2.0
} @if (enableSelect) { <button type="button" class="btn btn-purple btn-sm" data-action="enable" data-url 批量启用 </button> <button type="button" class="btn btn-purple btn-sm" data-action="enable" data-url
1.4K90发布于 2018-01-09 - 来自专栏若志随笔
Typecho实现文章点赞功能
>" data-url="<?php $this->permalink(); ? // 请求方式 post type: 'post', // url 获取点赞按钮的自定义 url 属性 url: $('#agree').attr('data-url
2.1K31编辑于 2021-12-23 - 来自专栏Rattenking
【微信小程序】---- CustomBar 公用组件封装
$route({delta:1}) 页面跳转其他小程序 <view bindtap="routeTo" data-appid="wx1b4587b5486c9856" data-url="pages/index $route({appid:'wx1b4587b5486c9856',url: 'pages/index/index'}) 页面内部普通跳转 <view bindtap="routeTo" data-url /pages/addressList/addressList'}) 页面tabbar页面跳转 <view bindtap="routeTo" data-url="../..
3.3K10编辑于 2022-01-06
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号