shopify 前端开发遇到的问题及解决（部分）
问题：gallery不同部分的小li互相干扰
解决：修复了小li互相干扰的bug，原因：其实不单单需要修改小li的class，并且需要修改小li的控件，也就是是loopli，不然会互相干扰，shopify的section中jQuery能够拿到所有section的变量，而不是一个section就真的是一个页面，在一个首页部分，都能拿到数据，section可以理解成一个个组件，之间的变量命名还是不能一样会互相干扰。
bug：slishow按钮自动变到最大，设置min-width失败，设置max-width有效但是无法实现效果
解决： 将按钮设置成inline-block，之前设置的是block，block默认的宽度是100%所以导致设置min-width失效，其实就是block设置了width，转而设置inline-block就不会有默认宽度了，可以解决问题。
页面：404原因是由于编辑者模式下未删除对应section的情况下就去暴力删除section文件了，导致报错 解决：①去index.json里面删除已经删除的section②或者还原被删除文件，先在编辑者模式下删除section再去删除section
bug：在js里面使用
liquid语句，无法生效
解决方法：不要陷入思维误区，js有自己的判断语句，逻辑功能并不会比liquid的差，所以完全没有必要纠结用liquid实现，大可以直接写js判断语句或条件判断，不过需要注意字符
少了''这个符号（'{{block.type}}'）就是变量了，会报错
在liquid代码上面使用js语法命名变量可能会触发报错，并且不生效，但是如果加上；号就会运行成功，具体原因不详。
还与console.log有关，如果不console.log不加；也不会报错，但是如果有了console必须加；
我找到原因了：放进for的变量必须加；符号，否则就会报错，反正加了就不会报错，但是只是在$符号里面的话不会报错，我猜测可能是$封装脱离了liquid限制。内部的变量最好也加；无脑加就完了
js中的for语句 如果有变量， 需要在他头上声明一遍才能使用，不然会丢失最初声明命名的那个值
问题：product页面无法跳转bug且出现404页面
问题解决：404问题一般都是json出问题了，我看了一下，好像之前图片格式删除了，但是json为改动，导致图片格式依旧存在与product.json格式里面导致无法跳转，删除即可
问题：为什么避免本地修改编辑者模式呢？因为本地修改的是临时的，重启cmd后会复原至你拉下云端主题的json
解决：因为本地修改的话，如果删除会导致json文件丢失，因为编辑者模式下可以理解成后台模式下编辑，你拉下来的主题的时候 json已经定死了，所以你继续删除或者修改涉及json数据的时候，他是无法监测到的，下一次cmd启动的时候，系统就会报错，告诉你json数据丢失原因也很简单，就是修改后的模板部分json已经丢失了或者说被你删除了，但是拉下的json是死的，所以他会认为文件是丢失的而不是你删除的，避免这种情况也非常简单，就是在云端商店的编辑者模式下进行操作，这样改变的数据就是后台的，而cmd条件下编辑的数据在下一次重启的时候会复原成拉下来最初的样式的，也就是json在拉下来的时候已经定死了，虽然cmd条件下依旧可以进行修改也能够显示，但是不会修改json的数据，json在拉下来那一刻就已经定死了，不会实时监测，可以选择手动修改修复bug，但是shopify不会帮你在json中删除的。
shopify 前端开发遇到的问题及解决（部分）相关推荐
- 前端开发：Vue项目中解决Emitted value instead of an instance of Error问题
分享一个在刚接触前端开发的开发者常遇到的一个经典错误,那就是在Vue项目运行中遇到Emitted value instead of an instance of Error的问题,附带解决该问题的方法 ...
- Shopify 前端开发 占位符(占位图片)的使用
Shopify 占位符的使用 本人兼职shopify 开发工作,如有需要可以加我微信 abc939039210,备注 shopify开发咨询 摘要 这编内容很简单,基本我们只需要知道怎么调用就行了 在 ...
- firefox如何载入json文件_如何去解决JS跨域问题 怎么能学好Web前端开发
如何去解决JS跨域问题?怎么能学好Web前端开发?JavaScript跨域是指通过JS在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过JS获取页面中不同域的框架中(if ...
- proxy跨域不生效_前端开发：深入使用proxy代理解决跨域问题
在前端领域里面,跨域指的是浏览器允许向服务器发送跨域请求,进而克服Ajax只能同源使用的局限性限制.同源策略是一种约定,而且是浏览器中最基本也是最核心的安全功能,若缺少了该策略,浏览器非常容易被*** ...
- 前端开发如何独立解决跨域问题
前端开发如何独立解决跨域问题 参考文章: (1)前端开发如何独立解决跨域问题 (2)https://www.cnblogs.com/softidea/p/7425894.html 备忘一下.
- 马小看前端( 在开发中遇到问题如何解决 )
马小看前端( 在开发中遇到问题如何解决 ) 今天我们来说说,在开发中遇到问题该如何去找到并且去解决他,相信很多人在开发中不少遇到过bug这个东西,有的对于bug已经无可奈何,搞人心态哦,不过bug是一 ...
- 前端开发：Vue报错Avoid mutating a prop directly since the value will be…的解决方法
前言 前端开发中,在使用Vue开发的时候,经常会遇到一些很共性的报错提示,而且有时候提示已经很明确的告诉开发者问题出现在哪里,尤其是在Chrome的控制台输出上面,只要看一下输出日志就知道问题所在.但 ...
- 前端开发审查元素时CSS样式有个横线（该CSS样式定义后无效） 的解决办法
问题概述 关于这个问题,博主是在前端开发,样式调试的时候遇到的, 进行盒模型,CSS Debugger调试时,遇到样式设值后不可用的情况! 如下图: 解决办法 左看右看,上看下看,最终发现是前面在编码 ...
- 前端开发：Vue报错Computed property “show“ was assigned to but it has no setter的解决方法
前言 在前端开发中,使用Vue的时候关于组件使用是非常常见的操作,而且也会遇到各式各样的问题,尤其是刚接触前端开发的开发者.本篇博文分享一下在封装关于Vue的组件的时候,通过计算属性监听父子组件传值提 ...
最新文章
- cmd编译java命令_使用CMD命令编译执行java命令
- Go 函数,包(二)
- mysql handlers,2 Handlers
- Android 高效的`InjectView – ButterKnife`
- dns服务器zones文件,DNS服务安装与配置
- 线性回归模型算法原理及Python实现
- android:paddingtop 百分比,相对层中的百分比宽度
- jax-rs配置_具有MicroProfile配置的可配置JAX-RS ExceptionMapper
- java jni librtmp_编译Android平台libRTMP库
- 14008.xilinx-EMIO 扩展I2C问题
- 如何添加二级标题_怎样给Word文档添加目录？
- eclipse配置项目部署到到本地tomcat
- JSON离线格式化工具HiJson
- LT8618SXB-HDMI发射器,运行功率小于100mA播放24bit 1080P内容，待机功率小于2mA
- 如何用python做比分网_使用python对历届世界杯进行数据分析
- 2020.11.30【NOIP提高B组】模拟 总结
- OpenLayers3基础教程——OL3 介绍control
- 【Python】笨方法学Python学习笔记1
- [ 数据通信面试篇 ] 数通面试题大集合(详解)，看完直怼面试官（一）
- 活跃用户的测算方法与用户黏性指数的提出