随笔分类 -  前端随记

前端随记
浏览器渲染引擎工作原理
摘要：先来看看Chrome浏览器的架构图： 通常，我们编写的HTML、CSS、JavaScript等文件，经过浏览器运行之后就会显示出页面，那他们是如何转化为页面的？这背后的原理是什么？这个过程就是浏览器的渲染进程来操作实现的。浏览器的渲染进程的主要任务就是将静态资源转化为可视化界面： 对于中间的浏览器， 阅读全文
posted @ 2021-10-14 04:15 乔锌铭 阅读(291) 评论(0) 推荐(0)
新式网络浏览器幕后揭秘
摘要：我们要讨论的浏览器 目前使用的主流浏览器有五个：Internet Explorer、Firefox、Safari、Chrome 浏览器和 Opera。本文中以开放源代码浏览器为例，即 Firefox、Chrome 浏览器和 Safari（部分开源）。根据 StatCounter 浏览器统计数据，目前 阅读全文
posted @ 2021-02-08 02:10 乔锌铭 阅读(84) 评论(0) 推荐(0)
http简介
摘要：一、 什么是http 超文本传输协议 协议：HTTP 是一个用在计算机世界里的协议。它使用计算机能够理解的语言确立了一种计算机之间交流通信的规范（两个以上的参与者），以及相关的各种控制和错误处理方式（行为约定和规范）。 传输：http是双向协议 把信息从A计算机发送至B计算机就是传输 超文本：简单的 阅读全文
posted @ 2021-02-07 10:37 乔锌铭 阅读(394) 评论(0) 推荐(0)
雅虎前端优化的35条军规
摘要：内容部分 1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。 减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页 阅读全文
posted @ 2020-02-04 10:13 乔锌铭 阅读(208) 评论(0) 推荐(0)
服务端渲染与客户端渲染
摘要：服务端渲染： 服务端内，直接通过模板引擎，将数据与模板结合，直接生成html文件，返回给客户端进行解析。客户端只负责解析html 动态的数据直接在后端与模板结合了，不需要前端进行请求获取，但是一些后期的交互，还是需要在客户端执行，像点击删除某一个商品信息 客户端渲染： 在客户端生成最终的html， 阅读全文
posted @ 2020-02-04 09:59 乔锌铭 阅读(139) 评论(0) 推荐(0)
前端感悟
摘要：作为前端程序员的我 自己动手整了个vue的项目 从开始的零星想法到动手实践 现在还没竣工的我来说 虽然整的不咋地 总的来说吧 我还是有点收获的 下面呢 我来说说我的收获 首先说说 动手实践时候考虑的事情吧 第一呢 考虑产品问题 需要什么功能 用户市场是什么 盈利点在哪 产品交互呢也就是产品在使用中不 阅读全文
posted @ 2018-07-09 16:07 乔锌铭 阅读(161) 评论(0) 推荐(0)
前端知识库
摘要：css css布局 干货!各种常见布局实现+知名网站实例分析 BFC 学习 BFC (Block Formatting Context) flex 一劳永逸的搞定 flex 布局 移动端 腾讯移动Web前端知识库 css3综合 个人总结（css3新特性） css3动画优化 高性能 CSS3 动画 综 阅读全文
posted @ 2018-07-05 08:04 乔锌铭 阅读(175) 评论(0) 推荐(0)
[原创]前端工作了一段时间经验总结，献给做前端的同学
摘要：一，编辑器的选择，推荐webstorm，绝对的神器。不要用dw了，它最骄傲的所见即所得其实没什么用，因为根本就不准，代码提示也不人性话，不方便。Webstorm的方便之处（目前用到的）， 1.可以分屏，左右同时编辑两个文件，比如左边编辑html，右边编辑它的css/js。 2.代码提示很人性话，分级 阅读全文
posted @ 2018-02-04 23:12 乔锌铭 阅读(488) 评论(0) 推荐(0)
JavaScript事件委托的技术原理
摘要：如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有很多 阅读全文
posted @ 2018-02-04 22:57 乔锌铭 阅读(208) 评论(0) 推荐(0)
Hybrid APP混合开发的一些经验和总结
摘要：1、混合开发概述 Hybrid App主要以JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。Hybrid App兼具了Native App良好用户体验的优势，也兼具了Web App使用HTML5跨平台开发低成本的优势。 目前已经有众多Hybr 阅读全文
posted @ 2018-02-04 22:53 乔锌铭 阅读(136) 评论(0) 推荐(0)
vuex
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 的四个核心概念分别是： The state tree：Vuex 使用单一状态树，用一个对象就包含了全部的应用层级状态。至此它便作为一 阅读全文
posted @ 2018-02-04 13:19 乔锌铭 阅读(194) 评论(0) 推荐(0)
16各种设计LOGO标准尺寸
摘要：继续抄写文章 网页设计标准尺寸: 1、800*600下，网页宽度保持在778以内， 2、1024*768下，网页宽度保持在1002以内， 3、在ps里面做网页可以在800*600状态下显 4、在PS里做的图到了网上就不一样了，颜色等等方；页面标准按800*600分辨率制作，实际尺寸为7；页面长度原则 阅读全文
posted @ 2017-04-13 15:21 乔锌铭 阅读(47901) 评论(1) 推荐(0)
翻译：谷歌HTML、CSS和JavaScript风格规范
摘要：我喜欢浏览风格规范。他们通常有明显的规则，虽然有些有荒诞之感，但是却可以发现之前未注意到的宝石。不幸的是，鲜有公司有这个勇气来发布自己内部的风格规范。BBC 2010年时候公开其文档以及Google最终发布了其内部项目使用的风格规范。 规则包括C++, Objective C, Python, XM 阅读全文
posted @ 2017-03-12 21:06 乔锌铭 阅读(504) 评论(0) 推荐(1)
web前端的发展态势 浅识
摘要：以前 作为一个java程序员写的代码主要还是后台的代码，虽然开始的时候前后端都写，但是也是用别人造好的轮子来用，学学html,css,js,jquery,再找一个前端ui框架学学，上手之后我们就可以写界面，写后台了，当然这只是企业的后台管理项目，界面要求不是特别高，对于网站项目还是需要前端童鞋来设计 阅读全文
posted @ 2017-03-02 13:58 乔锌铭 阅读(496) 评论(0) 推荐(0)
前端发展态势 && 前端工作流程个人浅析
摘要：于在未开启cleartype的情况下，一些中文字体在非偶数字号下的显示效果欠佳，所以一般建议使用12、14、16、18、22px等偶数字号。也就 是对某个分辨率选择离它最近的偶数字号。例如：屏幕横向分辨率在1100以下的采用14px，1100到1500采用16px，1500以上采用 18px，依此类 阅读全文
posted @ 2017-03-01 08:02 乔锌铭 阅读(311) 评论(0) 推荐(0)