随笔分类 - 07 Web前端 移动Web端

摘要:一、页面静态化 1、动静态页面 静态页面 即静态网页,指已经装载好内容HTML页面,无需经过请求服务器数据和编译过程,直接加载到客户浏览器上显示出来。通俗的说就是生成独立的HTML页面,且不与服务器进行数据交互。 优缺点描述: 静态网页的内容稳定,页面加载速度极快; 不与服务器交互,提升安全性; 静 阅读全文

posted @ 2020-07-21 11:32 panchanggui 阅读(128) 评论(0) 推荐(0) 编辑 |

摘要:webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle,它能把各 阅读全文

posted @ 2019-04-28 12:22 panchanggui 阅读(209) 评论(0) 推荐(0) 编辑 |

摘要:一开始很多刚入手vue.js的人,会扒GitHub上的开源项目,但是发现不知如何运行GitHub上的开源项目,很尴尬。通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给大家。 首先,列出来我们需要的东西: 安装node.js 安装需要安装v10.15. 阅读全文

posted @ 2019-04-28 11:45 panchanggui 阅读(8923) 评论(0) 推荐(1) 编辑 |

摘要:原文 网页布局方式 1、固定宽度布局:为网页设置一个固定的宽度,通常以px做为长度单位,常见于PC端网页。 2、流式布局:为网页设置一个相对的宽度,通常以百分比做为长度单位。 3、栅格化布局:将网页宽度人为的划分成均等的长度,然后排版布局时则以这些均等的长度做为度量单位,通常利用百分比做为长度单位来 阅读全文

posted @ 2019-02-21 15:38 panchanggui 阅读(2048) 评论(0) 推荐(0) 编辑 |

摘要:原文 学了前端一段时间了,发现大家都搅浑了自适应布局和响应式布局的差别。现在我来和大家说下它们的不同: 自适应的体验 http://m.ctrip.com/html5/响应式的体验 http://segmentfault.com/ 整理了自己查阅的知识点,给各位一些提示。 起初,网页设计者都会涉及固 阅读全文

posted @ 2019-02-21 15:21 panchanggui 阅读(2741) 评论(0) 推荐(0) 编辑 |

摘要:谈到响应式,大家不自觉的会想到什么?首先映入眼帘的便是随着网页宽度变化而网页内容呈现出不同内容的效果!那么由来是什么呢? 2009时间段,互联网发生了一件天大的事情!那就是在北京时间2009年6月9日凌晨2:48分,在美国旧金山MosconeWest会议中心举行的WWDC2009(苹果全球开发者大会 阅读全文

posted @ 2019-02-21 15:02 panchanggui 阅读(255) 评论(0) 推荐(0) 编辑 |

摘要:不得不说,前端技术发展非常迅速,时不多久就有一个新的东西冒出来,并且迅速膨胀发展,让旁观者眼花缭乱,让开发者目眩神迷,但总体上来说,这波互联网大浪潮带动了前端技术的大发展,给曾经那些苦苦挣扎于DOM操作的页面工作者带来福音,也为前端技术的开发提出更高的要求。 我始终认为从 jquery 转到 ang 阅读全文

posted @ 2018-08-08 15:56 panchanggui 阅读(401) 评论(0) 推荐(0) 编辑 |

摘要:作为前端的同学来说,想要运行一段代码,但又没有必要使用tomcat或是Apache http server,这个时候,一个简单的轻量的http-server就能搞定。 当前端开发完成后,需要我们打包部署,此时一般就会生成一个dist文件夹,里面存放的是一些静态文件,当我们在编辑器里直接运行这些静态文 阅读全文

posted @ 2018-07-30 13:02 panchanggui 阅读(2240) 评论(0) 推荐(0) 编辑 |

摘要:1.Sublime Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受。相比于难于上手的Vim,浮肿沉重的Eclipse,VS,即便体积轻巧迅速启动的Editplus、Notepad++,在Sub 阅读全文

posted @ 2018-07-30 12:56 panchanggui 阅读(941) 评论(0) 推荐(0) 编辑 |

posts - 633, comments - 19, trackbacks - 0, articles - 0

Copyright © 2020 panchanggui
Powered by .NET 5.0.0-rc.2.20475.5 on Kubernetes