ccyccsdn
ccyccsdn

web前端模仿微信悬浮窗效果

微信新出了个悬浮窗的功能，因为业务需要，我用js写了个h5版本的，依赖jq或者zepto，可以自己选择改造、

请用手机或者电脑浏览器模拟手机模式查看

web前端模仿微信悬浮窗效果_第1张图片

在线预览

代码如下




    
    
    
    悬浮窗

 

你可能感兴趣的:(前端开发笔记)

  • 前端开发笔记之three.js基本语法 往事随风，唯有技术 js笔记javascript前端
    1.引入three.js//原生写法，需要在官网先下载three.js文件包，然后在HTML文件中配置引入{"imports":{"three":"../../three.js/build/three.module.js","three/addons/":"../../three.js/examples/jsm/"}}//vue或react引入three插件npminstallthree--sav
  • 前端开发笔记 风间灵佑
    数组对象去重在一个对象数组中，找出某一个对象在数组中的位置，直接使用indexOf不好使，因为对象是引用值，即使形状都一样，也是不相等的，因为他们引用的是不同的地址。需要使用JSON.stringify()进行转换之后作比较就可以了。聊天界面时间段的区分聊天的时间段拆分，五分钟之内发的消息放在一起，聊天只需要第一条展示时间，其他不用每次都拿后面一个与前面一个作比较，找到某一个比较大于规定的值，则给
  • Web前端开发笔记48——jQuery概述 言行物恒 #Web前端开发入门jquery
    1.JS库的概念：仓库：可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找到就可以了。常见的JS库：2.jQuery的概念：jQuery出现的目的就是加快前端人员的开发速度，我们可以非常方便的调用和使用它，从而提高开发效率。3.jQuery的优点：
  • Web前端开发笔记49——jQuery入门 言行物恒 #Web前端开发入门jquery
    1.页面加载完毕使用jQuery的两种办法：2.‘$’的意思：jquery的顶级对象$.其实它的表示的就是：jQuery。由上可知，$和jQuery的意义是相同的。3.jquery对象和DOM对象：jquery对象和DOM对象的相互转换：
  • Web前端开发笔记(6) 蒜蓉酱油 Web前端开发笔记html5css3visualstudiocodewebhtml
    Web前端开发笔记(6)HTML5和CSS3提高文章目录Web前端开发笔记(6)前言基础学习路线目标：HTML5的新特性1.HTML5的新特性1.1HTML5新增的语义化标签1.2HTML5新增的多媒体标签1.2.1视频``1.2.2音频``1.2.3多媒体标签总结1.3HTML5新增的input类型1.4HTML5新增的表单属性2.CSS3的新特性2.1CSS3的现状2.2属性选择器2.3结构伪
  • Web前端开发笔记之CSS拓展02——垂直对齐属性、光标类型、溢出部分显示效果、元素整体透明效果 言行物恒 #Web前端开发——CSS拓展css3前端css
    1.垂直对齐属性问题引入：当我们使用大图片配合小标签或小文字的时候，会出现扭曲不对齐的情况。这里我们需要知道一个概念就是文字使用自己的基线的。垂直对齐方式：浏览器在读取代码时，默认把行内块和行内标签当作文字处理，默认基线对齐。根据上面的经验，我们知道行内块和行内标签作文字处理，那么我们同样可以使用一些处理文字的标签来定义我们的行内和行内块元素，比如text-align不光可以用于单独的文字，我们可
  • 前端开发笔记 ｜ React Hooks子组件和父组件交互 LTing5505 react.js笔记javascript
    前端开发框架目前比较常用的就是react、vue等，其中使用ReactHooks带来了不少的好处，今天来聊聊ReactHooks开发方式下，子组件和父组件的交互。父组件调用子组件子组件定义importReactfrom"react";typeProps={btnText:string;onClick:()=>void;};constSub=(props:Props)=>{const{btnText
  • 前端开发笔记 ｜ Vue 3 子组件和父组件交互 LTing5505 vue.js笔记javascript
    在上一篇文章《前端开发笔记｜ReactHooks子组件和父组件交互》里面我介绍了在使用ReactHooks的开发方式下，子组件和父组件的交互，那现在就来介绍下Vue3中的子组件和父组件的交互。父组件调用子组件子组件定义文件SubItem.vueexportdefault{props:{btnText:String}}父组件调用子组件父组件调用子组件importSubItemfrom'../comp
  • 小白前端开发笔记-创建网站的细节（娃娃级）导航栏的写法细则 搜索框的写法细则 火腿肠烧烤大赛冠军 小白前端开发笔记htmlcss
    拿到后的操作：观看布局确定版心：1102px基础准备：*{margin:0px;padding:0px;line-height:1;}.center{width:1100px;margin:0pxauto;}li{list-style-type:none;}a{text-decoration:none;}针对form的操作：.head_centerform{width:294px;（不包含边框的高
  • Web前端开发笔记——第四章 JavaScript程序设计 第三节 数据类型 晚风(●•σ ) Web前端开发前端javascript开发语言
    目录一、基本数据类型（一）String类型（二）Number类型1、字面量2、无穷大3、非数值（三）Boollean类型（四）Undefined类型和Null类型二、引用数据类型（一）Object类型（二）数组类型（三）RegExp类型（四）Function类型三、查看变量数据类型一、基本数据类型JavaScript中包括两种不同数据类型，分为基本数据类型和引用数据类型，前者指简单的数据段，后者指
  • Web前端开发笔记——第四章 JavaScript程序设计 第二节 变量 晚风(●•σ ) Web前端开发前端javascript开发语言
    目录一、JavaScript中的注释二、变量的命名规则三、变量声明以及赋值四、变量作用域五、变量提升一、JavaScript中的注释JavaScript中单行注释通过“//”，多行注释通过“/*”开头并以“*/”结尾。二、变量的命名规则JavaScript中命名变量必须以字母开头（也能以$或_符号开头），且变量名不能包含空格和标点符号，另外变量里不能是关键字、保留字作为变量名。例如：vardefa
  • Web前端开发笔记46——动画原理、缓动效果、页面返回特定位置 Dev SunShine Web前端开发js
    1.动画原理：最核心的原理，通过定时器（setInterval）不断移动盒子位置。2.动画在制作的时候，要对对象施加position参数，不然元素对象是不会动的。3.我们对不同的对象设置不同的timer可以使用‘obj.元素’的方式来声明timer，这样每个元素都有属于自己的timer了。4.上面的代码有一个bug，就是在多次触发的情况下timer会多次叠加，这个时候我们就要用到clearInte
  • Web前端开发笔记——HTML和CSS 南一师兄 笔记htmlcss
    文章目录一、HTML基础笔记1、基础概念：标签、元素、属性、文件结构1.1标签1.2元素1.3属性1.4文件结构2、标签2.1标题：h1~h62.2段落：p2.3段内换行：br2.4空格字符:``2.5预留格式：pre2.6行内组合：span2.7水平线：hr2.8注释2.9超链接：a2.10插入图像：img标签2.11脚标标签：sup，sub2.12区域：div2.13无序列表：ulli2.14
  • 前端开发笔记注意点 大铭昕 web前端javascripthtml+css
    前端开发笔记注意点JSJS一条语句中声明的多个变量不可以同时赋同一个值:varx,y,z=1;x,y为undefined，z为1重新声明JavaScript变量,变量的值不会丢失：在以下两条语句执行后，变量carname的值依然是“Volvo”：varcarname=“Volvo”;varcarname;JS动态类型：相同的变量可用作不同的类型varx;//x为undefinedvarx=5;//
  • 前端开发笔记4-总结一周中遇到的问题及解决方法 昨夜是今晨的开始 web
    1.echartsCandlestick关键字的坑Candlestick是绘制k线图的关键字，最近一直再做k线图相关的需求，分享给大家我遇到的坑，有遇到过的同学可以留言讨论哟。先上图selected是控制data栏目数据显示的关键字，但是有一个特殊情况，当selected隐藏类型为candlestick，设置为false会报错：传入数据不能为空，报错位置在echarts源码23600多行。由于我的
  • [ios前端开发笔记]使用scrollView进行分页 HeroKingsley ios开发笔记
    本篇教程内的工程资源可以在下面这个地址下载，欢迎转载，谢谢。http://download.csdn.net/detail/ez_wzr/6364991使用场景举例：应用使用指南，使用ios里的scrollview来实现分页功能，通过如下方法一个普遍性的指南只要几分钟就能批量生产啦。实现的核心技术细节：scrollview的pagingEnabled属性，将其设置为YES，并设置其contentS
  • Web前端开发笔记--JavaScript课堂笔记及练习 oqqYaZi1234
    一.笔记1.JavaScript简介（1）JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。（2）JavaScript基本特点：是一种解释性脚本语言主要用来向HTML页面添加交互行为可以直接嵌入HTML页面，但写成单独的JS文件有利于结构和行为的分离跨平台特性，可以在多种平台下运行（3）JavaScript基本特性：基于对象简单性动态性平台无关性安全性2.JavaScr
  • WEB前端开发笔记-CSS-4 阿渌 web前端开发
    盒子模型案例-商品列表代码盒子模型案例2-商品列表div,h1,dl,dt,dd{margin:0px;padding:0px;}#production{background-color:paleturquoise;width:275px;}#production>h1{font-size:25px;font-weight:bold;line-height:40px;text-indent:3px
  • web前端开发笔记-CSS-3 阿渌 web前端开发
    CSShtml：内容（文本框）css：样式（给文本框设置长度、宽度、颜色）css优势：内容与样式分离css样式更加丰富提高浏览器的加载速度、节约网络带宽、减少代码量。利于SEO优化1.基本语法：选择器{样式名：样式值：样式名：样式值：样式名：样式值：...}颜色：支持英文单词、#6或3个十六进制Titleh1{color:red;font-size:10px;}h1标签h1标签h2标签h3标签h1
  • 移动端农机商城项目前端开发笔记 Brannua
    项目后端文档点此项目结构的创建:基于VueCLIv3.11.0前端路由模式:hash项目页面渲染效果基于Vant组件库babel7配置按需引用vant组件本项目采用的适配不同移动端屏幕的方法rem&emflex布局get和post发送请求的区别get:获取数据,请求参数可见,通过请求头发送数据,数据量小…post:提交数据,请求参数隐藏,通过请求体发送数据,数据量大…判断空对象的方式letobj=
  • Vue.js前端开发笔记--Vue.js基础特性(1) MDistance Vuejs前端开发
    MVVM模式Vue.js的使用是通过构造函数来创建Vue的实例，一个Vue实例相当于一个MVVM模式中的ViewModel。varvm=newVue({})可以在实例化的时候传入一个选项对象，包括数据、模板、挂载元素、生命周期钩子、方法等。模板el：类型为字符串、DOM元素或函数。template：类型为字符串，默认会将template值替换挂载元素(el值对应的元素)，并合并挂载元素和模板根节点
  • 前端开发笔记--flex布局 小母牛倒立 前端开发
    flex布局：个人觉得flex布局比起传统布局要优先得多（主要是容易使用），缺点是IE10及以上版本才能使用，甚至某些属性只有在IE11才能使用（而且我发现凡是不兼容主要IE的坑来的多，不是说其他浏览器没有）不过微信小程序开发时完美适配。回到主题：使用flex布局的容器，内部元素自动成为flex项目（如上图items）display:flex;IE10可用提醒：flex项目中不能使用float,c
  • Vue.js前端开发笔记--Vue.js基础特性(2) 之数据绑定 MDistance Vuejs前端开发
    数据绑定Vue.js是一个数据驱动视图的框架，它的核心是一个响应式的数据绑定系统，建立绑定之后，DOM将和数据保持同步，不需要手动维护DOM，使代码更简洁易懂，提升开发效率。数据绑定语法1.文本插值数据绑定最基础的形式就是文本插值，使用双大括号标签{{}},为Mustache语法单次插值：首次赋值后再更改vm实例属性值不会引起DOM变化{{*}}Hello{{*name}}Tip:Vue.js2.
  • 前端开发笔记--html/css总结 小母牛倒立 前端开发
    html、css笔记必须是html第一行，其指示浏览器关于页面使用哪个HTML版本进行编写的指令。HTML4.0中DOCTYPE声明引用dtd，因为其基于SGML，DTD规定了标记语言的规则。HTML5.0不基于SGML，所以不用引用DTD。W3C建议始终添加，加强页面兼容性，降低对浏览器的依赖，不加就是浏览器的标准（造成不同浏览器IE，火狐）可能出现不同效果。元素类型：行内元素、块级元素、空元素
  • Vue.js前端开发笔记--Vue.js基础特性(2) 之计算属性 MDistance Vuejs前端开发
    计算属性我们展示的数据汪汪需要经过一定的处理，除了在模板中使用绑定表达式或者使用过滤器外，Vue.js还提供了计算属性，避免在模板中加入过多的业务逻辑，保证了模板结构的清晰和可维护性。在Vue.js中，所有的计算属性都定义在computed中基础示例：{{fullName}}varvm=newVue({el:'#app',data:{firstName:'San',lastName:'Zhang'
  • MOOC web前端开发笔记（一） Jason19750703
    网站和网页网站互联网上用于展示特定内容的相关网页的集合。网页网站中的一页，一个网站中的网页通过“超链接”的方式被组织在一起。主页进入网站看到的第一个网页，主页的文件名通常是index网页元素logo站标导航栏文字超链接banner广告横幅表单---网站就是文件夹网页就是文件浏览器解析网页源代码，渲染网页ChromeFirefoxIESafariOpera前端技术构成与技术标准前端技术构成结构：HT
  • 前端开发笔记 第一天 HTML常用标签 风情小姐姐
    第一天html(HyperTextMarkupLanguage)超文本标记语言------结构Css(CascadingStyleSheets)css层叠样式表------------------装饰，装修Js(javascript)--------行为（制作动画浏览器最基本的脚本语言）HTMLHTML不是一种编程语言，而是一种标记语言(markuplanguage)标记语言是有一套标记标签组成H
  • 前端学习资源分享 weixin_34049032
    2019独角兽企业重金招聘Python工程师标准>>>推荐大神文章(文字教程)1综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版智能社-精通JavaScript开发JavaScript中的this陷阱的最全收集--没有之一JS函数式编程指南腾讯移动Web前端知识库前端开发笔记本2html5深入理解HTML5标签后HTML5时代I后HTML5时代IIhtml5推广匠
  • 前端开发笔记 weixin_33739646
    1，页面做媒体查询需添加head头//移动端加上这个标签才是真正的自适应复制代码//IOS中safari允许全屏浏览复制代码//IOS中Safari顶端状态条样式复制代码//忽略将数字变为电话号复制代码//忽略识别email复制代码2，监听视频是否加载完成，禁止选择文本，禁止长按链接与图片弹出菜单去除A连接input标签，点击出现自带的阴影样式屏蔽阴影:videoElem.addEventList
  • Web笔记-移动前端开发笔记 IT1995 Web相关技术web前端
    因为最近有个移动端的小项目，在此稍微学习下移动端开发基础概念。免得用框架的时候莫名其妙。px(CSSpixels)：逻辑像素，浏览器使用的抽象单位；dp,pt(deviceindependentpixels)：设备无关像素；dpr(devicePixelRatio)：设备像素放缩比；计算公式：1px=(dpr)^2*dp下面先解释下dp，为设备像素放缩比：高清屏(Retina屏)：dpr都是大于等
  • jvm调优总结（从基本概念 到 深度优化） oloz javajvmjdk虚拟机应用服务器
    JVM参数详解：http://www.cnblogs.com/redcreen/archive/2011/05/04/2037057.html   Java虚拟机中，数据类型可以分为两类：基本类型和引用类型。基本类型的变量保存原始值，即：他代表的值就是数值本身；而引用类型的变量保存引用值。“引用值”代表了某个对象的引用，而不是对象本身，对象本身存放在这个引用值所表示的地址的位置。
  • 【Scala十六】Scala核心十：柯里化函数 bit1129 scala
    本篇文章重点说明什么是函数柯里化，这个语法现象的背后动机是什么，有什么样的应用场景，以及与部分应用函数(Partial Applied Function)之间的联系   1. 什么是柯里化函数 A way to write functions with multiple parameter lists. For instance def f(x: Int)(y: Int) is a
  • HashMap dalan_123 java
    HashMap在java中对很多人来说都是熟的；基于hash表的map接口的非同步实现。允许使用null和null键；同时不能保证元素的顺序；也就是从来都不保证其中的元素的顺序恒久不变。 1、数据结构     在java中，最基本的数据结构无外乎：数组 和 引用（指针），所有的数据结构都可以用这两个来构造，HashMap也不例外，归根到底HashMap就是一个链表散列的数据
  • Java Swing如何实时刷新JTextArea，以显示刚才加append的内容 周凡杨 java更新swingJTextArea
    在代码中执行完textArea.append("message")后，如果你想让这个更新立刻显示在界面上而不是等swing的主线程返回后刷新，我们一般会在该语句后调用textArea.invalidate()和textArea.repaint()。 问题是这个方法并不能有任何效果，textArea的内容没有任何变化，这或许是swing的一个bug，有一个笨拙的办法可以实现
  • servlet或struts的Action处理ajax请求 g21121 servlet
    其实处理ajax的请求非常简单，直接看代码就行了： //如果用的是struts //HttpServletResponse response = ServletActionContext.getResponse(); // 设置输出为文字流 response.setContentType("text/plain"); // 设置字符集 res
  • FineReport的公式编辑框的语法简介 老A不折腾 finereport公式总结
    FINEREPORT用到公式的地方非常多，单元格（以=开头的便被解析为公式），条件显示，数据字典，报表填报属性值定义，图表标题，轴定义，页眉页脚，甚至单元格的其他属性中的鼠标悬浮提示内容都可以写公式。 简单的说下自己感觉的公式要注意的几个地方：   1.if语句语法刚接触感觉比较奇怪，if(条件式子,值1,值2)，if可以嵌套，if(条件式子1，值1，if(条件式子2，值2，值3)
  • linux mysql 数据库乱码的解决办法 墙头上一根草 linuxmysql数据库乱码
    linux 上mysql数据库区分大小写的配置 lower_case_table_names=1 1-不区分大小写 0-区分大小写   修改/etc/my.cnf 具体的修改内容如下:   [client] default-character-set=utf8   [mysqld] datadir=/var/lib/mysql socket=/va
  • 我的spring学习笔记6-ApplicationContext实例化的参数兼容思想 aijuans Spring 3
    ApplicationContext能读取多个Bean定义文件，方法是： ApplicationContext appContext = new ClassPathXmlApplicationContext（ new String[]｛“bean-config1.xml”，“bean-config2.xml”，“bean-config3.xml”，“bean-config4.xml
  • mysql 基准测试之sysbench annan211 基准测试mysql基准测试MySQL测试sysbench
    1 执行如下命令，安装sysbench-0.5： tar xzvf sysbench-0.5.tar.gz  cd sysbench-0.5  chmod +x autogen.sh  ./autogen.sh  ./configure --with-mysql --with-mysql-includes=/usr/local/mysql
  • sql的复杂查询使用案列与技巧 百合不是茶 oraclesql函数数据分页合并查询
      本片博客使用的数据库表是oracle中的scott用户表;          -------------------  自然连接查询           查询 smith 的上司(两种方法) &
  • 深入学习Thread类 bijian1013 javathread多线程java多线程
    一．             线程的名字 下面来看一下Thread类的name属性，它的类型是String。它其实就是线程的名字。在Thread类中，有String getName()和void setName(String)两个方法用来设置和获取这个属性的值。 同时，Thr
  • JSON串转换成Map以及如何转换到对应的数据类型 bijian1013 javafastjsonnet.sf.json
            在实际开发中，难免会碰到JSON串转换成Map的情况，下面来看看这方面的实例。另外，由于fastjson只支持JDK1.5及以上版本，因此在JDK1.4的项目中可以采用net.sf.json来处理。 一.fastjson实例 JsonUtil.java package com.study; impor
  • 【RPC框架HttpInvoker一】HttpInvoker：Spring自带RPC框架 bit1129 spring
    HttpInvoker是Spring原生的RPC调用框架，HttpInvoker同Burlap和Hessian一样，提供了一致的服务Exporter以及客户端的服务代理工厂Bean，这篇文章主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成   在 【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中
  • 【Mahout二】基于Mahout CBayes算法的20newsgroup的脚本分析 bit1129 Mahout
    #!/bin/bash # # Licensed to the Apache Software Foundation (ASF) under one or more # contributor license agreements. See the NOTICE file distributed with # this work for additional information re
  • nginx三种获取用户真实ip的方法 ronin47
    随着nginx的迅速崛起，越来越多公司将apache更换成nginx. 同时也越来越多人使用nginx作为负载均衡, 并且代理前面可能还加上了CDN加速，但是随之也遇到一个问题：nginx如何获取用户的真实IP地址,如果后端是apache,请跳转到<apache获取用户真实IP地址>，如果是后端真实服务器是nginx，那么继续往下看。 实例环境： 用户IP 120.22.11.11
  • java-判断二叉树是不是平衡 bylijinnan java
    参考了 http://zhedahht.blog.163.com/blog/static/25411174201142733927831/ 但是用java来实现有一个问题。 由于Java无法像C那样“传递参数的地址，函数返回时能得到参数的值”，唯有新建一个辅助类：AuxClass import ljn.help.*; public class BalancedBTree {
  • BeanUtils.copyProperties VS PropertyUtils.copyProperties 诸葛不亮 PropertyUtilsBeanUtils
     BeanUtils.copyProperties VS  PropertyUtils.copyProperties  作为两个bean属性copy的工具类，他们被广泛使用，同时也很容易误用，给人造成困然；比如：昨天发现同事在使用BeanUtils.copyProperties copy有integer类型属性的bean时，没有考虑到会将null转换为0，而后面的业
  • [金融与信息安全]最简单的数据结构最安全 comsci 数据结构
          现在最流行的数据库的数据存储文件都具有复杂的文件头格式，用操作系统的记事本软件是无法正常浏览的，这样的情况会有什么问题呢？        从信息安全的角度来看，如果我们数据库系统仅仅把这种格式的数据文件做异地备份，如果相同版本的所有数据库管理系统都同时被攻击，那么
  • vi区段删除 Cwind linuxvi区段删除
    区段删除是编辑和分析一些冗长的配置文件或日志文件时比较常用的操作。简记下vi区段删除要点备忘。   vi概述    引文中并未将末行模式单独列为一种模式。单不单列并不重要，能区分命令模式与末行模式即可。   vi区段删除步骤： 1. 在末行模式下使用:set nu显示行号 非必须，随光标移动vi右下角也会显示行号，能够正确找到并记录删除开始行
  • 清除tomcat缓存的方法总结 dashuaifu tomcat缓存
    用tomcat容器，大家可能会发现这样的问题，修改jsp文件后，但用IE打开 依然是以前的Jsp的页面。 出现这种现象的原因主要是tomcat缓存的原因。 解决办法如下: 在jsp文件头加上 <meta http-equiv="Expires" content="0"> <meta http-equiv="kiben&qu
  • 不要盲目的在项目中使用LESS CSS dcj3sjt126com Webless
    　如果你还不知道LESS CSS是什么东西，可以看一下这篇文章，是我一朋友写给新人看的《CSS——LESS》 　　不可否认，LESS CSS是个强大的工具，它弥补了css没有变量、无法运算等一些“先天缺陷”，但它似乎给我一种错觉，就是为了功能而实现功能。 　　比如它的引用功能 ? .rounded_corners{     
  • [入门]更上一层楼 dcj3sjt126com PHPyii2
    更上一层楼 通篇阅读完整个“入门”部分，你就完成了一个完整 Yii 应用的创建。在此过程中你学到了如何实现一些常用功能，例如通过 HTML 表单从用户那获取数据，从数据库中获取数据并以分页形式显示。你还学到了如何通过 Gii 去自动生成代码。使用 Gii 生成代码把 Web 开发中多数繁杂的过程转化为仅仅填写几个表单就行。 本章将介绍一些有助于更好使用 Yii 的资源：
  • Apache HttpClient使用详解 eksliang httpclienthttp协议
    Http协议的重要性相信不用我多说了，HttpClient相比传统JDK自带的URLConnection，增加了易用性和灵活性（具体区别，日后我们再讨论），它不仅是客户端发送Http请求变得容易，而且也方便了开发人员测试接口（基于Http协议的），即提高了开发的效率，也方便提高代码的健壮性。因此熟练掌握HttpClient是很重要的必修内容，掌握HttpClient后，相信对于Http协议的了解会
  • zxing二维码扫描功能 gundumw100 androidzxing
    经常要用到二维码扫描功能 现给出示例代码 import com.google.zxing.WriterException; import com.zxing.activity.CaptureActivity; import com.zxing.encoding.EncodingHandler; import android.app.Activity; import an
  • 纯HTML+CSS带说明的黄色导航菜单 ini htmlWebhtml5csshovertree
    HoverTree带说明的CSS菜单:纯HTML+CSS结构链接带说明的黄色导航   在线体验效果：http://hovertree.com/texiao/css/1.htm代码如下,保存到HTML文件可以看到效果：   <!DOCTYPE html > <html > <head> <title>HoverTree
  • fastjson初始化对性能的影响 kane_xie fastjson序列化
    之前在项目中序列化是用thrift，性能一般，而且需要用编译器生成新的类，在序列化和反序列化的时候感觉很繁琐，因此想转到json阵营。对比了jackson，gson等框架之后，决定用fastjson，为什么呢，因为看名字感觉很快。。。   网上的说法：   fastjson 是一个性能很好的 Java 语言实现的 JSON 解析器和生成器，来自阿里巴巴的工程师开发。
  • 基于Mybatis封装的增删改查实现通用自动化sql mengqingyu DAO
    1.基于map或javaBean的增删改查可实现不写dao接口和实现类以及xml，有效的提高开发速度。 2.支持自定义注解包括主键生成、列重复验证、列名、表名等 3.支持批量插入、批量更新、批量删除 <bean id="dynamicSqlSessionTemplate" class="com.mqy.mybatis.support.Dynamic
  • js控制input输入框的方法封装(数字，中文，字母，浮点数等) qifeifei javascript js
    在项目开发的时候，经常有一些输入框，控制输入的格式，而不是等输入好了再去检查格式，格式错了就报错，体验不好。 /** 数字，中文，字母,浮点数(+/-/.) 类型输入限制，只要在input标签上加上 jInput="number,chinese,alphabet,floating" 备注：floating属性只能单独用*/     funct
  • java 计时器应用 tangqi609567707 javatimer
    mport java.util.TimerTask;   import java.util.Calendar;   public class MyTask extends TimerTask {        private static final int
  • erlang输出调用栈信息 wudixiaotie erlang
    在erlang otp的开发中，如果调用第三方的应用，会有有些错误会不打印栈信息，因为有可能第三方应用会catch然后输出自己的错误信息，所以对排查bug有很大的阻碍，这样就要求我们自己打印调用的栈信息。用这个函数：erlang:process_display (self (), backtrace).需要注意这个函数只会输出到标准错误输出。 也可以用这个函数：erlang:get_s
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他