摘要：
上个月和Extjs说byebye了，以后大概也没机会用了。之前的博客有点乱，大家看着比较麻烦，所以趁着我还没忘，在这里总结一下♪(^∇^*) 写了个demo，传到git上了，有需要可以自取。Extjs-Demo（https://github.com/gingerJY/Extjs-Demo） 本文基于 阅读全文
摘要：
一、概述 微信小程序提供了可以唤起预约视频号直播弹窗的接口 reserveChannelsLive，该接口接收一个参数 noticeId，通过 getChannelsLiveNoticeInfo 接口获取。因此，过程如下： 查看视频号 id finderUserName --> 调用 getChan 阅读全文
摘要：
一、概述 关于 Shopify Theme 的性能优化，通常有以下几点： 1、卸载未使用的应用程序 有些 app 会在 theme 里面插入一些代码，即使 app 未被使用，也可能会加载一些脚本文件，影响页面渲染速度，所以建议不使用的 app 都卸载掉。 2、适当埋点，太多的埋点上报会影响网站速度 阅读全文
摘要：
一、什么是事件委托 事件委托（Event Delegation）是一种常用的技术。 它利用事件冒泡的特性，在父元素上监听事件，而不是在子元素上直接添加事件监听器。 通过在父元素上捕获事件，然后根据事件的目标（target）来执行相应的操作，从而实现对子元素的事件处理。 二、实现方式 通过给父元素添加 阅读全文
摘要：
一、什么是跨域 1、跨域的产生 在Web开发中，一个网页请求另一个域（域名、协议、端口号任一不同）的资源，就会发生跨域。 2、跨域请求 跨域请求是指在浏览器中执行的请求，其目标资源的域名、协议或端口与当前页面不同。 3、跨域资源共享（CORS） 跨域资源共享（CORS）是一种机制，它允许在一个源（域 阅读全文
摘要：
一、什么是 CSS 盒模型 CSS 盒模型是指在网页中，每个元素都被看作是一个矩形的盒子，这个盒子包含了元素的内容（content）、内边距（padding）、边框（border）和外边距（margin）。 二、标准盒模型与怪异盒模型 1、box-sizing 两个常用参数： content-box 阅读全文
摘要：
一、什么是响应式设计 是一种网站或应用程序设计方法 页面的布局、内容、以及功能在不同的设备和屏幕尺寸下都能够自动适应 确保用户无论在何种设备上都能够获得一致且友好的体验 二、如何实现响应式设计 1、流式布局 使用百分比、em或rem等相对单位定义页面的宽度和其他尺寸，元素随着浏览器窗口大小的变化而自 阅读全文
摘要：
以下是一些可能出现在中国互联网公司前端开发工程师面试中的题目： 解释一下 CSS 盒模型，并说明其中的各个部分。 请解释一下响应式设计是什么，以及你是如何实现响应式设计的。 什么是跨域资源共享（CORS）？它的工作原理是什么？如何在前端处理跨域请求？ 请解释一下 JavaScript 中的事件委托（ 阅读全文
摘要：
一、什么是 Liquid Liquid 是一款专为特定需求而打造的模板引擎。 Liquid 中有两种类型的标记：Output 和 Tag。 Output 通常用来显示文本 {{ 两个花括号 }} Tag 通常用于执行逻辑命令 {% 花括号加百分号 %} shopify filter：https:// 阅读全文
摘要：
一、升级原因 在开发shopify app的时候，提示我当前的Ruby版本不支持（如下图），所以需要升级Ruby。 由于Ruby 中的一些 Gem 依赖于 OpenSSL 库，所以更改 Ruby 版本，还需要安装正确版本的 OpenSSL。 下面的升级过程会先安装 OpenSSL 1.1，再安装 R 阅读全文
摘要：
2023年好快啊，一转眼就要结束了 (⊙︿⊙) 我竟然一整年都没有写一篇博客 Σ(⊙▽⊙"a 我这一年都干啥了？！ 回想一下，主要就是各种主题开发…… 论坛 Discourse 自定义主题，电商平台 magento 和 shopify 的自定义主题 其次，也做了一些动画，有时间可以记录一下^_^ 总 阅读全文