GFW的原理及如何翻墙
中国的互联网审查制度，也被称为“防火长城”（Great Firewall，简称GFW），是一种复杂的系统，用于控制和过滤进入中国境内的互联网流量。本文将深入探讨GFW的工作原理，以及用户如何通过技术手段绕过这些审查，实现自由上网。 GFW的工作原理1. DNS 污染GFW使用DNS污染（也称为DN ... 继续阅读 »
GFW的原理及如何翻墙
中国的互联网审查制度，也被称为“防火长城”（Great Firewall，简称GFW），是一种复杂的系统，用于控制和过滤进入中国境内的互联网流量。本文将深入探讨GFW的工作原理，以及用户如何通过技术手段绕过这些审查，实现自由上网。 GFW的工作原理1. DNS 污染GFW使用DNS污染（也称为DN ... 继续阅读 »
Navicat Premium Lite
Navicat Premium Lite免费的数据库管理工具 之前一直用的破解版的，没想到官方直接出了免费的，部分功能缺失不影响正常使用 https://www.navicat.com.cn/products/navicat-premium-lite ... 继续阅读 »
WordPress设置绑定多个域名且实现多域名访问同一个WordPress站点方法
第一、设置支持任意域名访问 这里我们可以在当前WP站点根目的 wp-config.php 文件中添加。 define(‘WP_SITEURL’, ‘http://‘ . $_SERVER[‘HTTP_HOST’]); define(‘WP_HOME’, ‘http://‘ . $_SERVER ... 继续阅读 »
用JS给页面添加CSS
//只用JS添加CSS var styles = ` .btn_c#addToCart{background:blue} ` var styleSheet = document.createElement("style") styleSheet.innerTex ... 继续阅读 »
使用ffmpeg生成测试视频
FFmpeg可生成测试视频并模拟多种视频源：allrgb、allyuv、color、haldclutsrc、nullsrc、rgbtestsrc、smptebars、smptehdbars、testsrc、testsrc2、yuvtestsrc 使用举例1、生成纯色视频 ffmpeg -y ... 继续阅读 »
店匠产品描述改为Tab切换
把 sections / product_description.liquid 替换为以下代码{% assign open_full_page = section.settings.open_full_page %} {% if section.blocks.size > 0 %} & ... 继续阅读 »
Shopify - 优化方案
此方案价值220美金新建2个 snippets spdn.liquid<script>var _listeners=[];EventTarget.prototype.addEventListenerBase=EventTarget.prototype.addEventListener, ... 继续阅读 »
Shopify - 购物车页 paypal 按钮显示
#dynamic-checkout-cart ul{ width: initial !important; } #dynamic-checkout-cart ul li{ flex-basis: 250px !important; padding: 0 !important; ... 继续阅读 »
Shopify - 加购抽屉式
showtime 可以直接用，其它theme可以参考：http://lpdemo.smartsaker.top/addtocart.html 修改并增加配置项在Config版块中的settings_schema.json查找到cart_type修改为如下代码 { "t ... 继续阅读 »
JS获取元素属性
getComputedStyle(element).property 如获取颜色getComputedStyle(header).color header是选择器 element.style.property gets only CSS properties assigned directly ... 继续阅读 »
纯CSS实现轮播
1. 把图片水平排列<div class="banner"> <div class="banner-wrapper"> <ul class="banner-list"> <li ... 继续阅读 »
鼠标下滑隐藏上滑显示丝滑
要实现的效果 HTML<nav class="fatherbox">11111</nav> <div class="box"></div> CSS.fatherbox { position: fi ... 继续阅读 »
JS等待直到元素出现
function waitForElm(selector) { return new Promise(resolve => { if (document.querySelector(selector)) { return resolve(d ... 继续阅读 »
用 JS 原生方法实现 jQuery 的 append, prepend, before, after
相当于 $(el).before(‘html’ | element) el.insertAdjacentHTML('beforeBegin', 'html'); el.insertAdjacentElement('beforebegin', ele ... 继续阅读 »
css实现按钮放大缩小动态效果
<button class="btn">点我</button> .btn { animation: scaleDrew 2.5s ease-in-out infinite; } @keyframes scaleDrew { 0% { ... 继续阅读 »
Liquid模板常用技巧
标签引用店匠 <script src="{{'base.js' | shoplaza_asset_url }}"></script> <link rel="stylesheet" type="text ... 继续阅读 »
纯CSS实现tab(:target伪类实现)
html<div class="container"> <div id="content1" class="active">列表1内容:123456</div> < ... 继续阅读 »
JS等待页面加载完毕
纯js方法// (1)、页面所有内容加载完成执行 window.onload = function(){ } // (2)、ie9以上版本监听事件 if('addEventListener' in document){ document.addEventLi ... 继续阅读 »
CSS水平垂直居中
.box { display: flex; align-items: center; justify-content: center; } ... 继续阅读 »