Web 开发
文章平均质量分 95
墨城之左
形而上者谓之道,形而下者谓之器。
展开
-
DOM的事件机制,以及事件的捕获与冒泡
事件处理,对于前端开发来说,颇为重要,知其然亦要知其所以然,所以,搞清楚浏览器 DOM 的事件机制,很有意义!文章目录1 事件1.1 事件:Event1.2 事件目标:EventTarget2 事件捕获与冒泡3 stopPropagation1 事件首先需要思考一下,何为事件?事件的本质是什么?事件,一言以蔽之,即 “消息” 也!在操作系统层面,也叫 “信号”。事件的工作过程中,必然涉及到三方主体:事件源、事件、事件目标。很容易理解,事件源就是事件的来源,事件特指事件过程要传递的信息,事件目标即.原创 2021-11-28 15:30:08 · 1256 阅读 · 0 评论 -
jquery 实现动态 scroll 列表内容
<!DOCTYPE html><html><head> <style type="text/css"> li {height: 50px} </style> <script src="./jquery-3.4.1.min.js" type="text/javascript"></script></head><body> <div clas.原创 2020-08-15 18:05:48 · 383 阅读 · 0 评论 -
搭建基于瓦片的离线地图应用
https://wiki.openstreetmap.org/wiki/Slippy_map_tilenames本文会介绍瓦片地图应用中有关瓦片文件的命名约定。瓦片是一个个精度为 256x256 像素的 PNG 文件;瓦片文件存储路径的格式为:/zoom-level/x/y.png;提供瓦片的服务称为瓦片服务器,不同的瓦片服务器,获取瓦片文件的 url 会有些差异,但整体相似,例如:瓦片服务URL 格式zoom 等级OSM ‘standard’ stylehttp://原创 2020-05-15 17:43:40 · 4700 阅读 · 9 评论 -
JavaScript 中使用 Promise
异步编程的几种模式回调和事件PromiseAsync,WaitPromisePromise 使 ES6 提供的原生类,简单的说就是一个容器,里面保存着某个异步执行的操作结果(也就是说未来才会获得的结果)。类似于Java 中的 Future 类。三种状态:pending(进行中),fulfilled(成功, resolved),rejected(失败)状态变化:pending =&...原创 2020-04-10 09:10:12 · 805 阅读 · 0 评论 -
ZUI datagrid 数据表格重新渲染问题
文章目录静态数据表格resetDatarenderData()示例zui 挺好用的,样式清新简洁。但是示例还不够丰富,有些比较细节的问题,还需要自己花时间来摸索,比如数据表格的重新渲染问题。datagrid静态数据表格let myDataGrid = $('#myDataGrid').datagrid({ dataSource: { cols:[ ...原创 2019-12-19 10:30:08 · 2212 阅读 · 1 评论 -
Retrofit:非常好用的 Java HTTP Client 工具
RetrofitA type-safe HTTP client for Android and Java首先,它是一个 HTTP Client,一个用于发送 Http 请求的工具;另外,它具有类型安全的特点,能够定义结构化的请求接口,这样的程序更易理解。入门将 HTTP API 转换为 Java 接口:public interface GitHubService { @GET("...原创 2019-11-24 16:04:58 · 826 阅读 · 0 评论 -
前端技术整理
Yarn vs NPMParcel vs Webpack打包与编译的关系,在打包的过程中,会触发编译行为,类似于 make 会调用 gcc。React vs VueTypeScript vs BabelTypeScript 模块的设计理念是可替代的代码集合,模块在自身的作用域中执行,不影响全局的命名空间,也就是说定义在模块里的变量、函数和类等在模块外是不可见的,除非使用 export 导...原创 2019-11-14 09:31:43 · 327 阅读 · 0 评论 -
js canvas 绘图时位置偏离的问题
使用 canvas 绘图时,指定的 div 大小一定不要超过该 div 所能获得的最大范围,否则绘制的点会跟实际位置发生偏离。例如<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled 1</...原创 2019-09-28 17:01:00 · 9181 阅读 · 1 评论 -
XMLHttpRequest 的简单使用
https://xhr.spec.whatwg.org/简单示例 var client = new XMLHttpRequest(); client.onload = handler; client.open("GET", "https://www.baidu.com"); client.send();需要注意的是,使用 chrome console 来执行上面的示例代码时,会涉及到...原创 2019-05-05 22:23:06 · 901 阅读 · 0 评论 -
深入理解无状态协议、HTTP 与 web 会话
1. 什么是状态(state)?状态可以简单地理解为事物在某一个时间点上的特征表现。事物在不断的发展、运动和变化,这样才会有状态,这样的状态才会有意义!绝对的静止就是黑洞,就不会有状态,也不会产生信息!生老病死,花开花谢,春去秋来,都是事物状态的变迁!软件领域与状态相关的概念有很多,比如生命周期,状态机,状态迁移,无状态服务,无状态协议,等等。2. 无状态协议(Stateless pr...原创 2018-10-28 14:33:51 · 2353 阅读 · 0 评论 -
【前端框架】Element UI Dialog 组件中执行 DOM 操作异常问题的分析与处理
开发指南一、编码规约1 命名准则选择易读、易理解的标识符名称可读性比简洁性更重要不应使用缩写或首字母缩写词: 使用 OnButtonClick 而不是 OnBtnClick严禁使用拼音命名常量命名全部大写,单词间用下划线连接抽象类以 Abstract/Generic/Base 开头,异常类以 Exception 结尾,测试类以 Test 结尾,枚举类以 Enum...原创 2018-09-26 17:20:22 · 10579 阅读 · 5 评论 -
CentOS7 搭建LAMP环境
转自:http://www.linuxidc.com/Linux/2016-04/130653.htm一、准备工作1. 下载并安装CentOS7.2,配置好网络环境,确保centos能上网,可以获取到yum源。centos7.2的网络配置: vim /etc/sysconfig/network-scripts/ifcfg-eno16777736转载 2017-08-11 19:52:38 · 1813 阅读 · 0 评论 -
Django URL传递参数的方法总结
转载请注明:转载自ian的个人博客[http://www.icodelogic.com]本文链接地址: http://www.icodelogic.com/?p=5011 无参数情况配置URL及其视图如下:1234(r'^hello/$', hello) def hello(request): return转载 2017-08-02 15:01:07 · 9310 阅读 · 0 评论 -
Jetty 加载资源的相关问题
Jetty 加载资源有一定的顺序和策略,这里开一个头,以后慢慢填充相关的案例和资料:1 今天在调试一个临时项目时,碰到了一件很奇怪的问题,当Jetty Server的Custom context root设置为 “/” 时,总是无法正常加载app的图片资源。更奇怪的是,其他同事同样从svn上check下来代码,都能正常运行。而且,如果配置 Custom context root 为 “原创 2016-05-27 18:32:10 · 639 阅读 · 0 评论