qq_39871330-CSDN博客

转载一行CSS实现滚动时藏在信息流后面的广告效果

1、首先看一看是什么效果？2、一行background-attachment:fixed搞定镂空信息流广告这个方法理论上是最简单效果也最好的方法。CSS中有个background-attachment属性，当我们设置属性值为fixed的时候，背景图片相对于窗体定位，不受滚动影响。于是，我们的实现就很简单：信息流列表HTML中插入个广告<a>链接，然后广告图作为背景图...

2018-08-07 17:06:43 975

原创切图-快速导出图片

PS设置1. 首选项(ctrl+k)>增效工具>√ 启用生成器2. 文件>生成>√ 图像资源3. 在要导出的图层或组重命名，如（xx.jpg,xx.png），2倍像素（200% logo @2x.jpg），品质（xx.jpg8,xx.png8)SVG4. 在要导出的图层或组重命名，加后缀（xx.svg）4.1 抽出资源：文件>抽出资源（PS2...

2018-07-18 16:36:48 605

原创 window弹出框 alert（）；prompt（）；confinrm（）；console.log；

alert（）；弹出提示框confirm（）；确定对话框prompt（text，defaulText）；输入文字对话框，text：对话框显示纯文本（而不是HTML格式文本）；defaultText，默认文本。注：弹出框换行用“ /n ”;console.log();控制台打印内容；...

2018-06-15 10:00:30 1812

转载原生 js 实现点击按钮复制文本

一、原理分析浏览器提供了 copy 命令，可以复制选中的内容document.execCommand("copy")如果是输入框，可以通过 select() 方法，选中输入框的文本，然后调用 copy 命令，将文本复制到剪切板但是 select() 方法只对 <input> 和 <textarea> 有效，对于 <p> 就不好使最后我的解决方案是，在页面中...

2018-06-14 16:09:09 298

翻译 window.open( )；window.close( );

window.open("new.html","newwindow","width=400,height=400,left=0,top=0,toolbar=")left:窗口X轴坐标；top：浏览器Y轴坐标；toolbar:是否显示浏览器的工具栏；menubar：是否显示菜单栏；scrollbars：是否显示滚动条；location：是否显示地址字段；status：是否添加状态栏；window.c...

2018-06-14 15:26:28 789

转载视频播放–踩坑小计

随着流量时代的到来和硬件技术的提升，越来越多的网站希望能在PC端或移动端播放自己的视频，而 <video>的兼容性的逐渐完善，使得开发者更愿意使用它来实现视频播放场景。本篇文章主要罗列__视频播放的通用场景及各场景下踩过的坑__，希望能__帮助开发者在遇到需求开发时能更快地选择合适的技术方案同时减少采坑的次数__。场景一：自动播放autoPlay 布尔属性；指定后，视频会马上自动开始播...

2018-06-11 09:12:29 217

原创判断是否是pc或移动端

2018-05-25 13:28:43 765

翻译我的一些投资逻辑

逻辑一：我认为股市里最挣钱的方法就是做高速成长的行业，在高速成长行业里找高速成长的公司，跟随公司一起成长，享受一个行业或一个公司由小到大的过程，给我们带来的资本回报率，这是投资过程中最肥厚的利润。我们投资过程中所做的任何分析用的各种方法，都要围绕着这样一个基本逻辑，如何找出一个确定性极高高速长远增长的公司，我们就找到了投资的真谛。寻找未来会伟大的公司或以后还会伟大的公司，让我们获得伟大的利润。逻...

2018-05-02 16:31:52 194

转载 Flexible实现手淘H5页面的rem布局适配

前言项目加上了缩放比例, 但是ionic本身很多组件都是px的导致在github上的插件总是这样那样的问题弄得心很累, 一气之下。直接全部替换成了淘宝的H5方案，反正改的也不少导入方案1. 直接阿里云CDN在单页index.html中加入<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexi...

2018-04-03 10:10:45 372

转载 20条CSS高级技巧（推荐收藏）

作者：Matt Smithhttps://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-CN#table-of-contents20个有用的CSS小技巧，来帮你把CSS技能提高到高级水平 [Github上有8000多个star]。包括Flexbox、REM、:not()选择器、负的nth-child等。01、使...

2018-04-01 16:51:16 134

原创 oncopy 拷贝复制事件与禁止复制

如何实现整个网页复制时跳转到微信 $(function(){ document.body.oncopy =function(){ window.location.href='weixin://'; //location.herf=指向一个链接或应用 } });禁止复制<input type="text" oncopy="myFunc...

2018-03-29 17:28:10 7589

原创 popstate 事件，浏览器返回事件

popstate :浏览器返回事件当活动历史记录条目更改时，将触发popstate事件。如果被激活的历史记录条目是通过对history.pushState（）的调用创建的，或者受到对history.replaceState（）的调用的影响，popstate事件的state属性包含历史条目的状态对象的副本。需要注意的是调用history.pushState()或history.replaceStat...

2018-03-29 17:06:56 4736

qq_39871330的博客