- DIV + CSS 布局:盒子内容超出宽度时,不换行,以滚动条形式水平滑动
01空间
常见场景解决方案csshtml
滚动条水平滚动展示溢出内容htmlcss(less)思路html11112222333344445555666677778888css(less).outer{background-color:#39a9ed;overflow-x:auto;&::-webkit-scrollbar{display:none;}white-space:nowrap;.item{display:inline-bloc
- css流式布局
dixie7674
elem{width:1160px;/*流式布局的总宽度*/column-width:375px;-moz-column-width:375px;/*每列宽度*/-webkit-column-width:375px;-moz-column-count:3;column-count:3;/*列数*/-moz-column-count:3;-webkit-column-count:3;}转载于:htt
- Python爬虫打印状态码为521,返回数据为乱码?
马龙强_
python前端javascript
爬虫代码:importrequestsheaders={'User-Agent':'Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/107.0.0.0Safari/537.36','Referer':'https://www1.rmfysszc.gov.cn/projects.shtml?d
- 带tkinter界面的m3u8单程下载
卡卡啦啦_
采用tkinter模块搭建GUI界面image代码如下:importrequestsfromtkinterimport*header={'User-Agent':'Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/76.0.3809.132Safari/537.36'}defts_url():
- 第 5 题:常见的浏览器内核有哪些?
Noxus丶SJ
什么是浏览器内核?浏览器内核也可以理解为排版引擎,主要由2部分组成,渲染引擎和JS引擎排版引擎主要是负责获取网页内容(HTML、XML、图像、CSS、JS)等信息进行解析、渲染网页,将网页的代码转换为看得到的页面浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同,常见的内核有Trident、Gecko、Webkit、Presto、Blink五种Trident内核代表作品是IE,俗
- 实现控制显示几行,点击展开展开所有内容-移动端
让等待成为一种
.series-name{/*display:flex;*//*flex-wrap:wrap;*/margin-top:0.1rem;overflow:hidden;text-overflow:ellipsis;/*display:-webkit-box;*//*-webkit-line-clamp:2;*//*-webkit-box-orient:vertical;*/max-height:0.
- 微信小程序搜索框样式
北海南风
小程序微信小程序css3css
效果如下:代码:.wxml搜索.wxss.weui-search-bar{position:relative;padding:8px10px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;background-color:#EFEFF4;border-top:1rpxsolid#D7D6DC;
- 微信小程序顶部搜索框 (带源码 建议收藏)
瑾!
小程序
这是一个最简单的顶部搜索框代码如下wxml搜索wxss.weui-search-bar{position:relative;padding:8px10px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;background-color:#EFEFF4;border-top:1rpxsolid#
- Next.js项目实战踩坑指南
weixin_33961829
运维pythonjava
项目实战踩坑指南1.移动端overflow:auto,ios滚动卡顿解决方案:主容器增加样式-webkit-overflow-scrolling:touch;2.devmode路由跳转后样式丢失原因:dev下样式根据页面动态加载,浏览器缓存文件styles.chunk.css造成样式不更新。解决方案:利用版本号强制重载样式文件示例1://在Layout组件中{title}{process.env.
- 7. 多列
瑟闻风倾
1.多列的效果说明:在CSS3中,可以创建多列来对文本或者区域进行布局。属性描述column-count分列的数量column-gap每列的间隔距离column-rule每列间隔的线及线的颜色动画-多列.div1{column-count:4;-webkit-column-count:4;column-gap:50px;-webkit-column-gap:50px;column-rule:5px
- 浏览器模拟QQ、微信内置浏览器访问调试网站
氢金
网上搜索的,记录一下,主要是通过判断浏览器的UA来进行区别安卓QQ内置浏览器UA:Mozilla/5.0(Linux;Android5.0;SM-N9100Build/LRX21V)>AppleWebKit/537.36(KHTML,likeGecko)Version/4.0>Chrome/37.0.0.0MobileSafari/537.36V1_AND_SQ_5.3.1_196_YYB_D>Q
- html收款页面模板,好得很CMS WEB打印收款收据模板HTML源码
七月洪流上
html收款页面模板
H5打印收据,www.hdhcms.comhtml{-webkit-text-size-adjust:none;}@mediaprint{input{display:none;}}@page{margin:15mm10mm010mm;size:A4;-webkit-text-size-adjust:none;}body{margin:0px;padding:0px;}h1{font-size:18
- hgame2024,week1
yzzob
前端javascripthtml
webezhttp1.请从vidar.club访问这个页面>>Referer:vidar.club2.请通过Mozilla/5.0(Vidar;VidarOSx86_64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/121.0.0.0Safari/537.36Edg/121.0.0.0访问此页面>>User-Agent:Mozilla/5.0(Vidar;V
- HTML动态彩虹字
CJH(本人账号)
html前端
效果:HTML:ElegantandBeautifulCSS:.this-div{background-image:-webkit-linear-gradient(left,#147B96,#E6D20525%,#147B9650%,#E6D20575%,#147B96);-webkit-text-fill-color:transparent;-webkit-background-clip:tex
- better scroll的滚动条样式
啊森森啊
css3css前端
把页面全局滚动条设置为类似betterscroll风格的滚动条//滚动条高宽和背景::-webkit-scrollbar{width:6px;/*高宽分别对应横竖滚动条的尺寸*/height:6px;}//滚动条滑块::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.5);border:1pxsolidrgba(255,255,255,0.9);bo
- 滚动条样式
猿分让我们相遇
/*滚动条样式*/.nav-bar::-webkit-scrollbar{/*滚动条整体样式*/width:1px;/*高宽分别对应横竖滚动条的尺寸*/height:1px;}.nav-bar::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius:5px;-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);bac
- JavaScript基础
2301_81054073
javascript开发语言ecmascript
JavaScript是一种运行在客户端的脚本语言。脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行浏览器执行JS简介浏览器分成两部分渲染引擎和JS引擎渲染引擎:用来解析HTML与CSS,俗称内核,比如谷歌浏览器的blink,老版本的webkit。JS引擎:也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如谷歌浏览器的V8。浏览器本身并不会执
- icon旋转 让你的 icon转起来
Daniel·M
css3csshtml
.icon-loading1{animation:move1.2slinearinfinite;-webkit-animation:move1.2slinearinfinite;display:inline-block;}@keyframesmove{100%{transform:rotate(360deg);}}让你的icon转起来icon-loading1:这个是你的icon的class类名c
- 路由跳转 路由跳转并刷新页面
Daniel·M
javascripthtmlvue.js前端
在哪个位置点击的新建或者跳转就把这段代码加到你所属的跳转方式下,只需要把‘this.getPipeLineList()’改成你请求的数据方法就行methods:{routego(){varhiddenProperty="hidden"indocument?"hidden":"webkitHidden"indocument?"webkitHidden":"mozHidden"indocument?"
- 浏览器及浏览器内核的基本介绍
泡椒猪肝
前端
浏览器及浏览器内核的基本介绍一、浏览器二、编译器三、HTML四、标记一、浏览器五大主流浏览器1.IE浏览器,2.Chrome浏览(谷歌浏览器),3.FirFox(火狐浏览器)4.Safari浏览器(苹果浏览器),5.Opera浏览器(欧朋浏览器)。浏览器内核IEtridentChromewebkit/blinkfirefoxGeckoOperaprestoSafariwebkit简介IE浏览器:它
- 移动端scroll事件卡顿解决办法
刘圣凯
在scroll对象上添加一条css-webkit-overflow-scrolling:touch;
- -webkit-overflow-scrolling:属性
weixin_30853329
之前在用css实现横向滚动时,用到了-webkit-overflow-scrolling:touch实现了滚动回弹效果,今天就彻底的认识下这个家伙以及它所带来的各种坑,并总结了一些排坑的办法。一.-webkit-overflow-scrolling是什么东西-webkit-overflow-scrolling控制元素在移动设备上面是否有滚动回弹效果,它可以设置成auto和touchauto:使用普
- 移动端丨-webkit-overflow-scrolling:touch属性导致页面卡住
san.hang
起因起因-webkit-overflow-scrolling问题解决方案:方案一方案二思考为什么会出现这个问题总结故事的起因是,在一个多列表的页面上,页面在iOS11,跟iOS10中会发生页面卡住,不能进行滚动。然后就怀疑是自己的样式写的出了问题,就一直排查定位元素的样式,怎么都找不到问题所在。但还是本着追根溯源的精神,定位到根元素的样式上有一个-webkit-overflow-scrolling
- -webkit-overflow-scrolling:touch; ios橡皮筋效果卡屏,滚动穿透 --已解决
moguPeople
实用方法滚动穿透ios滚动卡屏滚动穿透
-webkit-overflow-scrolling属性MDN中概述入下-webkit-overflow-scrolling属性控制元素在移动设备上是否使用滚动回弹效果.值选项1、auto使用普通滚动,当手指从触摸屏上移开,滚动会立即停止2、touch使用具有回弹效果的滚动,当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一
- 【web前端】22.解决-webkit-overflow-scrolling:touch的bug
Anabel Chen
【Web前端】touch
-webkit-overflow-scrolling:touch用来控制元素在移动设备上是否使用滚动回弹的效果,兼容Android和Ios的写法如下:overflow:auto;/*winphone8和android4+*/-webkit-overflow-scrolling:touch;/*ios5+*/取值auto:使用普通滚动,当手指从触摸屏上移开,滚动会立即停止。touch:使用具有回弹效
- python scrapy 模拟登录(使用selenium自动登录)
SkTj
常用1、scrapystartprojectsi放chromedriver.exe到si/si文件夹里2、visettings.pyUSER_AGENT='Mozilla/5.0(Macintosh;IntelMacOSX10_8_3)AppleWebKit/536.5(KHTML,likeGecko)Chrome/19.0.1084.54Safari/536.5'ROBOTSTXT_OBEY=F
- Python学习之路-爬虫提高:selenium
geobuins
python学习爬虫
Python学习之路-爬虫提高:selenium什么是seleniumSelenium是一个Web的自动化测试工具,最初是为网站自动化测试而开发的,Selenium可以直接运行在浏览器上,它支持所有主流的浏览器(包括PhantomJS这些无界面的浏览器),可以接收指令,让浏览器自动加载页面,获取需要的数据,甚至页面截屏PhantomJS的介绍PhantomJS是一个基于Webkit的“无界面”(h
- 删除Chrome自动完成功能的输入框,设置透明背景色
安笙_e337
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition:"color9999sease-out,background-color9999sease-out";transition:"color99
- 解决css3卡顿和性能优化
zz77zz
今天遇到一个比较棘手的问题css3的动画卡顿比较厉害于是找各种方法并一一去试学会简单的处理方法和部分渲染原理是否启用硬件加速GPU(GraphicsProcessingUnit)?“用到了CSS3动画”和“开启了硬件加速”是两件事情,虽然前者有可能导致后者。开启硬件加速在webkit中有神奇的万金油:opacity:1;或者-webkit-backface-visibility:hidden;。尽
- 图片滤镜
简简单单_aed2
.co{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);}image.png.co{}image.png
- Spring4.1新特性——Spring MVC增强
jinnianshilongnian
spring 4.1
目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T
- mysql 性能查询优化
annan211
javasql优化mysql应用服务器
1 时间到底花在哪了?
mysql在执行查询的时候需要执行一系列的子任务,这些子任务包含了整个查询周期最重要的阶段,这其中包含了大量为了
检索数据列到存储引擎的调用以及调用后的数据处理,包括排序、分组等。在完成这些任务的时候,查询需要在不同的地方
花费时间,包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
- windows系统配置
cherishLC
windows
删除Hiberfil.sys :使用命令powercfg -h off 关闭休眠功能即可:
http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html
类似的还有pagefile.sys
msconfig 配置启动项
shutdown 定时关机
ipconfig 查看网络配置
ipconfig /flushdns
- 人体的排毒时间
Array_06
工作
========================
|| 人体的排毒时间是什么时候?||
========================
转载于:
http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
- ZooKeeper
cugfy
zookeeper
Zookeeper是一个高性能,分布式的,开源分布式应用协调服务。它提供了简单原始的功能,分布式应用可以基于它实现更高级的服务,比如同步, 配置管理,集群管理,名空间。它被设计为易于编程,使用文件系统目录树作为数据模型。服务端跑在java上,提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现,是高有效和可靠的协同工作系统,Zookeeper能够用来lea
- 网络爬虫的乱码处理
随意而生
爬虫网络
下边简单总结下关于网络爬虫的乱码处理。注意,这里不仅是中文乱码,还包括一些如日文、韩文 、俄文、藏文之类的乱码处理,因为他们的解决方式 是一致的,故在此统一说明。 网络爬虫,有两种选择,一是选择nutch、hetriex,二是自写爬虫,两者在处理乱码时,原理是一致的,但前者处理乱码时,要看懂源码后进行修改才可以,所以要废劲一些;而后者更自由方便,可以在编码处理
- Xcode常用快捷键
张亚雄
xcode
一、总结的常用命令:
隐藏xcode command+h
退出xcode command+q
关闭窗口 command+w
关闭所有窗口 command+option+w
关闭当前
- mongoDB索引操作
adminjun
mongodb索引
一、索引基础: MongoDB的索引几乎与传统的关系型数据库一模一样,这其中也包括一些基本的优化技巧。下面是创建索引的命令: > db.test.ensureIndex({"username":1}) 可以通过下面的名称查看索引是否已经成功建立: &nbs
- 成都软件园实习那些话
aijuans
成都 软件园 实习
无聊之中,翻了一下日志,发现上一篇经历是很久以前的事了,悔过~~
断断续续离开了学校快一年了,习惯了那里一天天的幼稚、成长的环境,到这里有点与世隔绝的感觉。不过还好,那是刚到这里时的想法,现在感觉在这挺好,不管怎么样,最要感谢的还是老师能给这么好的一次催化成长的机会,在这里确实看到了好多好多能想到或想不到的东西。
都说在外面和学校相比最明显的差距就是与人相处比较困难,因为在外面每个人都
- Linux下FTP服务器安装及配置
ayaoxinchao
linuxFTP服务器vsftp
检测是否安装了FTP
[root@localhost ~]# rpm -q vsftpd
如果未安装:package vsftpd is not installed 安装了则显示:vsftpd-2.0.5-28.el5累死的版本信息
安装FTP
运行yum install vsftpd命令,如[root@localhost ~]# yum install vsf
- 使用mongo-java-driver获取文档id和查找文档
BigBird2012
driver
注:本文所有代码都使用的mongo-java-driver实现。
在MongoDB中,一个集合(collection)在概念上就类似我们SQL数据库中的表(Table),这个集合包含了一系列文档(document)。一个DBObject对象表示我们想添加到集合(collection)中的一个文档(document),MongoDB会自动为我们创建的每个文档添加一个id,这个id在
- JSONObject以及json串
bijian1013
jsonJSONObject
一.JAR包简介
要使程序可以运行必须引入JSON-lib包,JSON-lib包同时依赖于以下的JAR包:
1.commons-lang-2.0.jar
2.commons-beanutils-1.7.0.jar
3.commons-collections-3.1.jar
&n
- [Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性
bit1129
zookeeper
为了说明问题,看个简单的代码,
import org.apache.zookeeper.*;
import java.io.IOException;
import java.util.concurrent.CountDownLatch;
import java.util.concurrent.ThreadLocal
- 【Scala十二】Scala核心六:Trait
bit1129
scala
Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
- weblogic version 10.3破解
ronin47
weblogic
版本:WebLogic Server 10.3
说明:%DOMAIN_HOME%:指WebLogic Server 域(Domain)目录
例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain
1.为了保证操作安全,备份%DOMAIN_HOME%/security/Defa
- 求第n个斐波那契数
BrokenDreams
今天看到群友发的一个问题:写一个小程序打印第n个斐波那契数。
自己试了下,搞了好久。。。基础要加强了。
&nbs
- 读《研磨设计模式》-代码笔记-访问者模式-Visitor
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
interface IVisitor {
//第二次分派,Visitor调用Element
void visitConcret
- MatConvNet的excise 3改为网络配置文件形式
cherishLC
matlab
MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包,可以使用GPU。
主页:
http://www.vlfeat.org/matconvnet/
教程:
http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html
注意:需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet:
http
- ZK Timeout再讨论
chenchao051
zookeepertimeouthbase
http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题,但是又出现了一个问题,我把min和max都设置成了180000,但是仍然出现了以下的异常信息:
Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
- CASE WHEN 用法介绍
daizj
sqlgroup bycase when
CASE WHEN 用法介绍
1. CASE WHEN 表达式有两种形式
--简单Case函数
CASE sex
WHEN '1' THEN '男'
WHEN '2' THEN '女'
ELSE '其他' END
--Case搜索函数
CASE
WHEN sex = '1' THEN
- PHP技巧汇总:提高PHP性能的53个技巧
dcj3sjt126com
PHP
PHP技巧汇总:提高PHP性能的53个技巧 用单引号代替双引号来包含字符串,这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量, 单引号则不会,注意:只有echo能这么做,它是一种可以把多个字符串当作参数的函数译注: PHP手册中说echo是语言结构,不是真正的函数,故把函数加上了双引号)。 1、如果能将类的方法定义成static,就尽量定义成static,它的速度会提升将近4倍
- Yii框架中CGridView的使用方法以及详细示例
dcj3sjt126com
yii
CGridView显示一个数据项的列表中的一个表。
表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。 CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。
实例代码如下:
- Maven项目打包成可执行Jar文件
dyy_gusi
assembly
Maven项目打包成可执行Jar文件
在使用Maven完成项目以后,如果是需要打包成可执行的Jar文件,我们通过eclipse的导出很麻烦,还得指定入口文件的位置,还得说明依赖的jar包,既然都使用Maven了,很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作,使用assembly插件。具体使用方式如下:
1、在项目中加入插件的依赖:
<plugin>
- php常见错误
geeksun
PHP
1. kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
- 修改linux的用户名
hongtoushizi
linuxchange password
Change Linux Username
更改Linux用户名,需要修改4个系统的文件:
/etc/passwd
/etc/shadow
/etc/group
/etc/gshadow
古老/传统的方法是使用vi去直接修改,但是这有安全隐患(具体可自己搜一下),所以后来改成使用这些命令去代替:
vipw
vipw -s
vigr
vigr -s
具体的操作顺
- 第五章 常用Lua开发库1-redis、mysql、http客户端
jinnianshilongnian
nginxlua
对于开发来说需要有好的生态开发库来辅助我们快速开发,而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。
一些常见的Lua库可以在github上搜索,https://github.com/search?utf8=%E2%9C%93&q=lua+resty。
Redis客户端
lua-resty-r
- zkClient 监控机制实现
liyonghui160com
zkClient 监控机制实现
直接使用zk的api实现业务功能比较繁琐。因为要处理session loss,session expire等异常,在发生这些异常后进行重连。又因为ZK的watcher是一次性的,如果要基于wather实现发布/订阅模式,还要自己包装一下,将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能,比如分布式锁,leader选举
- 在Mysql 众多表中查找一个表名或者字段名的 SQL 语句
pda158
mysql
在Mysql 众多表中查找一个表名或者字段名的 SQL 语句:
方法一:SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name';
方法二:SELECT column_name from information_schema.colum
- 程序员对英语的依赖
Smile.zeng
英语程序猿
1、程序员最基本的技能,至少要能写得出代码,当我们还在为建立类的时候思考用什么单词发牢骚的时候,英语与别人的差距就直接表现出来咯。
2、程序员最起码能认识开发工具里的英语单词,不然怎么知道使用这些开发工具。
3、进阶一点,就是能读懂别人的代码,有利于我们学习人家的思路和技术。
4、写的程序至少能有一定的可读性,至少要人别人能懂吧...
以上一些问题,充分说明了英语对程序猿的重要性。骚年
- Oracle学习笔记(8) 使用PLSQL编写触发器
vipbooks
oraclesql编程活动Access
时间过得真快啊,转眼就到了Oracle学习笔记的最后个章节了,通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧,这东东如果一段时间不用很快就会忘记了,所以我会把自己学习过的东西做好详细的笔记,用到的时候可以随时查找,马上上手!希望这些笔记能对大家有些帮助!
这是第八章的学习笔记,学习完第七章的子程序和包之后