随笔分类 -  前端&客户端

Velocity和XTemplate(简称xtpl)模板
摘要:Velocity 和 XTemplate 是两种不同的模板引擎,它们用于在Web服务器或应用程序中动态生成HTML或其他文本格式。 Velocity: Velocity 是 Apache Software Foundation 领导的一个项目,它提供了一个基于Java的模板引擎。Velocity 使 阅读全文

posted @ 2024-04-22 14:19 gogoy 阅读(333) 评论(0) 推荐(0)

前端页面渲染(文档+数据)不同模式
摘要:一张可被用户访问的页面,可以被拆分为主文档(html)和 数据 两个部分,这两个部分既可以是组合在一起的(SSR)即服务端渲染,也可以是分离的即前端渲染(SPA、异步渲染)。比如一些活动搭建平台,可以增加一个数据网关,实现SSR,提升用户体验。 渲染模式(服务端/前端-同步,前端-异步) 服务端渲染 阅读全文

posted @ 2024-04-22 10:57 gogoy 阅读(189) 评论(0) 推荐(0)

前端低代码(DSL&Schema)
摘要:标准的DSL和Schema区别 --ChatGPT4回答 DSL(Domain-Specific Language)和Schema这两个概念在计算机科学和软件开发中是不同的,但它们都是用来描述结构和约束的。 DSL(Domain-Specific Language): DSL是一种专用于特定领域的计 阅读全文

posted @ 2024-03-19 10:13 gogoy 阅读(1675) 评论(0) 推荐(0)

搞懂 RESTful API
摘要:https://apifox.com/blog/a-cup-of-tea-time-to-understand-restful-api/ 什么是 RESTful API 在互联网并没有完全流行的初期,移动端也没有那么盛行,页面请求和并发量也不高,那时候人们对接口(API)的要求没那么高。 当初的 w 阅读全文

posted @ 2023-08-28 10:41 gogoy 阅读(112) 评论(0) 推荐(0)

webview是什么?作用是什么?和浏览器有什么关系?
摘要:Webview 是一个基于webkit的引擎,可以解析DOM 元素,展示html页面的控件,它和浏览器展示页面的原理是相同的,所以可以把它当做浏览器看待。(chrome浏览器也是基于webkit引擎开发的,Mozilla浏览器是基于Gecko引擎开发的) Android的Webview在低版本和高版 阅读全文

posted @ 2023-03-16 19:39 gogoy 阅读(743) 评论(0) 推荐(0)

浏览器的渲染原理简介
摘要:http://coolshell.cn/articles/9666.html 阅读全文

posted @ 2014-03-12 19:07 gogoy 阅读(141) 评论(0) 推荐(0)

HTTP请求中浏览器的缓存机制(转)
摘要:摘要:在Web开发过程中,我们可能会经常遇到浏览器缓存的问题。本文作者详细解释了浏览器缓存的机制,帮助读者更深层次的认识浏览器的缓存。 流程 当资源第一次被访问的时候,HTTP头部如下(Request-Line) GET /a.html HTTP/1.1Host 127.0.0.1User-Agent Mozilla/5.0 (X11; U; Linux i686; zh-CN; rv:1.9.0.15) Gecko/2009102815 Ubuntu/9.04 (jaunty) Firefox/3.0.15Accept text/html,applica... 阅读全文

posted @ 2013-09-03 10:46 gogoy 阅读(218) 评论(0) 推荐(0)

浏览器的工作原理:新式网络浏览器幕后揭秘(转)
摘要:译文地址:http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/#The_browsers_we_will_talk_abouthttp://ux.sohu.com/topics/50972d9ae7de3e752e0081ff原文地址:http://taligarsiel.com/Projects/howbrowserswork1.htm 阅读全文

posted @ 2013-09-03 09:52 gogoy 阅读(212) 评论(0) 推荐(1)

Lazyload 延迟加载效果(转)
摘要:http://www.cnblogs.com/cloudgamer/archive/2010/02/01/LazyLoad.htmlLazyload是通过延迟加载来实现按需加载,达到节省资源,加快浏览速度的目的。网上也有不少类似的效果,这个Lazyload主要特点是:支持使用window(窗口)或元素作为容器对象;对静态(位置大小不变)元素做了大量的优化;支持垂直、水平或同时两个方向的延迟。程序说明【基本原理】首先要有一个容器对象,容器里面是_elems加载元素集合。用隐藏或替换等方法,停止元素加载内容。然后历遍集合元素,当元素在加载范围内,再进行加载。加载范围一般是容器的视框范围,即浏览者的 阅读全文

posted @ 2013-09-03 09:50 gogoy 阅读(199) 评论(0) 推荐(0)

AJAX入门实例
摘要:1、什么是 AJAX ?AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。2、实例//webDemo/ajax/ajaxtest1.htmlAJAX请求数据//webDemo/ajax/demo_ajax.htmlajax 异步请求结果点击前:点击后:3、onread 阅读全文

posted @ 2013-08-27 10:28 gogoy 阅读(220) 评论(0) 推荐(0)

HTML DOM之二:事件
摘要:对事件作出反应当事件发生时,可以执行 JavaScript,比如当用户点击一个 HTML 元素时。如需在用户点击某个元素时执行代码,请把 JavaScript 代码添加到 HTML 事件属性中:onclick=JavaScriptHTML 事件的例子:当用户点击鼠标时当网页已加载时当图片已加载时当鼠标移动到元素上时当输入字段被改变时当 HTML 表单被提交时当用户触发按键时在本例中,当用户点击时,会改变 元素的内容:1、例子1:1 2 3 4 5 请点击这段文本!6 7 8 例子1改进:用函数 1 2 3 4 10 11 12 13 请点击这段文本!14 15 16 2、button ... 阅读全文

posted @ 2013-08-27 09:32 gogoy 阅读(250) 评论(0) 推荐(0)

HTML DOM之三:节点关系导航
摘要:1、获取节点列表 1 2 3 4 5 Hello World! 6 DOM 很有用! 7 本例演示 length 属性。 8 9 17 18 2、导航节点关系您能够使用三个节点属性:parentNode、firstChild 以及 lastChild、childNodes[],在文档结构中进行导航。请看下面的 HTML 片段:Hello World! DOM 很有用! 本例演示节点关系。首个 元素是 元素的首个子元素(firstChild) 元素是 元素的最后一个子元素(lastChild) 元素是首个 元素和 元素的父节点(parentNode)例子2.1:first... 阅读全文

posted @ 2013-08-26 15:59 gogoy 阅读(303) 评论(0) 推荐(0)

页面性能优化之内容加载优化(转)
摘要:http://www.ueder.net/2011/01/23/%E9%A1%B5%E9%9D%A2%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E6%8C%89%E9%9C%80%E5%8A%A0%E8%BD%BD%E5%8F%8A%E6%8C%89%E9%9C%80%E6%B8%B2%E6%9F%93/图片按需加载现在大部分门户或电子商务网站的产品列表页,都比较长,且图片较多,如果全部加载,通常会耗费较多时间,而且有数据表明长时间的等待页面响应会流失大部分的用户,所以此时我们就可以考虑只加载第一屏的内容,第一屏内容以外的图片按需加载,用户滚动到该屏时再加载(包括 阅读全文

posted @ 2013-08-26 15:46 gogoy 阅读(305) 评论(0) 推荐(0)

HTML DOM 之一:访问、修改、删除HTML内容
摘要:什么是 DOM?DOM 是 W3C(万维网联盟)的标准。DOM 定义了访问 HTML 和 XML 文档的标准:“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分:核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对 HTML 文档的标准模型编者注:DOM 是 Document Object Model(文档对象模型)的缩写。1、getElementByIdHello World! DOM很有用 1、getEleme 阅读全文

posted @ 2013-08-26 14:14 gogoy 阅读(563) 评论(0) 推荐(0)

导航