title：前端共享博客url：http://sharedblog.cn/关键词：共享博客,前端开发,前端博客,个人博客,网站制作,鹏仔先生,百变鹏仔,HTML,CSS,javascript,JS副标题：共享博客是一个关注前端开发、包含HTML、CSS、Javascript的前端开发独立博客博客主要针对前端的基础笔记记录，分享工作中遇到的问题。
原创
2022-01-29 17:55:36
297阅读
时间花哪里去了？
只有10%-20%的最终用户响应时间花在了下载html文档上,其余80%-90%时间花在了下载页面的相关组件上。如：图片、Flash等。
所以主要优化：
减少http请求
缓存
减少文件大小：压缩文件+优化代码
健康的优化因该是根据页面的加载过程，全面的优化过程
第一步、浏览器预处理
查询Cache：读取Cache 或者发送304请求
第二步、查询DNS
优化规则--减少DNS查找
DNS缓存
浏览器DNS缓存 计算机DNS缓存 服务器DNS缓存（TTL）
使用Keep-Alive特性
减少DNS查找
当客户端的DNS缓存为空时，DNS查找的数量与Web页面中唯一主机名的数量相等。减少唯一主机名的数量就可以减少DNS查找的数量。
较少的域名来减少DNS查找（2-4个主机）
原创
2021-06-07 18:00:16
507阅读
qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关 主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署 微应用仓库独立，前后端可独立开发，部署完成后主框架自动
Vue.js特点：数据双向绑定从View侧看，ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化，如果有变化，则更改Model中的数据；从Model侧看，当我们更新Model中的数据时，Data Bindings工具会帮我们更新页面中的DOM元素。Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想...
原创
2021-09-28 16:02:50
410阅读
4评论
很高兴能回答你的问题选择哪个看个人兴趣以及自己的长处，逻辑能力强就可以走后端路线，当然前端也可以。web前端和java都是热门的行业。1.web前端开发相对应的职位可能就是一些web前端开发工程师，主要工作是把ui设计师设计好的psd利用html，制作成网页，web前端工程师布局网站的结构和样式，和整体美观效果，刚开始会学习一些HTML、CSS、Javascript、JQ、MVVM的一些知识，基础
总所周知，javascript是一门解释型的脚本语言，其主要的步骤为解释一行，执行一行，但这执行第一行代码之前，javascript会有一个预编译的步骤。大家有没有发现，有时我们在变量声明的前面使用该变量，不会报错。这种变量提升的情况也是属于预编译的中所做的。JavaScript的预编译分为全局预编译和局部预编译（函数预编译）全局预编译步骤：创建GO对象（Global Object）全局对象。找变
1. 制作Docker镜像Dockerfile是一个由一堆命令+参数构成的脚本， 使用docker build即可执行脚本构建镜像， 自动的做一些事，主要用于进行持续集成。 一般， Dockerfile共包括四部分：基础镜像信息 不可能从头到尾创建一个完整的镜像, Docker镜像是分片的文件系统, 如果从头到尾创建就是重复劳动, 可以基于别人创建好的基础上添加.维护者信息镜像操作指令容器启动时执
最近和前端的小伙伴们一起聊天，发现前端这一岗位对技术的要求越来越高了，并且前端岗位也细分了好多的工种，例如微信小程序前端开发工程师、Node.js前端开发工程师、移动端前端开发工程师、React Native前端开发工程师、Ionic前端开发工程师、HTML5前端开发工程师、Web前端开发工程师、全栈前端开发工程师等等，并且前端技术真可谓是日新月异，百家争鸣呀，好多技术版本更新迭代的非常快！ 作...
原创
2021-07-26 14:30:18
214阅读
Python在Web前端的应用和优势随着互联网的发展，SEO（搜索引擎优化）不再是网站优化的附属品，而成为一项主要任务。Web前端作为门户网站入口，SEO优化也成为重要而必不可少的一环。而Python在Web前端的应用和优势，也越来越受到人们的关注。Python在Web前端的应用Python是一门高度非常灵活的编程语言，它可以用于编写各种类型的程序，包括Web前端。Web框架Python的Web开
Vue.js 特点：数据双向绑定 从View侧看，ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化，如果有变化，则更改Model中的数据； 从Model侧看，当我们更新Model中的数据时，Data Bindings工...
转载
2019-04-03 02:13:00
374阅读
3评论
最近和前端的小伙伴们一起聊天，发现前端这一岗位对技术的要求越来越高了，并且前端岗位也细分了好多的工种，例如微信小程序前端开发工程师、Node.js前端开发工程师、移动端前端开发工程师、React Native前端开发工程师、Ionic前端开发工程师、HTML5前端开发工程师、Web前端开发工程师、全栈前端开发工程师 等等，并且前端技术真可谓是日新月异，百家争鸣呀，好多技术版本更新迭代的非常快！ 作
原创
2021-01-10 21:53:32
655阅读
最近和前端的小伙伴们一起聊天，发现前端这一岗位对技术的要求越来越高了，并且前端岗位也细分了好多的工种，例如微信小程序前端开发工程师、Node.js前端开发工程师、移动端前端开发工程师、React Native前端开发工程师、Ionic前端开发工程师、HTML5前端开发工程师、
原创
2022-03-09 10:27:01
329阅读
HTML是网页内容的载体CSS是网页内容的表现JavaScript是用来实现网页上的特效html结构<html> <head>...</head> <body>...</body></html>说明:
原创
2016-12-01 13:34:33
582阅读
1.Web缓存的作用以及实现方式 作用：1.减少网络宽带消耗 2.降低服务器压力 3.减少网络延迟，加快打开网页速度 实现方式： 2.AJAX：核心内置对象 核心对象是XMLHttpRequest，它可以提供不重新加载页面的情况下更新网页，在页面加载后在客户端向服务器请求数据，在页面加载后在服务器端
转载
2019-02-18 13:46:00
188阅读
2评论
<ol> <li>a</li> <li>b</li> <li>c</li> </ol> $("ol li").click(function () { $(this).addClass("active").siblings().removeClass("active"); //被点击的元素新增acti ...
转载
2021-08-29 10:56:00
148阅读
2评论
#是id选择器 .是类选择器 "div","span"标签选择器 el：挂载点 Vue实例的作用范围是什么？ Vue会管理el选项命中的元素及其内部的后台元素。 Vue挂载点必须使用id选择器，因为id选择器是唯一的，其他选择器虽然也是可以用的，但是不唯一，所以不推荐使用。 Vue作用于任何双标签（
转载
2021-01-31 16:30:00
125阅读
2评论
行内标签和块标签有哪些以及都有什么特点块标签...
转载
2019-07-11 14:13:00
117阅读
Vue的使用 1、什么是Vue 答：Vue.js是一套构建用户界面的渐进式框架，Vue 采用自下向上增量开发的设计，其核心库只关注视图层，易于上手，同时vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。 其实抛开官方的一些不知所云的说法，简单来说，在传统web开发中， ...
转载
2021-08-03 18:22:00
76阅读
2评论
前端 任何与用户直接打交道的操作界面都可以称之为前端 比如:电脑界面 手机界面 平板界面 什么是后端 后端类似于幕后操作者(都是代码) 不直接跟用户打交道 为什么学前端 要求看懂基本前端代码以及能够搭建一些简单的页面即可 先打基础 为后续可能扩展做准备 学习历程 HTML 网页的骨架 没有任何样式 ...
转载
2021-08-10 08:39:00
323阅读
