- 入门html这篇文章就够了
ξ流ぁ星ぷ132
html前端
HTML笔记文章目录HTML笔记html介绍什么是htmlhtml的作用HTML标签介绍常用标签标签and标签and标签u标签del删除线br标签用于换行pre标签,预处理标签span标签div标签sub标签andsup标签hr标签h1,h2...h6标签:HTML5中的语义标签:特殊字符img标签a标签第一种用法:超链接第二种用法:锚点video标签表格标签:form标签input标签selec
- jquery mobile和ajax,使用jquery mobile不可忽视的细节
jQueryMobile是创建移动WEB应用程序的框架。在学习和使用该框架的过程中,有一些心得想要和大家分享一下。一、框架因为是移动端开发,所以不要忘了下面这个重要的meta标签哦:使用jquerymobile要引入相应的css文件:jquerymobile依赖jquery,因此要先引入jquey.js再引入jquery.mobile.js:在引用jquey.js文件的时候一定要注意版本,要在1.
- vue路由,本地存储,刷新页面(学习心得)
2301_78876497
vue.js前端javascript
简介:在使用vue单独做一个网站时,会使用到路由和本地存储,这次主要介绍我在学习路由和本地存储使用到的一种方法。路由:vue里面的路由类似于html内的a标签,使用前需要导入路由的包;这个一般使用了路由后会自动导入的,可以去main.js内查看是否有router的包导入。那么使用路由可以有三种方法:第一种:使用name+params的方法,这里的name是index.js内路由的namethis.
- CSS3 常见选择器(属性、伪类、伪元素、组合)面试详解
1加1等于
javascript实战javascript前端css3
本文详细介绍了日常中常用的几种选择器,包括属性选择器、伪类选择器、伪元素选择器、组合选择器等等本文目录1.属性选择器2.伪类选择器3.伪元素选择器4.组合选择器1.属性选择器属性选择器允许根据元素的属性及其值来选择元素。常见的属性选择器有以下几种形式:[attribute]:选择具有指定属性的元素。[attribute=value]:选择属性值精确等于指定值的元素。[attribute^=valu
- :where() 伪类选择器(避免 !important 的滥用)
漠月瑾
csswhere伪类选择器避免important的滥用css伪类选择器的优雅写法
:是CSS中的一个伪类选择器,它的核心作用是以极低的特异性(specificity)应用样式,同时保持选择器的匹配逻辑不变。它是现代css开发中用于优雅管理样式优先级的重要工具。一、基础概念1.特异性(specificity)是什么?CSS特异性决定了当多个规则匹配同一个元素时,哪个规则会被优先应用。特异性由(a,b,c)三个值表示:a:内联样式(style=“…”)的权重(最高优先级)。b:ID
- 【vue导入导出Excel】vue简单实现导出和导入复杂表头excel表格功能【纯前端版本和配合后端版本】
2401_84433535
前端vue.jsexcel
### 配合后端的两个方法 因为上面的纯前端写法有一个问题,就是有分页的时候我们没法拿到数据。或者数据太大了我们下载实在是有点慢和卡。所以基本上工作中都是后端生成下载链接导出的。这里再分享两个方法。1,[a标签](https://bbs.csdn.net/topics/618166371)下载这种方法核心就是后端直接生成下载链接,前端只需要生成A标签然后下载就行了。较为常用的一个daochu(){
- 深入解析前端 Meta 标签:HTML 的隐形守护者与功能大师
斯~内克
html5前端html
在构建现代网页时,我们常常关注炫目的视觉效果、复杂的交互逻辑或强大的框架,却容易忽略那些深藏于之中、看似不起眼的标签。这些标签如同网页的隐形守护者,无声地承担着定义文档元数据、指导浏览器行为、优化搜索引擎可见性、提升用户体验等关键任务。本文将深入探索meta标签的世界,揭示其强大的功能和最佳实践。一、Meta标签基础:定义与核心作用定义:标签位于HTML文档的部分,用于提供关于HTML文档的元数据
- 第十章:Next的Seo实践
溪饱鱼
dreamweaverhtmljavascriptNext
1.Meta标签NextAppRouter比较主流的有两种定义源数据标签的方式,一种是通过在布局或者页面上导出一个metadata的对象,会自动生成对应的Meta源数据标签,这是静态的。而另外一种则是动态生成meta标签,这种场景通常需要先请求接口得到一些信息的动态源数据页面,在这种情况下我们采用generateMetadata函数。1.1.静态Meta标签仅仅只需要在页面或者布局中添加这一段。e
- 前端通过new Blob下载文档流(下载zip或excel)
当后端返回这样的预览:前端该如何下载呢?首先在axios请求里,加入第三个参数{responseType:'blob'}。proxy.$post(url,params,{responseType:'blob'}).then((res)=>{downloadFormat(res)});然后在一个函数里处理返回,创建a标签来下载//这里是下载zip文件的处理constdownloadFormat=(r
- CSS a标签内文本折行展示
@菜菜_达
css前端
目录一、核心解决方案1.强制折行并控制行高2.任意位置强制折行(适用于长URL或无空格文本)3.保留空白符并允许折行二、对比示例三、特殊场景处理1.表格单元格中的链接2.多行省略号(需结合JavaScript或固定高度)3.中文、日文、韩文文本折行四、注意事项五、总结标签内的文本折行问题通常由内联元素特性、行高过大或折行规则未设置导致。以下是详细解决方案:一、核心解决方案1.强制折行并控制行高cs
- Sass中连体符(&)的运用
爱吃红星柚
Gulpscss&
文章目录与伪类的结合多类选择器后代选择器相邻兄弟选择在CSS中,要想给一个元素赋予一定的样式,我们必须得先取到这个元素。那么就得需要选择器,通过选择器来选择指定元素,然后赋予所需的样式。而CSS选择器有很多种,比如层次选择器中的后代选择器、兄弟选择器、通用兄弟选择器等。而这些选择器都通过元素与元素之间的关系来确定的,比如:.parent.child{...}除了这些选择器,还有伪类选择器:.ele
- 三维GIS开发cesium智慧地铁教程(7)路径漫游
新中地GIS开发老师
学习webgisarcgiswebglGIS开发地理信息科学大学生
一、引入Cesium库1.1Cesium库的基本配置在HTML文档中,我们引入了Cesium所需的JavaScript和CSS文件。确保路径正确,以便能够加载Cesium的功能和样式。1.2视口设置为了使Cesium的地图能够自适应屏幕尺寸,我们在部分设置了视口的meta标签。二、创建Cesium视图2.1初始化Cesium视图在部分,我们创建了一个div,作为Cesium的容器。接下来,我们在脚
- html和css画梯形背景,CSS-实战-梯形背景导航
日化渠道解决方案
html和css画梯形背景
1、实现效果梯形背景图导航,如下图。由于导航条文字多少不固定,因此面临的挑战是,当文字内容增加时,中间的背景宽度自动拉伸。CSS3的出现实现这样的效果相对变的容易,本文使用背景图定位的知识,加上CSS其他知识。介绍CSS2实现这样效果的一种思路。梯形背景导航2、总体实现思路(1)准备背景图注意图片,一定是透明背景格式的,可以另存为下图。透明背景图(2)创建A标签嵌套B标签的导航菜单测试(3)设置A
- CSS2相关知识点
普宁Max
前端学习笔记css
CSS2相关知识点CSS的编写位置样式种类样式表的优先级CSS选择器CSS基本选择器通配选择器元素选择器类选择器ID选择器复合选择器HTML元素间的关系交集选择器并集选择器后代选择器子代选择器兄弟选择器属性选择器伪类选择器伪元素选择器颜色的表示表示方式一:颜色名表示方式二:rgb或rgba表示方式三:HEX或HEXA表示方式四:HSL或HSLACSS字体属性字体大小字体族字体风格字体粗细文本颜色文
- CSS详解:特性、选择器与优先级
超级土豆粉
前端技术沉淀指南css前端
CSS详解:特性、选择器与优先级目录CSS详解:特性、选择器与优先级一、CSS的核心特性1.层叠性(Cascading)2.继承性(Inheritance)3.优先级(Specificity)4.响应式设计5.动画与过渡二、CSS选择器详解1.基本选择器2.组合选择器3.属性选择器4.伪类选择器5.伪元素选择器三、CSS优先级(Specificity)详解1.优先级计算规则例子2.!importa
- 前端|CSS(一)| pink老师
啦啦右一
右一的开发日记合集右一的电子笔记合集前端css
参考视频:黑马程序员前端CSS3基础教程,前端必备基础目录CSS引入引入CSS样式表CSS基础选择器标签选择器类选择器(最常用)id选择器通配符选择器CSS文字文本样式font字体CSS外观属性CSS复合选择器后代选择器子元素选择器交集选择器并集选择器链接伪类选择器选择器总结标签显示模式分类标签显示模式转换display行高那些事(line-height)CSS背景(background)背景颜色
- el-link用法以及样式修改
前端sweetGirl
element-UIvue.jsjavascript前端elementuihtml5css3
应用场景:点击el-link跳转到相应页面,自定义字体颜色大小html结构去除下划线{{item.title}}css样式通过修改a标签a{font-size:14px;font-family:PingFangSC,PingFangSC;font-weight:600;color:rgba(0,0,0,0.85);}a:hover,a:active{color:#f1657d;}
- Next的Seo实践
第10章:Next的Seo实践1.Meta标签NextAppRouter比较主流的有两种定义源数据标签的方式,一种是通过在布局或者页面上导出一个metadata的对象,会自动生成对应的Meta源数据标签,这是静态的。而另外一种则是动态生成meta标签,这种场景通常需要先请求接口得到一些信息的动态源数据页面,在这种情况下我们采用generateMetadata函数。1.1.静态Meta标签仅仅只需要
- 打造CSS3音阶波浪Loading动画
乾泽
本文还有配套的精品资源,点击获取简介:CSS3音阶波浪Loading加载代码利用现代浏览器对CSS3的支持,创造动态美感的网页加载动画。这种加载效果通过精细的CSS3样式控制,模拟出音阶波动的视觉效果,为用户在等待网页内容加载时提供美观有趣体验。CSS3特性包括关键帧动画(@keyframes)、变换(transform)、过渡(transitions)、伪类选择器、百分比单位和弹性盒模型、颜色和
- HTML的基础标签
零希
htmlhtml5css前端
01-基础标签01-基础标签1.认识HTML2.网页基础知识3.认识标签meta标签div标签H系列标题标签排序标签p段落标签span标签a标签--超链接a标签--锚点img标签其他常用标签4.特殊符号5.语义化√.作业与练习1.认识HTMLHTML是HyperTextMarkupLanguage(超文本标记语言)的缩写,是构成Web页面的基本元素HTML不是一种编程语言,而是一种描述性的标记语言
- 理解 Viewport:让网页在手机端正确显示的秘诀
前端 贾公子
前端javascripthtml
目录什么是Viewport?为什么手机需要特殊处理?神奇的Meta标签基础写法关键属性详解响应式设计的基石什么是REM?为什么选择REM?实战:REM+Viewport的最佳拍档步骤1:设置Viewport步骤2:动态计算根字体大小步骤3:用REM构建布局智能缩放原理(图示)进阶技巧1.与VW单位结合2.像素转换神器3.防止过小字体注意事项REMvs其他单位什么是Viewport?当我们在手机上打
- 【JavaScript面试】网页轮播图的制作
纵有千堆雪与长街
js面试题javascript前端开发语言
我们先分析一下,完整的轮播图要用到哪些结构?当我们点击上面图片的右侧按钮的时候,页面里面的图片会实现滚动效果。我们需要一个大元素把这几个元素进行包裹,我们能还需要左右的按钮,里面还会有一些小点点,切换到哪张图片。所以我们一共需要四个部分。<我们最大的盒子是focus,两个a标签的是左右按钮这些图片是由一个ul里面包含了小li,小li里面再装a标签,再是图片。让所有的小li排列在一行,浮动起
- 【总结】HTML基础
挨踢女孩yyh
html前端
html实体在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格在HTML中有些时候,我们不能直接书写一些特殊符号,比如,多个连续的空格,比如字母两侧的大于和小于号。实体的语法为&实体的名字:更全的查看www.w3school.com中html实体 ><©meta标签meta主要用于设置网页中的一些元数据,元数据不是给用户看的。charset指定网页的字符集n
- 2019史上最全java面试题题库大全800题含答案
编程不良人1
面试学习路线阿里巴巴android前端后端
2019史上最全java面试题题库大全800题含答案1、meta标签的作用是什么2、ReenTrantLock可重入锁(和synchronized的区别)总结3、Spring中的自动装配有哪些限制?4、什么是可变参数?5、什么是领域模型(domainmodel)?贫血模型(anaemicdomainmodel)和充血模型(richdomainmodel)有什么区别?6、说说http,https协议
- HTML meta 标签的使用方式总结(本文总结17中使用方式)
黑木令
HTML前端htmlhtml5
介绍meta标签的常规使用以及使用meat标签设置页面的缓存效果;提升前端开发同学对请求过程中的缓存认识与设置。废话不多说,直接上代码以及图例(为了让大家方便阅读,都有自己验证过程的一些图片作为分享)。一:meta标签的使用和总结:1.元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。2.标签位于文档的头部,不包含任何内容。3.标签的属性定义
- html文档组成三要素,html5中的meta标签的三要素是什么?meta标签的使用总结
天天thu
html文档组成三要素
本篇文章主要的为大家讲述的是关于htmlmeta标签的三要素,就是三属性的组成和使用的介绍,里面有很多比较重要的属性值,在网页中都是很有用的,现在让我们一起来看这篇文章吧首先我们要知道meta标签的三要素是什么?1.必选属性:content属性。该属性是为了定义与http-equiv或者name属性相关的元信息,其中的内容是为了便于搜索机器人查找信息和分类使用的。2.可选属性:name属性该属性主
- 拒绝用SEO的眼光来设计你的Meta标签
weixin_34353714
原文:webdeveloperjuice.com编译:GBin1.com当我们谈起keywords和description标签,很多人都会想到SEO优化,人们往往认为更贴合的关键字会带来更多的"金子“。但是事实上,其实不是如此。Google并不是很在意meta标题和description标签。当然Google会查看并且通过这个方式你可以告诉搜索引擎大概这个页面有些什么内容,但是现在并不像过去那么重
- SEO优化中的title和META标签的设置
weixin_30678821
实际上,我就是这样做的。至少是对于2-3个极其重要的关键字,当我需要了解某一个关键字是否发生变动的时候我就会建立一个专门的页面对其进行测试。一个页面中的2-3个关键字想要获得的流量是有限的,有很多外围关键字会带给你意想不到的流量,可能这些关键字还不需要单独的页面对其进行优化。可能,在有些站点很难保持一直增加页面。如果你增加页面只为了增加网站的流量的话,这样不但得不到你的潜在用户,反而会惹人讨厌。我
- html中的meta标签是什么?有哪些属性?
dibisha7239
php爬虫
meta标签介绍meta标签是HTML语言head区域的一个辅助性标签,常用于定义页面的说明,关键字,最后修改的日期和其他的元数据。这些元数据将服务于浏览器,搜索引擎和其他网络服务。meta标签的组成meta标签共有两个属性,分别是http-equiv属性和name属性。name属性name属性主要是用于描述网页,比如网页的关键词,叙述等。与之对应的属性值为content,content中的内容是
- " target="_blank">设置meta标签 清除页面缓存,如:
上官飞蓬
htmlmeta标签清除页面缓存cache-controlPragmaExpires
Cache-Control头域Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached,响应消息中的指令包括public、private、no-cache、no-
- Linux的Initrd机制
被触发
linux
Linux 的 initrd 技术是一个非常普遍使用的机制,linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式,变化不仅反映在文件格式上, linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术,然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
- maven本地仓库路径修改
bitcarter
maven
默认maven本地仓库路径:C:\Users\Administrator\.m2
修改maven本地仓库路径方法:
1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml
2.找到
 
- XSD和XML中的命名空间
darrenzhu
xmlxsdschemanamespace命名空间
http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml
http://blog.csdn.net/wanghuan203/article/details/9203621
http://blog.csdn.net/wanghuan203/article/details/9204337
http://www.cn
- Java 求素数运算
周凡杨
java算法素数
网络上对求素数之解数不胜数,我在此总结归纳一下,同时对一些编码,加以改进,效率有成倍热提高。
第一种:
原理: 6N(+-)1法 任何一个自然数,总可以表示成为如下的形式之一: 6N,6N+1,6N+2,6N+3,6N+4,6N+5 (N=0,1,2,…)
- java 单例模式
g21121
java
想必单例模式大家都不会陌生,有如下两种方式来实现单例模式:
class Singleton {
private static Singleton instance=new Singleton();
private Singleton(){}
static Singleton getInstance() {
return instance;
}
- Linux下Mysql源码安装
510888780
mysql
1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz
(1)创建mysql的安装目录及数据库存放目录
解压缩下载的源码包,目录结构,特殊指定的目录除外:
- 32位和64位操作系统
墙头上一根草
32位和64位操作系统
32位和64位操作系统是指:CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的,但是这些CPU并不是真正意义上的64 位CPU,里面依然保留了大部分32位的技术,只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面,32位系统的最大寻址空间是2 的32次方= 4294967296(bit)= 4(GB)左右,而64位系统的最大寻址空间的寻址空间则达到了
- 我的spring学习笔记10-轻量级_Spring框架
aijuans
Spring 3
一、问题提问:
→ 请简单介绍一下什么是轻量级?
轻量级(Leightweight)是相对于一些重量级的容器来说的,比如Spring的核心是一个轻量级的容器,Spring的核心包在文件容量上只有不到1M大小,使用Spring核心包所需要的资源也是很少的,您甚至可以在小型设备中使用Spring。
 
- mongodb 环境搭建及简单CURD
antlove
WebInstallcurdNoSQLmongo
一 搭建mongodb环境
1. 在mongo官网下载mongodb
2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db"
3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
- 数据字典和动态视图
百合不是茶
oracle数据字典动态视图系统和对象权限
数据字典(data dictionary)是 Oracle 数据库的一个重要组成部分,这是一组用于记录数据库信息的只读(read-only)表。随着数据库的启动而启动,数据库关闭时数据字典也关闭 数据字典中包含
数据库中所有方案对象(schema object)的定义(包括表,视图,索引,簇,同义词,序列,过程,函数,包,触发器等等)
数据库为一
- 多线程编程一般规则
bijian1013
javathread多线程java多线程
如果两个工两个以上的线程都修改一个对象,那么把执行修改的方法定义为被同步的,如果对象更新影响到只读方法,那么只读方法也要定义成同步的。
不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据,就不要将方法设置为synchronized的。
- 将文件或目录拷贝到另一个Linux系统的命令scp
bijian1013
linuxunixscp
一.功能说明 scp就是security copy,用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议,保证了数据传输的安全,其格式如下: scp 远程用户名@IP地址:文件的绝对路径
- 【持久化框架MyBatis3五】MyBatis3一对多关联查询
bit1129
Mybatis3
以教员和课程为例介绍一对多关联关系,在这里认为一个教员可以叫多门课程,而一门课程只有1个教员教,这种关系在实际中不太常见,通过教员和课程是多对多的关系。
示例数据:
地址表:
CREATE TABLE ADDRESSES
(
ADDR_ID INT(11) NOT NULL AUTO_INCREMENT,
STREET VAR
- cookie状态判断引发的查找问题
bitcarter
formcgi
先说一下我们的业务背景:
1.前台将图片和文本通过form表单提交到后台,图片我们都做了base64的编码,并且前台图片进行了压缩
2.form中action是一个cgi服务
3.后台cgi服务同时供PC,H5,APP
4.后台cgi中调用公共的cookie状态判断方法(公共的,大家都用,几年了没有问题)
问题:(折腾两天。。。。)
1.PC端cgi服务正常调用,cookie判断没
- 通过Nginx,Tomcat访问日志(access log)记录请求耗时
ronin47
一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间
nginx.conf使用配置方式:
log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
- java-67- n个骰子的点数。 把n个骰子扔在地上,所有骰子朝上一面的点数之和为S。输入n,打印出S的所有可能的值出现的概率。
bylijinnan
java
public class ProbabilityOfDice {
/**
* Q67 n个骰子的点数
* 把n个骰子扔在地上,所有骰子朝上一面的点数之和为S。输入n,打印出S的所有可能的值出现的概率。
* 在以下求解过程中,我们把骰子看作是有序的。
* 例如当n=2时,我们认为(1,2)和(2,1)是两种不同的情况
*/
private stati
- 看别人的博客,觉得心情很好
Cb123456
博客心情
以为写博客,就是总结,就和日记一样吧,同时也在督促自己。今天看了好长时间博客:
职业规划:
http://www.iteye.com/blogs/subjects/zhiyeguihua
android学习:
1.http://byandby.i
- [JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析
comsci
工作流
我们已经不满足于仅仅跳跃一次,通过对引擎的升级,今天我测试了一下循环反馈模式,大概跑了200圈,引擎报一个溢出错误
在一个流程图的结束节点中嵌入一段方程,每次引擎运行到这个节点的时候,通过实时编译器GM模块,计算这个方程,计算结果与预设值进行比较,符合条件则跳跃到开始节点,继续新一轮拓扑分析,直到遇到
- JS常用的事件及方法
cwqcwqmax9
js
事件 描述
onactivate 当对象设置为活动元素时触发。
onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。
onbeforeactivate 对象要被设置为当前元素前立即触发。
onbeforecut 当选中区从文档中删除之前在源对象触发。
onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
- 正则表达式验证日期格式
dashuaifu
正则表达式IT其它java其它
正则表达式验证日期格式
function isDate(d){
var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i);
if(!v) {
this.focus();
return false;
}
}
<input value="2000-8-8" onblu
- Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证
dcj3sjt126com
yii
public array rules () {return} array 要调用 validate() 时应用的有效性规则。 返回属性的有效性规则。声明验证规则,应重写此方法。 每个规则是数组具有以下结构:array('attribute list', 'validator name', 'on'=>'scenario name', ...validation
- UITextAttributeTextColor = deprecated in iOS 7.0
dcj3sjt126com
ios
In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0."
Ins
- 判断一个数是质数的几种方法
EmmaZhao
Mathpython
质数也叫素数,是只能被1和它本身整除的正整数,最小的质数是2,目前发现的最大的质数是p=2^57885161-1【注1】。
判断一个数是质数的最简单的方法如下:
def isPrime1(n):
for i in range(2, n):
if n % i == 0:
return False
return True
但是在上面的方法中有一些冗余的计算,所以
- SpringSecurity工作原理小解读
坏我一锅粥
SpringSecurity
SecurityContextPersistenceFilter
ConcurrentSessionFilter
WebAsyncManagerIntegrationFilter
HeaderWriterFilter
CsrfFilter
LogoutFilter
Use
- JS实现自适应宽度的Tag切换
ini
JavaScripthtmlWebcsshtml5
效果体验:http://hovertree.com/texiao/js/3.htm
该效果使用纯JavaScript代码,实现TAB页切换效果,TAB标签根据内容自适应宽度,点击TAB标签切换内容页。
HTML文件代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
- Hbase Rest API : 数据查询
kane_xie
RESThbase
hbase(hadoop)是用java编写的,有些语言(例如python)能够对它提供良好的支持,但也有很多语言使用起来并不是那么方便,比如c#只能通过thrift访问。Rest就能很好的解决这个问题。Hbase的org.apache.hadoop.hbase.rest包提供了rest接口,它内嵌了jetty作为servlet容器。
启动命令:./bin/hbase rest s
- JQuery实现鼠标拖动元素移动位置(源码+注释)
明子健
jqueryjs源码拖动鼠标
欢迎讨论指正!
print.html代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<title>发票打印</title>
&l
- Postgresql 连表更新字段语法 update
qifeifei
PostgreSQL
下面这段sql本来目的是想更新条件下的数据,可是这段sql却更新了整个表的数据。sql如下:
UPDATE tops_visa.visa_order
SET op_audit_abort_pass_date = now()
FROM
tops_visa.visa_order as t1
INNER JOIN tops_visa.visa_visitor as t2
ON t1.
- 将redis,memcache结合使用的方案?
tcrct
rediscache
公司架构上使用了阿里云的服务,由于阿里的kvstore收费相当高,打算自建,自建后就需要自己维护,所以就有了一个想法,针对kvstore(redis)及ocs(memcache)的特点,想自己开发一个cache层,将需要用到list,set,map等redis方法的继续使用redis来完成,将整条记录放在memcache下,即findbyid,save等时就memcache,其它就对应使用redi
- 开发中遇到的诡异的bug
wudixiaotie
bug
今天我们服务器组遇到个问题:
我们的服务是从Kafka里面取出数据,然后把offset存储到ssdb中,每个topic和partition都对应ssdb中不同的key,服务启动之后,每次kafka数据更新我们这边收到消息,然后存储之后就发现ssdb的值偶尔是-2,这就奇怪了,最开始我们是在代码中打印存储的日志,发现没什么问题,后来去查看ssdb的日志,才发现里面每次set的时候都会对同一个key