web
文章平均质量分 50
ttx_laughing
这个作者很懒,什么都没留下…
展开
-
H5移动端适配方案
在讨论适配方案之前,先熟悉几个概念:设备像素/物理像素:设备实际物理像素点,是显示设备中一个最微小的物理部件,每个像素可以根据操作系统设置自己的颜色和亮度。任何设备的物理像素的数量都是固定的。例如(iphone6 750 * 1337) (iphone6plus 1960 * 1080)。注意:设备像素不等于CSS像素像素密度:屏幕上每英寸可以显示的像素点的数量,单位是PPI屏幕分...原创 2020-04-21 14:24:29 · 2110 阅读 · 0 评论 -
React diff 算法 & Virtual DOM
将Virtual DOM(虚拟Dom)树转换成Actual DOM(真实Dom)树的最少操作的过程,叫作调和。diff算法是调和的具体实现,将O(n^3)复杂度 转化为 O(n)复杂度。diff算法原则:分层同级比较,不跨层比较;相同的组件生成的DOM结构类似;分组内的同级节点通过唯一的id进行区分(key)不同类型节点比较逐层比较,不同类型节点直接替换,组件经历unmount,m...原创 2020-03-26 13:54:47 · 217 阅读 · 0 评论 -
npm / cnpm / yarn
npm官网[https://www.npmjs.com/]常用命令## 1,初始化npm包$ npm init## 2,安装node依赖$ npm install//简写:npm i## 3,安装插件$ npm install 包名@版本号 [-g/--save/--dev/--save-dev]//-g表示全局安装,默认安装在当前目录//--save表示安装在生产环境(...原创 2020-03-17 09:37:01 · 203 阅读 · 0 评论 -
快速搭建node服务
Express搭建web服务器安装express和express应用生成器$ mkdir webServer$ cd webServer$ cnpm install express --save$ cnpm install express-generator -g初始化项目$ express -e server//-e 表示采用ejs模板引擎安装依赖并启动服务$...原创 2020-03-17 09:35:17 · 377 阅读 · 0 评论 -
axios / fetch / ajax
ajax传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱。最常用的是jquery的ajax api,对原生XHR请求的封装,添加了对JSONP的支持。$.ajax({ type: 'POST', url: url, data...原创 2020-03-17 09:33:30 · 138 阅读 · 0 评论 -
javaweb国际化
软件开发国际化是一个很常规的需求,实现国际化的方法也比较多,比如前端国际化方法jQuery.i18n.properties,现在介绍采用ResourceBundle和Local对象实现Javaweb国际化。 ResourceBundle是一个资源包,包含不同区域(Local)的资源集合,只要向ResouceBundle提供一个特定的Locale对象,ResouceBundle就会把相应的资源返回给原创 2017-10-21 14:04:14 · 433 阅读 · 0 评论 -
加载并解析XML DOM
前端开发中经常会遇见浏览器兼容性问题,为此,在写业务逻辑之前进行浏览器类型判断很有必要,下面给出几种常用游览器判断:function isIE() { if(navigator.userAgent.indexOf("MSIE") > 0 || (navigator.userAgent.toLowerCase().indexOf("trident") > -1 && navigator.use原创 2017-06-23 19:22:33 · 254 阅读 · 0 评论 -
websocket与Java实例
websocket是H5里新增的一种技术,主要用于web客户端与服务端之间建立双工通信通道,进行实时消息传输。在websocket之前,web客户端与服务器之间传递消息都是基于HTTP协议,总所周知,HTTP是一种无状态的协议,web客户端与服务端传递消息必须由客户端主动request,然后服务端返回response结果,服务端无法主动推送消息给客户端。为此,出现了轮询(polling)和Comet原创 2017-04-27 14:56:25 · 1462 阅读 · 0 评论 -
ip地址0.0.0.0与127.0.0.1的区别
最近在项目开发中发现一个奇怪的问题,当服务器与客户端在同一台机器上时,用服务器ip(本地主机ip)192.168.1.xxx、127.0.0.1以及0.0.0.0都能登陆服务器,于是找点资料研究一下。 其实,最开始是发现服务器ip填0能登陆成功,后来知道了系统自动补全ip地址,什么意思呢,就是如果你填0或0.0或0.0.0,系统都会自动补全ip为0.0.0.0。下面就简要介绍一下这三种ip的区别。原创 2017-02-28 10:24:06 · 26770 阅读 · 3 评论 -
js实现仿百度地图拖动
最近在项目中需要用到仿百度地图拖动特效,于是花点事件研究了一下,发现通过scrollLeft和scrollTop方法改变滑块的位置可以实现类似效果,下面把研究结果拿出来分享一下。<div id="emap-panel" style="position: relative; overflow: hidden;"> <img id="emap-image"/></div>overflow: h原创 2016-12-28 14:05:11 · 6161 阅读 · 1 评论 -
监听鼠标滚轮事件
鼠标滚轮在web开发中是比较常用的,比如地图的放大缩小,改变select框的值等,今天就这个写一下。 首先,不同的浏览器有不同的滚轮事件。大致分为两种:onmousewheel(除Firefox以外的浏览器支持)和DOMMouseScroll(只有Firefox支持)。在使用滚轮前首先要注册滚轮事件,注册方法也不同,Firefox采用addEventListener监听,其他浏览器直接采用onmo原创 2016-12-28 11:13:16 · 5414 阅读 · 0 评论 -
Struts2文件下载(版本更新)
虽然通过超链的href属性直接指定要下载的资源也可以实现文件下载,但遇到中文文件名、下载前的权限检查这些问题,超链都处理不了,还得Struts2来进行文件下载。采用Struts2提供的stream结果类型来支持文件下载。在stream结果类型的结果中需指定一个inputName参数,参数值指定了一个文件下载入口的输入流。废话不多说,下面分步介绍Struts2支持文件下载的过程: 1、创建一个文件下原创 2016-10-18 15:04:28 · 435 阅读 · 0 评论