CSS滤镜和混合模式处理的图片如何上传下载？
一、使用CSS滤镜和混合模式在线PS使用CSS滤镜和混合模式可以实现各种各样的图像处理效果，例如CSSgram项目，内置众多图像处理效果，部分效果示意如下缩略图：您可以狠狠地点击这里：CSSgram中的图像处理demo进入demo页面你也可以点击这里的按钮，更换你本地的素材，查看对应的图像效果：呈现的效果虽好，但是也带来另外一个问题，虽然视觉上是已经处理后的图片，但是如果我们右键-图片另存为，会发现还是原图。如果用户觉得某个图片处理后的效果很棒，想要保存到自己的本机，就会受阻。
CSS scroll-snap滚动事件停止及元素位置检测
一、Scroll Snap是前端必备技能CSS Scroll Snap是个非常好用的特性，可以让网页容器滚动停止的时候，无需任何JS代码的参与，浏览器可以自动平滑定位到指定元素的指定位置。类似幻灯片广告效果就可以纯CSS实现。而且CSS Scroll Snap的兼容性非常好，移动端几乎可以放心使用。更多关于CSS Scroll Snap的内容可以参见我之前的文章：“大侠，要不过来了解下CSS Scroll Snap？”，对相关的CSS属性有详细的介绍。二、源自实际项目的scroll-sn
写给自己看的CSS columns分栏布局教程
一、前言&索引Multiple-column布局，也称多列布局、多栏布局，我自己喜欢叫做分栏布局，这种布局可以讲内容布局到一组列框，类似于报纸上的排版。分栏布局非常特殊，有别于传统布局方法，它将包括包括所有子元素在内的所有内容拆分为列，这与我们打印网页时候时页面内容分割成不同的页面的方式类似。分栏布局IE10+都可以使用，API稳定，移动端兼容性比flex布局要好，虽然设计初衷不一样，但很多布局都可以实现。甚至某些场景下，只能使用分栏布局才能实现。很有学习的必要。与分栏布局相关的
CSS var变量的局部作用域（继承）特性
一、CSS变量非全局最近做项目，发现CSS变量一个有意思的特性，那就是变量作用域非全局。举个例子，如下HTML和CSS：<div class="box"> <div class="a">测试a</div> <div class="b">测试b</div> <div class="c">测试c</div></div>.box { --color: red;
常见的CSS图形绘制合集
以下这些造型简单的图形都是纯CSS外加一个HTML标签实现的，不少实现以前我介绍过，或者你也知道，但是有些相信你没见过。1. 正方形实时渲染效果如下：相关CSS代码：#square { width: 100px; height: 100px; background: red;}2. 长方形效果：相关CSS代码：#rectangle { width: 200px; height: 100px; background: red;}3. 正圆..
DOM小测28期 – DOM节点文档前后位置判断
一、题目与考察点题目地址：https://github.com/zhangxinxu/quiz/issues/9题目内容如下（点击查看大图）：本题主要考察如何判断DOM节点文档前后位置，父子关系等。我看了下最后的回答，近9成的回答使用了非常啰嗦的方法，比例之高，实在出乎意料。实际上，本题有非常简单、寥寥数行就能实现的方法，只要你知道下面这两个很有用的DOM原生API，一个是contains()方法，判断DOM元素或节点是否有包含关系；另外一个是compareDocumentPosition(
深入Node.compareDocumentPosition API
一、快速了解Node.compareDocumentPosition()方法可以用来对比两个HTML节点在文档中的位置关系，包括前后，父子，自身以及跨文档。不仅是DOM节点，文本节点，注释节点甚至属性节点的位置关系都可以判定，很强。IE9+浏览器支持，IE8可以借助sourceIndex来判定。二、深入理解compareDocumentPosition语法如下：compareValue = node.compareDocumentPosition(otherNode)注意：这里有个
使用document.scrollingElement控制窗体滚动高度
一、为何有document.scrollingElement？如果只是为了获取当前网页窗体的滚动高度，直接使用window.pageYOffset就可以了（IE9+），桌面端和移动端都支持。但是window.pageYOffset是一个只读属性，我们无法用来设置窗体的滚动高度，此时，就要找到对应的滚动元素，通过设置scrollTop值来改变窗体的滚动位置。然后，桌面端和移动端的窗体滚动元素是不一样的，如下测试代码：document.documentElement.scrollTop;do
DOM基础小测27期答疑文字版-窗体滚动二三事
一、题目与考察点题目如下（纸质打印拍摄图）：是相当简单的一道题目，入门级别的，虽然挺简单，但还有很多细节是很多人不知道的，因此还是很有价值的。本题主要考察窗体滚动，窗体高度获取，普通元素高度获取这几个知识点。本次B站直播在上午月10:15分开始，持续约40分钟，有录播，可以直接下面浏览。二、答疑内容大家回答地址这里：https://github.com/zhangxinxu/quiz/issues/41. 关于节流函数有不少人答题时候使用了节流函数，如下：..
backtrader策略参数大规模优化--使用粒子群和其他智能算法
backtrader内置的策略参数优化方法是权利搜索方法，也就是遍历每个参数组合值。在参数很多，每个参数取值变化范围大的情况下，优化效率是很低的。可以采用智能优化算法，比如粒子群优化等进行大规模参数优化。下面，我们用python开源算法库optunity来对backtrader策略参数进行优化。我们的示例策略是一个简单的双均线策略，要优化两个参数，及两个均线移动窗口，目标是使得账户市值最大化。采用optunity中的粒子群算法来优化，代码如下：# example of optimizing SMA c
backtrader不理解策略迭代表，就无法彻底理解多股操作
技术教程《扫地僧Backtrader给力教程系列一：股票量化回测核心篇》backtrader文档本身并没有提出“策略迭代表”这个概念，这是我们在自编教程中提出的概念。在多股操作时，必须理解涉及多股的策略迭代表中数据的对齐方式，否则你就无法理解一些运行现象。比如下面这位的问题就是没有理解这个概念而造成困惑。backtrader论坛上有人提了一个问题，见这里，他写了段简单的测试代码，如下。向策略加了两个行情数据，data0是指数（沪深300），data1是股票000001.SZ。在next中每迭代.
backtrader绘图运行出matplotlib错？你想不到的坑
不少朋友运行backtrader回测程序，调用cerebro.plot()命令时，会出如下错误cannot import name ‘warnings’ from ‘matplotlib.dates’左查又查找不到原因。其实原因可能很简单，就是matplotlib版本不兼容。backtrader与matplot 3.3不兼容，要降级到3.2，运行如下命令可降级：pip uninstall matplotlibpip install matplotlib==3.2.2需要backtrader技术教程
python量化开源框架backtrader，如何系统化地学习
backtrader是著名的开源量化框架，网上介绍其内容的文章都显零碎，要想学好它必须要系统化。这里列出一个目录，基本囊括了其要点，按此学习，才能全面系统地掌握其内容。
backtrader策略逻辑可使用的信息不限于datafeed，而是任何信息。你还没意识到吧？
backtrader自带的所有案例和文档，以及网络上几乎所有文章，编写策略逻辑时，使用的信息都仅限于datafeed提供的数据。这很容易给初学者造成一个印象，即编制策略时，只能使用datafeed里的信息。而有时，我们的策略需要一些不适合放到datafeed里的额外信息，能不能做到这点呢？完全可以，只要把这些外部信息放到普通pandas dataframe里，以参数形式传给策略（注意，不是传给datafeed），策略即可随意使用这些信息。代码模板如下...# 创建策略类class SmaCros
backtrader中何为一个交易trade?你可能并没理解它
1 概述在backtrader回测程序中，当交易trade状态发生改变时，会触发策略的notify_trade方法，这里头可以输出交易trade信息，例子如下：记录交易收益情况（可省略，默认不输出结果）def notify_trade(self, trade): if trade.isclosed: print('毛收益 %0.2f, 扣佣后收益 % 0.2f, 佣金 %.2f' % (trade.pnl, trade.pnlc
backtrader：关于trade对象，文档没告诉你的秘密
上一篇文章我们简单介绍了backtrader中交易trade的概念。其实关于trade，backtrader文档讲得很不清晰，或者太简略，以至于没几个人知道它的确切用法和用处。比如策略自身带的_tades属性是什么，怎么访问它的信息。trade对象的history属性又是什么，如何访问其信息，这些都语焉不详。本文从我们编写的教程里摘出部分内容，彻底解释清楚trade相关知识，以飨读者。...
backtrader股票量化回测超省力必须入门系列（1）：回测基本思想与“策略迭代表”
从本文开始，将连载我们的backtrader技术教程，方便感兴趣的用户入门backtrader。（全书内容参考这里）本文是第1章1.1-1.2节的内容。本次内容最核心的要点是“策略迭代表”，读者务必要理解它的概念和构造。...
backtrader从Binance币安在线api下载1分钟k线，进行数字货币交易回测
有人对数字货币很感兴趣，以下backtrader代码从币安交易所在线api获取1分钟k线，执行简单的双均线策略回测，可直接运行，大家体验一下数字货币回测吧。代码来自这里# testBinance.py# 从Binance币安在线api下载1分钟k线，进行回测import requests import backtrader as btimport backtrader.analyzers as btanalyzersimport json import pandas as pdimpor
backtrader股票量化回测超省力必须入门系列（3）：策略运行逻辑，线line相关概念
看了我的必须入门连载系列，如果你还不能入门，算我白写哈本次介绍backtrader技术教程的1.4节到1.5.4节，引入了非常重要的线line的概念。（全书内容点击这里本专栏的第一篇文章）编辑于 14 小时前...
今日推荐
周排行