随笔分类 - 前端相关
前端相关
摘要：在日常应用场景中，可能会遇到这么一个情况，需要判断用户是否完整的观看完了一部视频，在这个场景中，和视频相关的事件大体涉及到几个部分，获取视频长度，视频开始播放，暂停播放和播放结束，下面来看下如何通过JavaScript来监听获取视频的这几种状态。 （1）html页面视频标签大体如下 <video i
阅读全文
摘要：Number类型是没有length属性的，可以参考MDN文档Number类型的描述 延伸 问题： 我在浏览器控制台里直接输入78.length回车是报错的，但是， var someValue = 78; var strLength = someValue.length; console.log(st
阅读全文
摘要：尊敬的用户： 接 CNNIC 注册局通知，.cn、.中国 域名即将暂停免费政策，若继续使用或将收取相应的服务费用。具体调整如下： 1. 自2022年12月26日后，腾讯云将暂停开启隐私保护功能，恢复时间待定。 用户不可在控制台开启隐私保护功能，但仍可操作关闭，关闭之后不可开启。 2. 2022年12
阅读全文
摘要：复制单个代码控制台运行看结果 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 console.log("new Date().getDate()" ,new Date().getDate()) 从 Date 对象返回一周中的某一天 (0 ~ 6)。 console.log("new Da
阅读全文
摘要：定义组件名的方式有两种： 使用 kebab-case Vue.component('my-component-name', { /* ... */ }) 当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case，例如 <my-comp
阅读全文
摘要：一、单一职责原则 就一个类而言，应该仅有一个引起它变化的原因。 如果一个类承担的职责过多，就等于把这些职责耦合在一起，一个职责的变化可能会削弱或者抑制这个类完成其他职责的能力。这种耦合会导致脆弱他的设计，当变化发生时，设计会遭受到意想不到的破坏；软件设计真正要做的许多内容就是发现职责并把那些职责相互
阅读全文
摘要：传统的 JavaScript 语言，输出模板通常是这样写的（下面使用了 jQuery 的方法）。 $('#result').append( 'There are <b>' + basket.count + '</b> ' + 'items in your basket, ' + '<em>' + b
阅读全文
摘要：小程序链接生成与使用规则调整公告: https://developers.weixin.qq.com/community/develop/doc/000aeab88a4ea0c5c89d81fde5b801 各位开发者： 为确保小程序链接合理使用，自 2022 年 4 月 11 日起，URL Sch
阅读全文
摘要：通过ip而非localhost访问 1.在config目录下的index.js文件中将host改为0.0.0.0: 2.在package.json文件中修改运行时的dev为: 必须重启项目，否则不生效 订阅 内容同步更新在王永杰的网络日志和微信小程序。 微信搜索“王永杰的网络日志”或者扫描二维码，即
阅读全文
摘要：转载：京东零售官方设计共享平台 ｜走进京东618大促“产星”之路 近期项目遇到关于视频的需求，文章很多内容非常受益，转载保存 活动介绍 活动背景 今年618我们承接两个活动——产业带和星店长。 本次产业带会场延续之前的“源头好物”为主题，以1日1主推形式通过短视频和直播展现；帮助买家直达原产地优质货
阅读全文
摘要：GitHub Pages 常被用来部署个人博客，而无论是大名鼎鼎的 Jekyll，还是 Hugo 或者 Hexo，他们都是将我们的文章嵌入模板，发布为静态页面，也就是说，GitHub Pages (Gitee Pages) 只支持托管静态页面，包括页面所需的静态资源。 如我们所知， React 和
阅读全文
摘要：打印显示[object Object]，因为返回的就是json字符串 [Object Object] 说明 [object Object]是对象的字符串形式，由于隐式调用了 Object 对象的 toString() 方法，形式是："[object Object]"。[object Object]
阅读全文
摘要：判断方法 特殊情况 1 如该 H5 页面需要同时在非支付宝客户端内使用，为避免该请求404，可参考以下写法 参考 官方文档 | web-view H5 页面承载 ↩ 官方文档 | web-view H5 页面承载 ↩
阅读全文
摘要：CSS 中无法直接给背景图片加 opacity 属性，可以使用伪元素的方法实现这种效果。
阅读全文
摘要：转载地址: 面试官：JavaScript如何实现上拉加载，下拉刷新？ 一、前言 下拉刷新和上拉加载这两种交互方式通常出现在移动端中 本质上等同于PC网页中的分页，只是交互形式不同 开源社区也有很多优秀的解决方案，如iscroll、better-scroll、pulltorefresh.js库等等 这
阅读全文
摘要：转载地址: 面试官：什么是HTTP? HTTP 和 HTTPS 的区别? 一、HTTP HTTP (HyperText Transfer Protocol)，即超文本运输协议，是实现网络通信的一种规范 在计算机和网络世界有，存在不同的协议，如广播协议、寻址协议、路由协议等等...... 而HTTP是
阅读全文
摘要：定义和用法 try/catch/finally 语句用于处理代码中可能出现的错误信息。 错误可能是语法错误，通常是程序员造成的编码错误或错别字。也 可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。 try语句允许我们定义在执行时进行错误测试的代码块。 catch 语句允许我们定义当 try
阅读全文
摘要：web视频播放器的使用及遇到的问题记录 TcPlayer播放器(腾讯Web超级播放器) https://cloud.tencent.com/document/product/881/20207 Step1. 页面准备工作 在需要播放视频的页面（PC 或 H5）中引入初始化脚本。 如果在域名限制区域，
阅读全文
摘要：获取页面传来的参数 测试 abcd.html?name=xyz 应该弹出xyz 查找参数是否存在 location.search.match
阅读全文
摘要：这个系列的上一篇教程，教大家写了一个最简单的 Hello world 微信小程序。 但是，那只是一个裸页面，并不好看。今天接着往下讲，如何为这个页面添加样式，使它看上去更美观，教大家写出实际可以使用的页面。 所有示例的完整代码，都可以从 GitHub 的代码仓库下载。 一、总体样式 微信小程序允许在
阅读全文
