都是学习阶段中的一些杂七杂八的笔记，不喜误喷
mdn web doc
pycharm教程
http://blog.csdn.net/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);
如有侵权，请联系我撤下
165
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
