- HTML文档中折行的使用,10_h5是如何做移动端适配的?折行的时候如何实现不断行...
Mr.Zzzzzzz
HTML文档中折行的使用
一、百分比适配1、要点元素的宽度使用了百分比来定宽,根据屏幕的宽度进行自适应适合页面内容结构均匀分配,固定高度,结构不是很复杂,注意要设置viewport视口内容宽度等于设备的宽度使用百分比定宽的元素,百分比参考的是该元素最近的,定了宽度的父元素2、示例固定高度,宽度自适应,100%比做适配*{padding:0;margin:0;}body{font-size:16px;overflow:hid
- vue移动端适配postcss-px-to-viewport
我是七月
在之前有一种流行已久的移动端适配方案,那就是rem,我想下面这两句代码,有不少老移动端都不会陌生:constdeviceWidth=document.documentElement.clientWidth||document.body.clientWidth;document.querySelector('html').style.fontSize=deviceWidth/7.5+'px';没错,
- 移动端适配方案 postcss-px-to-viewport
有没有认真工作
postcssjavascript前端
安装npminstallpostcss-px-to-viewport--save-dev或yarnadd-Dpostcss-px-to-viewport根目录下新建postcss.config.js文件module.exports={plugins:{autoprefixer:{},'postcss-px-to-viewport':{viewportWidth:750,//视窗的宽度,对应的是我们
- vue3+vite+vant移动端适配记录
baidu_41921865
一HTML类javascripthtml前端
1、根节点rem适配1.1、body需要设置一个默认的字体大小,可以设置为16pxbody{font-size:16px;height:100vh;}#app{max-width:750px;min-width:320px;overflow:hidden;min-height:100vh;margin:0auto;}1.2、动态设置根节点rem-->importloginfrom'./page/l
- 【每日前端面经】2023-02-25
糠帅傅蓝烧牛肉面
每日前端面经前端面试
题目来源:牛客+牛客每日面经20240225了解Taro么Taro是一个开放式跨端跨框架解决方案,支持使用React/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN等应用多端适配怎么做固定布局(PC)window.screen分类加载CSS@media媒体查询vh+vw+rem百分比布局响应式布局移动端适配怎么做同上偏工程化如何做字体大小的适配通过媒体
- 微信小程序之开发会议OA项目
空空_k
微信小程序微信小程序小程序会议OA
目录前言本篇目标首页会议投票个人中心会议OA项目-首页配置tabbarmock工具pageswiper会议信息会议OA项目-会议自定义tabs组件会议管理会议OA项目-投票会议OA项目-个人中心前言文章含源码资源,投票及个人中心详细自行查看源码即可小程序没有DOM对象,一切基于组件化储备知识理解事件机制理解组件化理解数据绑定Flex布局移动端适配方案建议:学习vue后开发小程序更简单本篇目标首页会
- html5移动端适配;检测浏览器信息函数
小王今天也要加油鸭~!
项目中error总结html5前端html
html5移动端适配//动态改变font-size大小(functionchangeFontSize(){letresizeEvt='orientationchange'inwindow?'orientationchange':'resize'if(!isPC()){letdocEl=document.documentElement;//recalc=function(){letclientWid
- css篇---移动端适配的方案有哪几种
婷宝_知萌
前端css前端
移动端适配移动端适配是指同一个页面可以在不同的移动端设备上都有合理的布局。主流实现的方案有响应式布局通过rem或者vw,vh等实现不同设备有相同的比例而实现适配首先需要了解viewport【视口】视口代表了一个可看见的多边形区域(通常来说是矩形)。在浏览器范畴内,它代表的是浏览器中网站中可见如果要实现浏览器适配移动端,首先我们需要统一标准视口,在html的head中需要添加以下标签:①统一视口re
- 移动端适配
浅忆_0810
1.rem适配1.1安装postcss-plugin-px2rem(推荐),也可使用官网的postcss-pxtoremnpmipostcss-plugin-px2rem--save1.2postCss配置//vue.config.jsmodule.exports={css:{loaderOptions:{postcss:{plugins:[require('postcss-plugin-px2r
- 移动端适配问题解决方案
KIKIo_
前端javascript前端css
文章目录一、移动端适配1、什么是移动端适配2、认识视口3、移动端适配方案3.1媒体查询3.2js动态计算3.3使用库4、rem计算的方法4.1手动计算4.2通过less计算4.3postcss-pxtorem4.4利用vscode插件5、vh、vw单位换算一、移动端适配1、什么是移动端适配2、认识视口3、移动端适配方案3.1媒体查询Document@mediascreenand(min-width
- 前端学习的笔记第二篇
fly in the sky !
前端前端学习笔记
vscode如何快速生成代码!+Tab效果:解析::指定当前html版本5。:lang=>language,en=>english。指定当前页面内容是英文的。:浏览器解码规则,按照UTF-8的格式进行解码。:设计的页面,既要在浏览器打开,又想要在手机端打开,就涉及到移动端适配。html里的常见标签标题标签&&段落标签&&换行标签注释标签目的:提高代码的可读性,使程序猿能够更轻松地理解和掌握代码。示
- 移动端适配的方法
dd_db_
由于不同的公司项目要求不同,适配方法也不同有的禁止图片等资源缩放,会使用左右padding的写法此处用的方法皆为缩放1通过meta适配,说白了就是缩放varphoneScale=parseInt(window.screen.width)/750;varoMeta=document.createElement('meta');oMeta.charset='utf-8';oMeta.name="vie
- vue移动端适配(px转vw)postcss-px-to-viewport配置 安装postcss-px-to-viewport
如饥似渴的人
npminstallpostcss-px-to-viewport//postcss.config.js文件module.exports={plugins:{'postcss-px-to-viewport':{unitToConvert:'px',//需要转换的单位,默认为"px"viewportWidth:375,//视窗的宽度,对应的是我们设计稿的宽度viewportHeight:1334,//
- 移动端适配——rem布局/媒体查询/flexible,‘练习仿苏宁移动端首页
sasaraku.
前端
1、rem+less+@media2、flexible+css+cssroot插件rem是针对html的字体大小来说的,所以只要查询html的宽度大小进行字体设置,就能达到整个页面范围内的尺寸变化。一个页面中只有一个html元素,与所有的页面元素尺寸挂钩,达到了整体控制的目的。而html的尺寸变化,通过媒体查询@media媒体查询:引入资源:每个尺寸,写一套不同的样式表使用less:前几个博客里有
- 移动Web——vw
越努力越幸运`
HTML5+css3前端
vw移动适配效果:当手机屏幕的尺寸发生变化的时候,网页元素的宽高都要等比例变化相对单位相对视口的尺寸计算结果vw:viewportwidth1vw=1/100视口宽度vh:viewportheight1vh=1/100视口高度体验vw和vh*{margin:0;padding:0;}/*vw和vh是相对视口宽高计算结果,可以直接实现移动端适配效果*//*.box{width:50vw;height
- vue移动端适配问题
雨后晴阳
以前只知道移动端适配用rem,最近看到了一篇博客发现可以借助amfe-flexible插件在打包的时候将px改为rem,不过前提是ui设计是750*1334博客地址https://blog.csdn.net/weixin_43295397/article/details/82895116
- 一周 8k Star 的 Notion 开源替代品 AppFlowy 诞生
秋风_irwin
JS新技术程序人生flutterrust经验分享github
近日Notion的开源替代品AppFlowy正式发布了,一经发布,在短短一周就获得了近8kStar。这个成绩对于一个开源项目来说是非常不错的,那么为什么有了Notion,AppFlowy团队却要从头开始开发一个类似的产品呢?这主要是源于Notion的一些局限包括:数据安全、移动端适配等等原因。即使Notion是AppFlowy团队最喜欢的项目以及知识管理工具,但是在一些企业的场景中,数据安全以及数
- 2024 高级前端面试题之 移动端多端开发 「精选篇」
八了个戒
前端面试面试宝典CSS系列前端移动端开发htmlcss面试多端适配
该内容主要整理关于移动端多端开发的相关面试题,其他内容面试题请移步至「最新最全的前端面试题集锦」查看。移动端多端开发精选篇1.移动端适配2.移动端300ms延迟3.如何解决移动端Retina屏1px像素问题4.如何解决移动端击穿(穿透)问题5.移动端的兼容问题6.JSBridge原理是什么?如何设计一个JSBridge?1.移动端适配为什么要做适配为了适应各种移动端设备,完美呈现应有的布局各个移动
- 【CSS】移动端适配
小秀_heo
CSScss前端
移动端适配怎么做?适配的目的是在屏幕大小不同的终端设备拥有统一的界面,让拥有更大屏幕的终端展示更多的内容。metaviewport(视口)移动端初始视口的大小默认是980px,因为世界上绝大多数PC网页的版心宽度为980px,如果网页没有专门做移动端适配,此时用手机访问网页旁边刚好没有留白,不过页面缩放后文字会变得非常小。为了解决页面缩放的体验问题,在网页代码的头部,加入一行viewport元标签
- 使用post-css实现移动端适配
_沐晨
vue3csshtml前端
介绍移动端适配以及适配方案适配原因移动端不像PC端,有足够大的屏幕展示较多的内容不同的移动端设备,有不同屏幕宽度同样大小的页面元素在不同屏幕宽度设备展示时,布局就会错乱有些元素没有展示在可视范围内有些元素不能撑满整个屏幕,有空白区域常用适配方案不同端使用不同代码,比如PC端一套代码,移动端一套代码不同端使用同一套代码,一般使用CSS样式来控制--@media移动端屏幕适配利用rem按根节点(bod
- 【项目问题】Ionic开发移动端app,手把手教你如何打包生成apk
@Dai
项目问题javascriptangular.js前端javahtml
ionic开发移动端appIonic介绍创建项目移动端适配的方式Ionicons的使用方法打包项目网页Android生成apk其他知识点设置apk名称设置网络权限Ionic介绍Ionic是移动端开发框架,以下罗列几个官方链接助力开发:一键创建项目官方文档Ionic图标库创建项目进入https://ionicframework.com/start#basics进行创建项目。它支持React、Angu
- 网站制作优化之百度常用seo工具介绍
蓝队Clound
1、百度站长工具的验证问题,工具里面已经说得非常清楚了,这里就不详细说了;2、移动适配的问题,能提高网页排名,总共有4种方式,这里全部列出来,看看你属于哪类:移动端适配(1)你的网站只适合在电脑上浏览,在html中加这段代码(2)你的网站只适合在手机上浏览,在html中加这段代码(3)你的网站PC页面和移动页面的URL相同,不需要经过url自适配跳转就可以根据浏览器的屏幕大小自适应的展现合适的效果
- react + Ant Design + 支持 markdown 的 blog-react 项目文档说明
全栈修炼
全栈修炼react.jsantdblog-reactmarkdown
前言此blog项目是基于react全家桶+AntDesign的,项目已经开源,项目地址在github上。1.效果效果图:pc端移动端适配完整效果请看:http://biaochenxuying.cn/main.html2.功能描述2.1已经实现功能登录注册文章列表标签分类个人介绍点赞与评论留言时间轴发文(支持MarkDown语法)文章详情展示(支持代码语法高亮)2.2待实现功能文章归档文章分类文章
- Pyecharts水球图全面指南:参数解读、代码实战与高级应用【第41篇—python:Pyecharts水球图】
一见已难忘
python信息可视化数据分析Pyecharts水球图
文章目录Pyecharts水球图绘制与交互的完整教程1.简介2.安装Pyecharts3.基础水球图4.自定义水球图样式5.多水球图展示6.水球图的动态效果7.水球图与其他图表的组合8.数据动态更新与实时展示9.水球图的交互功能10.导出水球图为图片或PDF11.移动端适配结语Pyecharts水球图绘制与交互的完整教程在数据可视化领域,Pyecharts是一个强大而灵活的工具,它能够以美观的方式
- 移动端适配:动态设置html元素的font-size(页面使用rem做单位)
K.Encoding
WEB前端css
一、前言:首先我们要了解的知识点:1.物理像素(physicalpixel)我们看到的每个屏幕都是由一颗颗我们肉眼难以看到的小颗粒(物理像素)组成的。2.逻辑像素是计算机坐标系统中的一个点,这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素)。3.设备的像素比(devicepixelratio)简称DPR它的数值体现了物理像素和逻辑像素之间的关系,用公式可以计算出该设备的DPR的大小:DPR
- 前端-关于移动端适配,你必须要知道的
梦之归途
前端前端移动端
移动端适配,是我们在开发中经常会遇到的,这里面可能会遇到非常多的问题:1px问题UI图完美适配方案iPhoneX适配方案横屏适配高清屏图片模糊问题...上面这些问题可能我们在开发中已经知道如何解决,但是问题产生的原理,以及解决方案的原理可能会模糊不清。在解决这些问题的过程中,我们往往会遇到非常多的概念:像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等,你真的能分清这些概念的意义吗?本文
- 移动端适配总结(一)原理篇
you的日常
导读移动端适配,是我们在开发中经常会遇到的,这里面可能会遇到非常多的问题:1px问题UI图完美适配方案iPhoneX适配方案横屏适配高清屏图片模糊问题...上面这些问题可能我们在开发中已经知道如何解决,但是问题产生的原理,以及解决方案的原理可能会模糊不清。在解决这些问题的过程中,我们往往会遇到非常多的概念:像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等,你真的能分清这些概念的意义吗?
- 移动端适配(rem)
好名字都让你们用了
手机的分辨率不同,如何在不同的手机上保持显示相同的表现,常见的方案有两种:1:使用响应式布局,(1):通过媒体查询@media来实现媒体查询可以让我们根据设备显示器的特性(如视口宽度,屏幕比例,设备方向,横向或纵向)为其设定css样式.(即根据设备的不同的宽度为同一页面设置不同的css样式)(2)写两套代码,一套Pc端,一套移动端,通过userAgent判断用户使用的设备,跳转到相应的网站2:使用
- Vue3+Vite 利用postcss-pxtorem移动端适配
哒哒哒Q
postcssvue.js前端
1.介绍postcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位。前端开发还原设计稿的重要性毋庸置疑,目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值,为了能够直接按照设计图的尺寸开发,并且能自动编译转换成rem,下面就来分享下postcss-pxtorem的使用。介绍amfe-flexibleamfe-flexible是配置可伸缩布局方案,主要是将
- ACEeditor使用手册(三)
球球不吃虾
随笔okhttp前端javascriptnode.jsACEeditor
文章目录ACEeditor使用手册5.与后端交互5.1保存与加载文件通过AJAX保存与加载文件与后端框架的集成文件状态同步与冲突解决5.2协同编辑与实时同步协同编辑的实现原理WebSocket与实时同步技术协同编辑冲突解决策略6.ACEeditor常见问题与解决方案6.1编辑器兼容性问题浏览器兼容性问题及解决方案移动端适配与优化建议6.2性能优化与调试技巧编辑器性能瓶颈分析与优化建议调试技巧与工具
- Java开发中,spring mvc 的线程怎么调用?
小麦麦子
springmvc
今天逛知乎,看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题,觉得挺有意思的,那哥们儿问的也听仔细,下面的回答也很详尽,分享出来,希望遇对遇到类似问题的Java开发程序猿有所帮助。
问题:
在用spring mvc架构的网站上,设一线程在虚拟机启动时运行,线程里有一全局
- maven依赖范围
bitcarter
maven
1.test 测试的时候才会依赖,编译和打包不依赖,如junit不被打包
2.compile 只有编译和打包时才会依赖
3.provided 编译和测试的时候依赖,打包不依赖,如:tomcat的一些公用jar包
4.runtime 运行时依赖,编译不依赖
5.默认compile
依赖范围compile是支持传递的,test不支持传递
1.传递的意思是项目A,引用
- Jaxb org.xml.sax.saxparseexception : premature end of file
darrenzhu
xmlprematureJAXB
如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误:
org.xml.sax.saxparseexception : premature end of file
很有可能时你直接读取文件为inputstream,然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
- CSS Specificity
周凡杨
html权重Specificitycss
有时候对于页面元素设置了样式,可为什么页面的显示没有匹配上呢? because specificity
CSS 的选择符是有权重的,当不同的选择符的样式设置有冲突时,浏览器会采用权重高的选择符设置的样式。
规则:
HTML标签的权重是1
Class 的权重是10
Id 的权重是100
- java与servlet
g21121
servlet
servlet 搞java web开发的人一定不会陌生,而且大家还会时常用到它。
下面是java官方网站上对servlet的介绍: java官网对于servlet的解释 写道
Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
- eclipse中安装maven插件
510888780
eclipsemaven
1.首先去官网下载 Maven:
http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz
下载完成之后将其解压,
我将解压后的文件夹:apache-maven-3.2.3,
并将它放在 D:\tools目录下,
即 maven 最终的路径是:D:\tools\apache-mave
- jpa@OneToOne关联关系
布衣凌宇
jpa
Nruser里的pruserid关联到Pruser的主键id,实现对一个表的增删改,另一个表的数据随之增删改。
Nruser实体类
//*****************************************************************
@Entity
@Table(name="nruser")
@DynamicInsert @Dynam
- 我的spring学习笔记11-Spring中关于声明式事务的配置
aijuans
spring事务配置
这两天学到事务管理这一块,结合到之前的terasoluna框架,觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容,对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种,我承认后两种的内容很好,很强大。但是实际的项目当中
- java 动态代理简单实现
antlove
javahandlerproxydynamicservice
dynamicproxy.service.HelloService
package dynamicproxy.service;
public interface HelloService {
public void sayHello();
}
dynamicproxy.service.impl.HelloServiceImpl
package dynamicp
- JDBC连接数据库
百合不是茶
JDBC编程JAVA操作oracle数据库
如果我们要想连接oracle公司的数据库,就要首先下载oralce公司的驱动程序,将这个驱动程序的jar包导入到我们工程中;
JDBC链接数据库的代码和固定写法;
1,加载oracle数据库的驱动;
&nb
- 单例模式中的多线程分析
bijian1013
javathread多线程java多线程
谈到单例模式,我们立马会想到饿汉式和懒汉式加载,所谓饿汉式就是在创建类时就创建好了实例,懒汉式在获取实例时才去创建实例,即延迟加载。
饿汉式:
package com.bijian.study;
public class Singleton {
private Singleton() {
}
// 注意这是private 只供内部调用
private static
- javascript读取和修改原型特别需要注意原型的读写不具有对等性
bijian1013
JavaScriptprototype
对于从原型对象继承而来的成员,其读和写具有内在的不对等性。比如有一个对象A,假设它的原型对象是B,B的原型对象是null。如果我们需要读取A对象的name属性值,那么JS会优先在A中查找,如果找到了name属性那么就返回;如果A中没有name属性,那么就到原型B中查找name,如果找到了就返回;如果原型B中也没有
- 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource
bit1129
dataSource
MyBatis内置了数据源的支持,如:
<environments default="development">
<environment id="development">
<transactionManager type="JDBC" />
<data
- 我程序中用到的urldecode和base64decode,MD5
bitcarter
cMD5base64decodeurldecode
这里是base64decode和urldecode,Md5在附件中。因为我是在后台所以需要解码:
string Base64Decode(const char* Data,int DataByte,int& OutByte)
{
//解码表
const char DecodeTable[] =
{
0, 0, 0, 0, 0, 0
- 腾讯资深运维专家周小军:QQ与微信架构的惊天秘密
ronin47
社交领域一直是互联网创业的大热门,从PC到移动端,从OICQ、MSN到QQ。到了移动互联网时代,社交领域应用开始彻底爆发,直奔黄金期。腾讯在过去几年里,社交平台更是火到爆,QQ和微信坐拥几亿的粉丝,QQ空间和朋友圈各种刷屏,写心得,晒照片,秀视频,那么谁来为企鹅保驾护航呢?支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢?本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
- java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转。输入一个排好序的数组的一个旋转,输出旋转数组的最小元素
bylijinnan
java
public class MinOfShiftedArray {
/**
* Q69 旋转数组的最小元素
* 把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转。输入一个排好序的数组的一个旋转,输出旋转数组的最小元素。
* 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转,该数组的最小值为1。
*/
publ
- 看博客,应该是有方向的
Cb123456
反省看博客
看博客,应该是有方向的:
我现在就复习以前的,在补补以前不会的,现在还不会的,同时完善完善项目,也看看别人的博客.
我刚突然想到的:
1.应该看计算机组成原理,数据结构,一些算法,还有关于android,java的。
2.对于我,也快大四了,看一些职业规划的,以及一些学习的经验,看看别人的工作总结的.
为什么要写
- [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖
comsci
开源项目
为什么这样说呢? 因为科学和技术的发展有时候需要一个平缓和长期的积累过程,但是行政和商业体系本身充满各种不稳定性和不确定性,如果你希望长期从事某个科研项目,但是却又必须依赖于某种行政和商业体系,那其中的过程必定充满各种风险。。。
所以,为避免这种不确定性风险,我
- 一个 sql优化 ([精华] 一个查询优化的分析调整全过程!很值得一看 )
cwqcwqmax9
sql
见 http://www.itpub.net/forum.php?mod=viewthread&tid=239011
Web翻页优化实例
提交时间: 2004-6-18 15:37:49 回复 发消息
环境:
Linux ve
- Hibernat and Ibatis
dashuaifu
Hibernateibatis
Hibernate VS iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架,当前版本是3.05。它出身于sf.net,现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架,当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言,iBATIS 是一种“Sql Mappi
- 备份MYSQL脚本
dcj3sjt126com
mysql
#!/bin/sh
# this shell to backup mysql
#
[email protected] (QQ:1413161683 DuChengJiu)
_dbDir=/var/lib/mysql/
_today=`date +%w`
_bakDir=/usr/backup/$_today
[ ! -d $_bakDir ] && mkdir -p
- iOS第三方开源库的吐槽和备忘
dcj3sjt126com
ios
转自
ibireme的博客 做iOS开发总会接触到一些第三方库,这里整理一下,做一些吐槽。 目前比较活跃的社区仍旧是Github,除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流,这里主要介绍一下Github里面流行的iOS库。 首先整理了一份
Github上排名靠
- html wlwmanifest.xml
eoems
htmlxml
所谓优化wp_head()就是把从wp_head中移除不需要元素,同时也可以加快速度。
步骤:
加入到function.php
remove_action('wp_head', 'wp_generator');
//wp-generator移除wordpress的版本号,本身blog的版本号没什么意义,但是如果让恶意玩家看到,可能会用官网公布的漏洞攻击blog
remov
- 浅谈Java定时器发展
hacksin
java并发timer定时器
java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor,从后者的表现来看,可以考虑完全替代Timer了。
Timer与ScheduleThreadPoolExecutor对比:
1.
Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
- 移动端页面侧边导航滑入效果
ini
jqueryWebhtml5cssjavascirpt
效果体验:http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js,该版本的jQuery库是用于支持HTML5的浏览器上,不再兼容IE8以前的浏览器,现在移动端浏览器一般都支持HTML5,所以使用该jQuery没问题。HTML文件代码:
<!DOCTYPE html>
<h
- AspectJ+Javasist记录日志
kane_xie
aspectjjavasist
在项目中碰到这样一个需求,对一个服务类的每一个方法,在方法开始和结束的时候分别记录一条日志,内容包括方法名,参数名+参数值以及方法执行的时间。
@Override
public String get(String key) {
// long start = System.currentTimeMillis();
// System.out.println("Be
- redis学习笔记
MJC410621
redisNoSQL
1)nosql数据库主要由以下特点:非关系型的、分布式的、开源的、水平可扩展的。
1,处理超大量的数据
2,运行在便宜的PC服务器集群上,
3,击碎了性能瓶颈。
1)对数据高并发读写。
2)对海量数据的高效率存储和访问。
3)对数据的高扩展性和高可用性。
redis支持的类型:
Sring 类型
set name lijie
get name lijie
set na
- 使用redis实现分布式锁
qifeifei
在多节点的系统中,如何实现分布式锁机制,其中用redis来实现是很好的方法之一,我们先来看一下jedis包中,有个类名BinaryJedis,它有个方法如下:
public Long setnx(final byte[] key, final byte[] value) {
checkIsInMulti();
client.setnx(key, value);
ret
- BI并非万能,中层业务管理报表要另辟蹊径
张老师的菜
大数据BI商业智能信息化
BI是商业智能的缩写,是可以帮助企业做出明智的业务经营决策的工具,其数据来源于各个业务系统,如ERP、CRM、SCM、进销存、HER、OA等。
BI系统不同于传统的管理信息系统,他号称是一个整体应用的解决方案,是融入管理思想的强大系统:有着系统整体的设计思想,支持对所有
- 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题
wudixiaotie
function
1.在~/.bashrc最后加入
[[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"
2.重新启动terminal输入:
rvm use ruby-2.2.1 --default
把当前安装的ruby版本设为默