Javascript
分类下相关文章
jquery 判断元素可见性
2020-06-14 · 阅读 110 · 字数 144
正在做的一个自动挂学时的 tampermonkey 插件，遇到一个问题。 即如何判断定时出现的答题页面，如果是判断题目标题是否存在，会有 bug。因为可能外层的还包了一层 div，而外层 div 设置了 css 样式 display: none。 所以，我需要能使用 jQuery 判断一个元素是否可见，包括其祖先也必须是可见的。 找了半天没有找到解决方案，只能判断其最外层的是否设置了 display none。 if ($('.some_window') && $('.some_window').css("display") != "none&qu ...
javascript 合并两个数组
2020-05-13 · 阅读 226 · 字数 107
在写微信小程序时，经常需要将接口返回的数组，追加到当前 array。即，合并两个数组。 两种实现方式 var a1 = [1, 2, 3]; var a2 = [4, 5, 6]; // 方法一 a1.concat(a2) > (6) [1, 2, 3, 4, 5, 6] // 方法二，ES6 新语法 [...a1, ...a2] > (6) [1, 2, 3, 4, 5, 6] 哪种写法可读性更好 我觉得 concat 的写法，可读性更好一些。 ...
ES6 Promise
2020-05-10 · 阅读 195 · 字数 230
promise 的意义 解决了之前不断嵌套异步回调的问题。 可以以同步的语法，来执行异步的操作。 参数 resolve 与 reject 是用来做什么的 以封装微信小程序的 wx.request 来统一处理错误码为例。 promise 对象必须使用 resolve 和 reject 做为返回么 then 必须使用两个回调函数作为参数么？ 我看还有使用一个参数的情况。 原来，第二个参数是可选的，即不处理 reject 的情况。 then 的 catch 与第二个回调函数同时存在时会用哪个 then的第二个参数和catch方法都存在的情况下，只有then的第二个参数能捕获到； 如果then的第二 ...
ES6 函数参数等于空大括号的用法
2020-05-08 · 阅读 243 · 字数 178
今天发现一段看不懂的 ES6 新语法： const http = ({ url = '', param = {}, type = 'json', callback = '', ...other } = {}) => { // ... } 我不明白为何字典参数还要用空大括号来赋值的意义。 先写一段测试代码：test.js function showInfo({name = "zhongwei", age = 99} = {}) { console.log(name); console.log(age); } function sho ...
javascript array 数组只保留前 N 项
2020-04-26 · 阅读 377 · 字数 122
例如，在微信小程序中，只保留最近搜索的 20 条记录。 使用 js array 的 slice 方法，slice 英文是切开的意思： 第一个参数是起始下标 index，从 0 开始计数 第二个参数是结尾元素下标，但是不包含该元素。 > var a = [1, 2, 3, 4, 5]; > a.slice(0, 2) (2) [1, 2] > a.slice(0, 3) (3) [1, 2, 3] > a = a.slice(0, 3) (3) [1, 2, 3] > a (3) [1, 2, 3] ...
jQuery 实现商品列表实时搜索过滤
2020-04-07 · 阅读 275 · 字数 270
目标效果 输入时，实时过滤 为空时，显示所有结果 url 随关键词变化 过滤逻辑 loop item title 先全部隐藏，如果 title 中有关键词，则显示 多个关键词，包含其中一个就显示 如果产品关键词中包含搜索词，也显示，例如搜索硫酸铜 影响因素 当前选中的分类 是否显示更多 未来加入的 tag 但是为了降低代码的维护难度，以及对搜索关键词的明确度的信任，我决定不考虑这三条因素。。。 tag 可以在未来考虑一下。 实时过滤效果并不好 jquery 监听 input 事件，如何排除中文拼音输入法敲字母的过程 da da'y da'yi da'yin da'yin'j da' ...
修改浏览器当前网页链接，但是页面不调整
2020-04-02 · 阅读 240 · 字数 94
用于在过滤商品分类时，在浏览器地址栏给出对应的 URL，方便分享。但是又会引起浏览器跳转页面。 JS 实现 window.history.pushState({}, "", "/new-url?key=value"); 如何判断当前浏览器是否支持 pushState if (window.history && window.history.pushState) 参数 history.pushState(state, title[, url]) state，一个 js object，用于存储一些状态值。如果只是为了修改 URL，这 ...
页面禁止复制和右键菜单的应对方法
2020-03-24 · 阅读 263 · 字数 170
有时候从网上搜集资料，会发现一些网站禁用了复制和右键菜单功能。 首先明白一点，禁用功能是用 JS 实现的。 如果仅仅保存 HTML 还是不能解决，就需要检查是不是 JS 禁用代码是不是写在了 HTML 文件内。 解决方法 Ctrl + S 保存当前网页，选择仅保存 HTML。 使用记事本打开保存的 HTML，删除 body 标签内的其余部分，仅仅保留 body。保存。 使用 Chrome 打开该 HTML，即可复制内容。 代码示例 <body id="products_detail" onmouseup="document.selection.empt ...
DevTools failed to parse SourceMap
2020-04-26 · 阅读 2838 · 字数 203
最近用 Chrome 浏览器调试网站前端代码时，总是看到 Console 里报错： DevTools failed to parse SourceMap: some-domain/js/maps/swiper.min.js.map SourceMap 是什么 通常网站加载的 JS 会做压缩处理，以节省带宽。但是这样处理之后，JS 代码通常变成了一行，在报错时，无法看到错误的准确定位。而 Source Map 就是为了解决这个问题。 Source map 可以看成一个映射表，存储了转换后的代码所对应的转换前的位置。 这样，JS 报错的时候，Chrome Console 里就能直接显示原始代码 ...
jQuery 实现点击按钮缓慢地滑向页内目标锚点
2020-03-13 · 阅读 552 · 字数 44
默认的页内跳转效果太突兀，感觉还是慢慢地滑动比较直观，容易理解 $('.btn').click(function(e){ e.preventDefault(); var jumpId = $(this).attr('href'); $('body, html').animate({scrollTop: $(jumpId).offset().top}, 'slow'); }); ...
javascript 将英文标题中每个单词首字母大写
2020-02-29 · 阅读 433 · 字数 140
我的英文博客大部分内容来自我中文博客的翻译，为了节省时间，我想将翻译好的英文博客标题自动格式化，即，英文标题中每个单词首字母转换为大写。 javascript 实现代码： function format_en_title(title) { var words = title.trim().toLowerCase().split(' '); var ignore_words = ["of", "to", "the", "in"]; for (var i = 0; i < words.l ...
Google 分析实现跨域名统计
2019-12-31 · 阅读 783 · 字数 420
有些场景下，需要将多个不同的域名放到同一个 Google 分析的媒体资源下，这样所有流量就能在统一的视图下查看。举个例子： 推广/引流类的网站域名是 www.a.com 及 www.b.com 在线下单购买的网站域名是 www.c.com 用户可能先搜索到了 www.a.com 里的内容，然后产生了购买欲望，然后跳转到 www.c.com 进行下单。要监控 a.com 到 c.com 的访问路径，及转化率，就需要将这三个域名放到一个媒体资源下。 示例代码 <!-- Global site tag (gtag.js) - Google Analytics --> <scri ...
百度统计事件分析对出站链接进行统计
2020-02-02 · 阅读 1095 · 字数 590
我有一些对出站链接点击情况进行统计的需求，例如： 阿里云大使链接的访问量。 京东联盟返利链接的点击情况。 这些都需要统计页面的 URL，及点击量。我好根据统计数据来判断具体页面的转化率是否符合预期。 之前只用过百度统计的自定义上报功能，但是不知道如何跟踪出站链接。 百度统计官方文档中的例子 https://tongji.baidu.com/web/help/article?id=236&type=0 对当前页面的客户端下载链接进行点击事件统计，具体示例代码如下： <a id="download" onclick="_hmt.push(['_tra ...
360 度展示产品 js 实现
2019-12-09 · 阅读 562 · 字数 121
图片放哪里 放服务器上的话，太占项目仓库空间。还是放到阿里云 OSS CDN 里吧。 这样就需要使用文件列表。需要注意的是，即使使用 data-image-list，也依然需要指定 data-folder。 data-folder="https://scaleflex.airstore.io/demo/360-car/" data-image-list='[ "iris-1.jpeg", "iris-4.jpeg", "https://scaleflex.airstore.io/demo/360-car/i ...
百度编辑器 UEditor 设置支持上传的图片格式
2019-10-24 · 阅读 1915 · 字数 105
今天在网站管理后台使用百度编辑器 UEditor 上传图片时，发现不支持 .jpeg 格式的图片，上传之后，提升“文件格式不支持”。 感觉应该是百度编辑器的配置问题，于是搜索了一下 imageAllowFiles，在 config.json 文件中找到配置。 增加 .jpeg 即可。 "imageAllowFiles": [".png",".jpg",".gif",".jpeg"], /* 上传图片格式显示 */ ...
- « Previous
- Next »
所有分类
| 生活 | 健身 跑步 清单 游记 足球 鲁班 探索 孤独的美食家 驾驶 电视剧 收纳 读书笔记 健康 game 电影 周末 |
|---|---|
| Geek | Laravel Git Vim MySQL Linux UI Windows SVN 纪录片 管理 Shell 工具 手机 BackboneJS 自建博客 Mac DNS Tornado CDN Django Python AngularJS 理财 前端 Nginx 爬虫 Redis Javascript Browser 浏览器 推广 OAuth CSS PHP Social Networks 安全 运维 创业 杂记 VueJS Android Image IDE Java ReactJS 数据分析 SQLite RESTful 家电 ecshop Vagrant wordpress docker SEO GTD magento mongodb nodejs weex 冷知识 ruby iOS 微信小程序 AI CMS 快应用 backpack 广告联盟 OA 短信 UWP Win CSharp Tampermonkey graphviz 钉钉 WPS 数据字典 微信公众号 Fuchsia Adobe XD SQL Server thinkphp 代码规范 商业模式 Flutter serverless 视频制作 国际化 golang 服务器 Kotlin 网站建设 5G 笔记本 图片 |
| 成长的烦恼 | 闲言碎语 待产 奶爸 不睡觉 写作 程序员 孙心然语录 |
| 地球 | 植物 时间 中文 赚钱 国家地理 烟台 一生伏首拜阳明 emoji 头痛的问题 弟子规 英文 国际贸易 |
Engler 2天前
我是来抢沙发的