首先祝大家新年快乐，同样希望大家都可以健健康康的度过这次疫情，然后我想解释一下为什么停更长达一两个月，去年总是可能是熬夜生活作息不太规律，总是偏头痛，程度还挺重，已经影响自己的正常工作和学习，后来配合休息和药，才基本恢复了，上个学期末学校的事也是多了一些，很多时间都用在了课业或者看一些技术书上，所以停更了算挺久，非常抱歉，很感谢即使停更，大家也没有离我而去，从今天起，我接着开始更新一些文章，希望我粗浅的技术能给大家一些切实的帮助，非常欢迎大家用公众号后台，微信或者邮件的方式（文末有联系方式）与我交流，再次感谢大家！
在前端页面替换文本有几种做法，不假思索的答案通常是直接用JavaScript。但你有没有想过这完全可以用CSS实现呢？ 背景 在前端页面上，有的时候我们需要根据用户行为，替换的显示文本。比如 “显示/隐藏”、“展开/收起”。这是一个很常见的功能，实现起来也没有太大的难度。 CSS Tricks 有一篇文章谈及“替换文本的五种方法”（Swapping Out Text, Five Different Ways）。在这篇文章里，作者总结了使用五种实现方法，并且在评论里和很多读者进行了一些讨论分析。我在这里总
前端开发中有三大件：HTML、CSS、JavaScript，在前面的学习中，不管是学习 Vue 的指令系统还是 Vue 的事件修饰符，主要还是针对的是我们在前端开发中的 JavaScript 这一块，而在实际的开发中必定会需要涉及到对于页面布局的设计。即使你采用的是使用第三方的 UI 组件，当我们实际开发中时，还是需要自己写一些样式去满足自己的需求，如何实现在 Vue 中对元素设置样式则是本章学习的重点
没有最快，只有更快！世上武功，唯快不破！新能源汽车百公里加速4.x秒！...，可以说，人类对于速度的追求是永无止境的。在网页上也是一样，网页打开的速度快点，再快点，还能再快点吗？！
19组清风，携程资深前端开发工程师，负责商旅前端公共基础平台建设，关注NodeJs、研究效能领域。
在Microsoft Excel中，要计算A1到A10的和，可以使用公式 =__________。
众所周知css并不能算是一们真正意义上的“编程”语言，它本身无法未完成像其它编程语言一样的嵌套、继承、设置变量等工作。
Meteor和那些名声如雷贯耳的前端框架，比如Angular, React等都不一样，它是一个 采用单一开发语言的全栈开发的平台：开发者可以使用JavaScript同时 进行前端和后端的开发，然后交给Meteor运行这个包含了前后端的完整应用：
在上一章中，我们开始通过 Vue CLI 去搭建属于自己的前端 Vue 项目模板，就像我们 .NET 程序员在使用 asp.net core 时一样，我们更多的会在框架基础上按照自己的开发习惯进行调整。因此在后面几章的学习中，我将会在整个项目基础上，按照自己的需求进行修改设定。
CSS的作用是给 HTML 元素添加样式和布局，接下来利用CSS的 white-space 和 overflow 这两个属性让元素实现左右滑动，效果如下：
三年前 Facebook 开始思考在目前设计系统下面临的问题，那时它们在前端项目、系统组件等部分使用的是 cssmodule 的样式方案。
给你一条学习路线，初学前端的话，需要先学习一下前端的三大基础知识，即HTML、CSS和JavaScript 。
回归正题，本文主要是介绍一下Chrome developer tool(开发者工具)的使用，以方便我们的日常开发与调试。其实在没用Chrome开发之前就时不时的听到类似这样的话：“别用IE，IE太low了，用Chrome吧”。如今,我用过Chrome后才切身体会到，Chrome浏览器无疑是最受前端青睐的工具，原因除了界面简洁、大量的应用插件，良好的代码规范支持、强大的V8解释器，javascript执行速度和内存占有率表现非常优秀之外，还因为Chrome开发者工具提供了大量的便捷功能，方便我们前端调试代码，我们在日常开发中是越来越离不开Chrome，是否熟练掌握Chrome调试技巧恐怕也会成为考量前端技术水平的标杆。
我还是一个野生程序员的时候，不会 Debug，只会傻傻地写一句句 std::count。即使是在今天，有些时候我也会这样做：打一个 console.log，然后看看结果是不是和预期的一样。如果不是和预期一样，就修改一下代码，刷新一下浏览器。这得亏是 JavaScript 是一门动态语言，可以很快的看到运行的结果。 前言： 本章里，主要介绍如何调试前端应用——基本的调试： HTML、CSS 和 JavaScript；使用网络工具对 API 进行测试；对移动设备进行调试：使用浏览器的模拟器、真机、iOS 模拟；
👆点击“博文视点Broadview”，获取更多书讯 在前端基础建设中，对样式方案的处理是必不可少的。 在本文中，我们将实现一个工程化主题切换功能，并梳理现代前端样式的解决方案。 1 设计一个主题切换工程架构 随着iOS 13引入深色模式（Dark Mode），各大应用和网站也都开始支持深色模式。相比于传统的页面配色方案，深色模式具有较好的降噪性，也能让用户的眼睛在看内容时更舒适。 那么对于前端来说，如何高效地支持深色模式呢？ 这里的高效就是指工程化、自动化。在介绍具体方案前，我们先来了解一个必会的前端工
不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例子来学习:
零基础怎么学web前端?下面就跟着小编一起来看看吧! 想学好web前端，该从哪里入手学习呢?零基础学习web前端学习路线图从哪里可以找到呢?这里为大家整理完整的零基础 前端学习路线分享给大家。 适合零
总结一下Vue实战的网页音乐播放器 首先是设计出主体的整个框架 分为四个部分 最左边的歌曲列表，中间的唱片，最右边的热门评论显示以及下方的播放条
前端是庞杂的，包括 HTML、 CSS、 Javascript、Image 、Video等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ?
前端领域这几年涌现了很多新兴的前端框架，比如Qwik、Svelte、Astro等。
系统：Windows 7 语言版本：Anaconda3-4.3.0.1-Windows-x86_64 编辑器：pycharm-community-2016.3.2 bokeh：0.12.7
发现总结性的小干货可以为大家提升更好的开发技巧和编码思维，对代码量产化提供更扎实的质量和支持。这次我们来聊聊大家可能都比较关心的话题：「性能优化」。
每每提及色彩，我总会想起苏轼的一年好景君须记，正是橙黄橘绿时，白居易的日出江花红胜火，春来江水绿如蓝，朱熹的等闲识得东风面，万紫千红总是春。
Web前端代码中，HTML是根本，CSS和JavaScript也是围绕着既有的HTML结构来构建，所以良好的HTML代码结构，除了提高了HTML代码的可读性，可维护性和执行性能之外，也可以让相对应的CSS和JavaScript代码更好的构建。距前面两篇探讨JavaScript（前端代码标准最佳实践：JavaScript篇）和CSS（前端代码标准最佳实践：CSS篇）之后，我们今天来探讨Web前端HTML的一些最佳实践。 （1）HTML代码的基本规范 1. HTML的命名和格式 任何代码的混乱都是从命名和格式的
html翻译一下：hype text mark language 超文本标记语言
说到web前端开发高级，必须要掌握的是HTML和css代码的优化，前端优化很重要，这是成功你进阶的道路上需要重视的知识点，面对代码优化，首先我们要学习的就是前端命名规范，HTML代码优化，和css代码优化。
这要从很久的事情开始说起，前端最初的发展就像一团浑浊的云团，什么都往一块写，然后东拼西凑，最后竟然能运行。其实每个人前端人都会对页面的混杂感到头疼，谁不想好好优化一下呢？但是奈何那会没有成型的工具，更没有现在高质量的组件库，从此解放了我们的代码编写，真正做到了开箱即用，它不香吗？
缓存：ETag Expire Last-Modified 三者合用，Expire 可以让浏览器完全不发起 Http 请求，若 F5 发起请求，也可以通过判断 ETag（对应浏览器字段 If-None-Match） 和 Last-Modified （对应浏览器字段 If-Modified-Since）字段是否需要更新资源还是使用 304(Not Modified) 的本地资源；
这里总结一下 WEB 前端面试的常见问题，同时这些问题也是对一些基础的技术概念和思想的理解。对这些基本知识的掌握程度和深度决定了你的技术层级。高级工程师是必须掌握本文列出的这些知识的，资深工程师则要对这些基本概念的纵向深度进行挖掘（作者：YHSPY）。
第一次写jQuery插件，简直无从下手，好在一步一步从简单到复杂（对我来说挺复杂的），终于理解了jQuery插件的写法规则，并最终以一个新闻式插件面世。尤其感谢带领我的很棒的前端师傅~ 废话不多说，开始。（编写准备工具：sublime（其他只要可以开发HTML就行），jQuery包） 一、题目：编写一个类似新闻样式的小插件（即：用上这个插件，就能自动生成一个新闻样式），如图所示。 image.png 二、分析题目，整理思路，并用代码实现它 1、首先用HTML+CSS将静态页面写出来（不用想许多后续难度等等
JavaScript是一种广泛应用于前端开发的脚本语言，它赋予了网页动态化和交互性的能力。本文将介绍JavaScript的主要作用以及一些基础知识，帮助读者更好地理解JavaScript在前端开发中的重要性。
在前端领域，CSS(层叠样式表:Cascading Style Sheets)是绕不过的话题。
上篇向大家介绍完了基础功能篇，这次分享的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是我最常用到的Chrome功能面板，也是在我看来决解一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题，在审视一遍自己的代码而一无所获之后，我首先就会打开Sources进行js断点调试，而它也几乎能解决我80%的代码问题。Js断点这个功能让人兴奋不已，在没有js断点功能，只能在IE（万恶的IE）中靠alert弹出窗口调试js代码的时代（特别alert一个object根本不会理你），那样的开发环境对于前端程序员来说简直是一场噩梦。本篇文章讲会介绍Sources的具体用法，帮助各位在开发过程中够愉快地调试js代码，而不是因它而发疯。首先打开F12开发工具切换到Sources面板中:
今天来给大家分享一下栅格布局方案。在后台展示页面中，常见卡片列表的展示需求。但是这类展示型需求其实不容易满足，有以下两个问题。
如果你想要成为JavaScript开发人员，那么在跳入战斗之前你需要先考虑一些事情。无论你是在前端（用于Web浏览器或其他客户端）开发，还是使用Node.js工作在服务器端，你都需要学习一些东西，来帮助自己成为一个专业的JavaScript开发人员。
CURD顾名思义就是create,update,rearch,delete(所谓的增删改查).
Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核
我们知道 console.log(message)用法很简单，表示将参数message 打印到控制台上。
我曾经2022年初，给自己定了一个目标，要把微言码道官网重新改版。这次趁着节前休假有时间，花了几天的时间对网站进行了彻底的重写与改版，实现了这个目标。
说实话，以上的十四条，有些是我没看懂的，例如Expires Header和配置 ETags，先记录在这里，其实依照我对Web前端开发的理解，也总结出一些优化原则，也可能与上面的有些重复，但可能会更好理解一些
1.日期问题 当使用yyyy-mm-dd格式时，iphone不认，安卓没问题 解决办法：new Date(res.data[i].inventoryDate.replace(/-/g, "/")); 2.title问题 如果title是动态加载的，在dom加载完之后通过js改变title的值，在安卓上显示是正常的，在iphone上不能正常显示 解决办法：通过后台传入title值，在前端读取html时就读取了title的值，这样就不经过html加载完之后再执行了，就解决了问题 3.滚动惯性问题 在安卓中设置为
如果当年的 css 预处理器变量对于初入前端的我来说是开启了新世界的大门，那么 css 变量对于我来说无疑就是晴天霹雳。其功能不但可以优雅的处理之前 js 不好处理或不适合的业务需求。更在创造力无穷的前端开发者手中大放异彩。
主要介绍如何用ArcGIS JS API 4.14去实例化一张二维地图，并简单介绍了和3.X版本实现方式的异同。
对于 Python + Flask 这种灵活的web开发框架，在前面的六个系列文章中详细的进行了说明，主要讲到了页面的首页加载时的页面渲染，增加功能，删除功能，修改功能，查询功能，查询详情功能等一些页面常见的功能操作。
如果当年的 CSS 预处理器变量对于初入前端的我来说是开启了新世界的大门，那么 CSS 变量对于我来说无疑就是晴天霹雳。其功能不但可以优雅的处理之前 js 不好处理或不适合的业务需求。更在创造力无穷的前端开发者手中大放异彩。
对于那些终于找到了自己热爱的编程工作的开发者们来说，他们常常会遇到一个难题：用编程谋生固然美妽，但当你不得不反复做着相同的任务时，这份热爱还会持续吗？我们知道，编写CSS可能看起来很有趣，但如果要重复进行，情况可能就大不相同了。
接下来我们需要移除无序列表中的行头前缀。 在src文件夹中创建css文件夹，再从css文件夹中创建index.css文件，并写好样式代码。
2.浏览器内核编译器开始编译代码（cpu只能处理二进制数据，需要将我们写的代码转成二进制）
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
