有用的笔记

都是学习阶段中的一些杂七杂八的笔记，不喜误喷

mdn web doc

pycharm教程

http://blog.youkuaiyun.com/u013088062/article/details/50388329

护卫神

远程问题解决

https://jingyan.baidu.com/article/39810a23edc48bb637fda672.html

斜体样式转发是在服务器端发挥的作用，通过forward()方法将提交信息在多个页面间进行传递

COBOL是面向事务处理的语言，XML即可扩展标记语言，PROLOG是逻辑式语言， LISP是函数式语言。Python可称为通用的脚本语言。

java的继承是extends别少了s，implements 。

通常功能测试可以分为以下三个方面：正确输入的测试、错误输入的测试、对边界值的测试。

^异或，相等的为0，不相等的为1                                               
                                                                            
正数为0，负数为1， 权值可以计算二进制                                       
PS：正数的原、反、补码都一样：0的原码跟反码都有两个，因为这里0被分为+0和-0。
反码 就是在原码的基础上，符号位不变其他位按位取反(就是0变1，1变0)就可以了   
补码 也非常的简单就是在反码的基础上按照正常的加法运算加1。                  
移码 最简单了，不管正负数，只要将其补码的符号位取反即可                     
                                                                            
  正数：                                                                    
  原码=反码=补码                                                           
                                                                            
  负数：                                                                    
  原码                                                                      
  反码=其原码除符号位之外的各位求反                                          
  补码=反码+1  （如果+1之后有进位的，要一直往前进位，包括符号位）           
                                                                           
~补码                                                                       
10000000这个补码表示的哪个数的补码呢？                                      
  其实这是一个规定，这个数表示的是-128                                      

权值计算

16进制转10进制算法
A = 10, B = 11, C =12 ...... F= 15
FFF  =  15*(16^2) + 15*(16^1) + 15*(16^0)  = 4095
同理也可转换其他进制的
比如15进制的567等于十进制的 5*(15^2) + 6*(15^1) + 7*(15^0) = 1222
1676  (306C)H
国标码=区位码+2020H,16=10H，76=4CH，10H+20H=30H，4CH+20H=6CH。

C语言知识

在 C 语言中，字符串实际上是使用 null 字符 '\0' 终止的一维字符数组。因此，一个以 null 结
尾的字符串，包含了组成字符串的字符。
下面的声明和初始化创建了一个 "Hello" 字符串。由于在数组的末尾存储了空字符，所以字符数组
的大小比单词 "Hello" 的字符数多一个。
char greeting[6] = {'H', 'e', 'l', 'l', 'o', '\0'};

虚拟机的常见问题

    http://www.cr173.com/html/11366_1.html 
    下载地址
    http://www.downza.cn/soft/74728.html
    http://www.uusofts.com/12215.html

api调用网站

http://gank.io/api

ae学习笔记

http://www.360doc.com/content/16/0622/20/10170984_569878169.shtml

小程序引用模板使用import标签
引用css样式使用@import

git 提交代码流程

git pull
git add xxx or git add .
git commit -m "备注"
git push

感觉有用的知识

open()
close()可以实现后端网页的切换，保留导航栏
js 原型与原型链其实和Java的继承，构造函数差不多
视频断点续传
jquery animate 不能设置背景色的渐变
magento2 基础
jQuery ui widget factory
require.js
menu.js
完全居中是要设置line-height:1;
proxy 代理
jQuery('html,body') 可以同时抓取多个标签
https://www.jq22.com/ 动态交互的效果库
css 压缩地址
https://www.runoob.com/csspack
属性写法，查找比对的标签，是否存在
$('.media-layout .progress-swiper .child-image[data-option_id="'+ optionSelected +'"]').length > 0 
jquery find()只允许填写一下的选择器，最好选一个就好

阻止A标签跳转

1、设置href的值为 JavaScript：；
2、设置href的值为 JavaScript：void(0);
3、在onchick()事件里return false;
js onclick事件阻止拦截 可以把A标签放在form里面
img 是行内元素，左图右文字的时候贴近下边要变成块级元素

css 超出省略

 .catalog-category-view .product-item-info a.product-item-link{
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: inline-block;
      max-width: 42%;
  }

jquery网页调试技巧

// 调试技巧https://fiido.com/reviews?debugaaa 
//检查链接是否包含指定字符串
  var urlPath = window.location.href;
  if(urlPath.indexOf('debugaaa') !== -1){
      $('.new-page-reviews').show();
  }

css 知识点

滚动条与出现的块是同级
::-webkit-scrollbar ​滚动条整体部分
::​-webkit-scrollbar-button​ 滚动条两端的按钮
​::-webkit-scrollbar-track ​外层轨道
::​-webkit-scrollbar-track-piece​ 内层轨道，滚动条中间部分（除去）
::​-webkit-scrollbar-thumb​ 内嵌滑块
​::-webkit-scrollbar-corner​ 边角
​::-webkit-resizer ​定义右下角拖动块的样式

nth-last-child(1) 倒数第几个元素
nth-child(n+1) 奇数
nth-child(2n) 偶数
nth-child(2n+1) 等差数列。。。
last-child 不能在最后增加其他元素
width: 100vw; 屏幕宽度
height:100hw; 屏幕高度

magento2 study
https://github.com/magento/magento2

inline-block 有一点底边距，block没有,图片占满要设置block
pc->video 全局视频加载 data-src
<video src="movie.mov" poster="thumbnail.jpg" controls playsinline></video>

<video
  muted /*静音播放属性，微信环境中可删除*/ 
  src="autoplay.mp4"  /*资源地址*/ 
  poster="images/poster.jpg"   /*资源封面 加载海报*/ 
  preload="auto"   /*是否自动播放*/ 
  autoplay="autoplay" /*是否自动播放*/
  webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在小窗内播放，即不全屏播放*/  
  playsinline="true"  /*IOS微信浏览器支持小窗内播放*/ 
  x-webkit-airplay="allow" /*使此视频支持ios的AirPlay功能*/
  x5-video-player-type="h5"  /*启用H5播放器,是wechat安卓版特性*/
  x5-video-player-fullscreen="true" /*全屏设置，设置为 true 是防止横屏*/>
  x5-video-orientation="portraint" /*播放器支付的方向，landscape横屏，portraint竖屏，默认值为竖屏*/
  style="object-fit:fill"> /* 图片覆盖属性 object-fit: fill|contain|cover|scale-down|none|initial|inherit;*/
 >
</video>

ScrollMagic参数解析
重点：设置的动画对象必须是有定位的
offset:500   距离屏幕底下的偏移量
triggerHook:1  触发器的钩子，1为最上面，0最底下
triggerElement: "#record-layout" 动画的对象
setPin  固定的对象
duration: 800 动画（scene）持续的时间（滚动条偏移持续的距离，y 的话就是滚动的高度） 

HTML audio/video DOM canplaythrough事件
canplaythrough事件定义和用法
当浏览器估计它可以播放指定的音频/视频而不必停止缓冲时，就会发生canplaythrough事件。
在音频/视频的加载过程中，会按以下顺序发生以下事件：

loadstart
durationchange
loadedmetadata
loadeddata
progress
canplay
canplaythrough

setTimeOut 里面声明变量需要用let,不用var
Bootstrap class and id 属性控制行为 data-bs-auto-close="false" =>>>>autoClose 控制样式的 col-sm-6 sm 代表设备，6代表一行占比，12占满
https://mb.bootcss.com/index.html
https://v5.bootcss.com/docs/customize/overview/
http://bootstrap.cn/doc/read/139.html

//引入的css 和js文件必须配套
<link rel="stylesheet" href="../css/bootstrap.min.css">
<script src="../js/bootstrap.bundle.min.js"></script>

shopfiy schema 语法 https://shopify.dev/docs/themes/architecture/sections/section-schema
shopfiy liquid 语法
代码跟踪，各种事件的跟踪
ga4 chick
facebook pixel click 事件
一般将JS文件放在页面的最底部的原因
购物录像分析  Hotjar

    .what-experts-say .video-text {
        flex: 0 0 50%;
        max-width: 50%;
    }
    编写视屏步骤1，先设置定位，再设置相对定位padding-top 按照比例
   。。。。块的 margin 与 margin 之间会崩塌，重叠边距

    require(['jquery','domReady!'],function($){  
        $('#learn-more-pos').on('click', function(){
            $("html,body").animate({ scrollTop: $('.sale-rules').offset().top - 100 }, 300);
        }); 
    });

超过指定行数省略
    .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;    
}

瀑布流用js 计算定位，transform:translate(0px,0px) 来做

// 往jq添加抖动方法
jQuery.fn.shake = function (intShakes /*Amount of shakes*/, intDistance /*Shake distance*/, intDuration /*Time duration*/) {
    this.each(function () {
        var jqNode = $(this);
        jqNode.css({ position: 'relative' });
        for (var x = 1; x <= intShakes; x++) {
            jqNode.animate({ left: (intDistance * -1) }, (((intDuration / intShakes) / 4)))
            .animate({ left: intDistance }, ((intDuration / intShakes) / 2))
            .animate({ left: 0 }, (((intDuration / intShakes) / 4)));
        }
    });
    return this;
}
$(this).shake(2, 10, 400);

如有侵权，请联系我撤下