前端学习总结1：前端编码的好习惯

最新推荐文章于 2023-10-20 10:29:41 发布
最新推荐文章于 2023-10-20 10:29:41 发布
阅读量756 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangtao19900521/article/details/68062695
版权

一、编码顺序

1、先写整体框架

2、写一部分HTML，写一部分CSS【模块化，利于团队分工】

3、将模块嵌入框架，调整细节


二、其它

1、编码前，先用注释滤清思路，明白要实现的步骤1、2、3、4.。。。。

2、编码时将工作流程化，一项一项来，即先写HTML框架、再添加内容、再添加类名【锚】、再添加CSS

wangtao19900521
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS重构：样式表性能调优_前端学习_
09-29
通过深入学习和实践这些技巧，开发者不仅可以优化现有的CSS代码，还能养成编写高效CSS的习惯，这对于前端学习者来说是至关重要的技能。"CSS重构：样式表性能调优"这本书，将是你掌握这些技能的重要工具。通过阅读并...
web前端编码规范/编码习惯❤️
Serena_tz的博客
06-02 401
处在第一位，因为他可以使一个元素脱离正常文本流，并且覆盖盒模型相关的样式。其他属性只在组件 内部 起作用或者不会对前面两种情况的结果产生影响，所以他们排在后面。不要将他们一起放到一个独立的样式文件中，或者丢在文档的最底部。过度使用属性简写往往会导致更混乱的代码，其中包含不必要的重写和意想不到的副作用。坚持限制属性取值简写的使用，属性简写需要你必须显式设置所有取值。为了提高代码可读性，在数学运算外增加括号，并且在取值，变量和运算符之间增加空格。在属性上，使用双引号，不要使用单引号。
前端程序员编码规范必备
最新发布
Itmastergo的博客
10-20 205
前端编码规范是一系列规定开发者在编写代码时需要遵循的规则和标准，目的是提高代码的可读性、可维护性和可扩展性。
我的前端编码习惯 —— css篇
weixin_34059951的博客
02-14 155
ID和Class命名风格 1.id 和 class 的命名总规则为：内容优先，表现为辅。⾸先根据内容来命名，⽐如 main-nav。如 果根据内容找不到合适的命名，可以再结合表现来定，⽐如 skin-blue，present-tab，col-main。 2.使用有含义的 id 和 class 名称。 /* Not recommen...
JS 的5个不良编码习惯，现在就改掉吧
weixin_30784945的博客
07-29 890
原文：dmitripavlutin.com/unlearn-jav… 译者：前端小智 为了保证的可读性，本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ 在阅读JavaScript代码时，你是否有过这种感觉 你几乎不明白代码的作用？ 代码使用了很多 JavaScript 技巧？ 命名和编码风格太过随意？ 这些都是不良编码习惯的征兆。 ...
高薪前端都应该具备的开发好习惯
JNPF 专注低代码开发
01-31 930
格拉德威尔曾提出过一个“一万小时定律”，即任何人从平凡到大师的必要条件，就是历经1万小时的锤炼，而这“1万小时”也不是达到就行；如何构成，才是能否成为行业资深的关键。总结起来，就是四个字：多看+多练+刻意练习，那具体怎么做才可以完成这“1万小时”的锤炼？优秀的Web开发人员工作效率更高，因为他们拥有丰富的经验和良好的习惯。工作多年，我有一些自己了解的习惯分享给大家，都曾让我受益，希望接下来的分享可以让您的工作事半功倍。
前端开发工具：HBuilder X
09-27
总结，HBuilder X作为一款全方位的前端开发工具，凭借其智能特性、高效的开发流程和强大的社区支持，已经成为许多前端开发者首选的代码编辑器。无论你是初学者还是经验丰富的开发者，HBuilder X都能助你更好地完成...
最佳实践系列：前端代码标准
03-02
我们要保持最佳的编码习惯和做法，确保优化页面的加载和性能，并能更好地维护代码。　注：渐进增强（ProgressiveEnhancement）名词定义：渐进增强是从一个功能可用的基本版本出发，然后逐步增加用户体验的丰富程度，...
前端-代码走查模板.docx
12-23
在前端项目管理中，代码走查是一个至关重要的环节，它有助于规范开发行为，统一团队内的编码风格，并且能够提前发现并修复潜在的问题，提高代码质量和软件稳定性。代码走查不仅是一种质量保证手段，而且能够促进团队...
代码洁癖的前端工程师是如何写代码的？
趣谈前端
10-12 113
点击关注公众号，获取更多”H5-Dooring零代码”技术实战前言当我们在面对一个迭代多年且（或）多人维护的项目时，阅读他人代码最害怕遇到的就是代码书写混乱阅读困难甚至是难以读懂。糟糕的代码所带来的影响就不再多说了，所谓“????”山不过如此，这对于一名代码洁癖患者来说是万万不能忍的。那么，什么是整洁的代码呢？这边引用一位博主的介绍，其认为可以从「外在美」和「内在美」两个方面来定义整洁的代码：「外在美...
前端优化总结--编码习惯（一）
折剑山庄
01-05 462
近期主要研究前端优化方案，将网上各种前端优化技巧进行分类整理总结。 本次主要介绍一些好的编码习惯。 使用DocumentFragement优化DOM操作 先来看常见的错误示例 var data = [0,1,2,3,4,5] var list = document.getElementById('list'); data.forEach(function(item) {
一些写代码的习惯
往事随风@的博客
11-06 948
本篇将讲述一下，我在重构项目的过程中总结的一些良好的代码习惯。 一. 可读性强的命名 命名是提高代码可读性的第一步，也是极其重要的一步，不仅在js里要命名变量名、函数名，还要在CSS里给命名class、id，给图片命名。好的变量名要完全、准确地描述出该变量所代表的事物。下面是一些命名的规则： 以问题为导向 一个好记的变量名反映的通常都是问题，而不是解决方案。一个好名字通常表
我的前端编码习惯 —— html篇
weixin_34067980的博客
01-13 130
前言 作为一个前端工程师，我们可能每天都要写html、css、javascript，每个人写出来的代码都饱含着自己的个人的style也有自己的编码习惯和准则，下面和大家分享一下我的习惯和准则。 html 首先我们要对文档进行规范，就要添加<!DOCTYPE html>来对文档进行规范。关于<!DOCTYPE html&...
我的前端编码习惯 —— js篇
weixin_33857230的博客
02-24 173
代码格式规范 1.html中外部脚本引入尽量放在尾部。 2.一个html文件中只写一个<script>代码块。 3.JS文件中的代码块可用以下代码块包裹，以减少全局污染。 (function(){ // 代码 })(); 4 JS代码如果只针对特定HTML可以写在页面里，多页面共同调用的代码块可以考虑写入公共JS文件中...
前端习惯初养成
懂点君
04-19 641
在学习前端的初期，花更多的时间去熟知css的编码规范、行内元素和块状元素的区别以及嵌套规则，能够让我们养成一个良好的前端代码编写习惯。既能帮助我们查错修改，也能提高代码效率。
优秀编码习惯汇总（持续更新）
心中有侠
07-09 862
1.在数值和符号之间要有空格 //结构清晰 int team = 4; //结构混乱 String gooods="fasdfasdfadfasfdas"; 2.需要注释的地方必须注释，便于别人阅读你的代码，或者使用你的类 /** * @Title: positive_negative * @Description: 取反 void * @author 孙悟...
Web前端应该有什么好习惯
papa_lu的专栏
02-10 1420
Web前端应该有什么好习惯   前端是面向用户的，同时前端是面向设计师的。与设计师默契的相互配合，能最大限度的展现设计的水准，让用户满意，同时体现前端的价值。 好的工作习惯是对工作的体会，从一系列发生过的事情中抽出来的。能够帮助前端在工作时有预兆的发现可能重演的麻烦，避免问题，促成事情顺利完成。 一．工作中的习惯 简言之就是经常性地小结，与同事良性沟通。适用于所有工作，前端有前端的独特之
前端工程师·的好习惯_高效软件工程师的六种习惯
编程故事的地方
07-01 196
前端工程师·的好习惯 成功就是达到预期的目标。 没有目标的地方就不会有成功。 成为具有全球竞争力的软件工程师的过程并不总是很顺利。 有抱负的开发人员通常会在某个时候怀疑自己，并且经验丰富的工程师可能会遭受“ 冒名顶替综合症 ”的困扰。 在这篇文章中，我将分享一些技巧，告诉您如何从经理那里获得“优秀工程师”的称号。 我还将重点介绍一些日常编码习惯，以帮助您实现这一目标。 在您进一步阅读...
前端开发js编码规范问题
sha虫剂的博客
04-27 370
在页面开发中，基本每个人都有自己的开发习惯，这就导致在多人开发时，我们很多时候会因为不习惯他人的开发习惯，导致代码的阅读很难，拖慢开发进度，或者是直接无法进行维护。所以，一个良好的编码习惯是我们应该养成的，这会使得我们自己的开发速度变快的同时增加代码的可阅读性。 这里我搬运来了github上面的一篇文章，希望能对大家有帮助。无疑，这对我自己也有很大的帮助 原文gihub地址 Airbnb JavaScript 风格指南() { 使用 JavaScript 最合理的方式。 注意: 这个指南假定你正在使用 B
基于W3C规范的Web前端开发最佳实践指南
因此，本书将详细介绍如何编写符合W3C规范、可维护性好且高性能的Web前端代码，帮助开发者养成良好的开发习惯。 此外，本书还介绍了大量近年来涌现出来的工具和技术方案，如grunt、gulp、webpack等，这些工具和技术...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值