转载：京东零售官方设计共享平台 ｜走进京东618大促“产星”之路 近期项目遇到关于视频的需求，文章很多内容非常受益，转载保存 活动介绍 活动背景 今年618我们承接两个活动——产业带和星店长。 本次产业带会场延续之前的“源头好物”为主题，以1日1主推形式通过短视频和直播展现；帮助买家直达原产地优质货源，帮助卖家提升竞争力，降低竞争成本。 今年618…

GitHub Pages 常被用来部署个人博客，而无论是大名鼎鼎的 Jekyll，还是 Hugo 或者 Hexo，他们都是将我们的文章嵌入模板，发布为静态页面，也就是说，GitHub Pages (Gitee Pages) 只支持托管静态页面，包括页面所需的静态资源。 如我们所知， React 和 Vue 都包含一个对应的路由插件，而这个路由插件会…

一、空格规则 HTML 代码的空格通常会被浏览器忽略。 <p>◡◡hello◡◡world◡◡</p> 上面是一行 HTML 代码，文字的前部、内部和后部各有两个空格。为了便于识别，这里使用半圆形符号◡表示空格。 浏览器的输出结果如下。 hello world 可以看到，文字的前部和后部的空格都会忽略，内部的连续空格只会算作…

项目中发现，多系统通过iframe嵌套时，如果iframe的请求是重定向会导致父级页面重定向，怎么破？ 查找MDN(https://developer.mozilla.org/zh-CN/docs)，找到sandbox 属性是用来限制安全沙箱的. 最终的设置 (不包含allow-top-navigation即可) 1、在 PC 端你可以这样设置 i…

打印显示[object Object]，因为返回的就是json字符串 [Object Object] 说明 [object Object]是对象的字符串形式，由于隐式调用了 Object 对象的 toString() 方法，形式是："[object Object]"。[object Object] 表示的就只是一个对象，当前对象…

fullPage.js[官网] 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，类似 swiper 插件一样。如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。如果你也希望你的网站能设计成全屏的，显得更上档次，你可以试试 fullPage.js。…

遇到一个屏蔽点击事件，以前一般都是通过js控制，阻止事件，今天看到css加一个样式就能屏蔽，来记录一下 //css禁用点击事件 .test { pointer-events: none; } 官方解释[官方]： 元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种…

判断方法 if (navigator.userAgent.indexOf('AliApp') > -1) { console.log("支付宝小程序") } 特殊情况 1 如该 H5 页面需要同时在非支付宝客户端内使用，为避免该请求404，可参考以下写法 <script type="text…

CSS 中无法直接给背景图片加 opacity 属性，可以使用伪元素的方法实现这种效果。 html { width: 100vw; height: 100vh; position: relative; } html::after { content: ""; background: url(https://api.xiaodon…

转载地址： css动画之360首页四字移动动画 没有用的知识又增加了? 点这儿查看效果~ 无意中打开了360首页，想找找有什么优秀的网站（比如7k7k、4399小游戏之类的）。咳咳~~~ 突然看到一个好看的玩意： 从事前端之后会有两个毛病，一个是编辑完一句话之后习惯ctrl+s 。 emmmmm 又来了。 另一个就是看到浏览器上有什么奇怪的玩意，喜…