当前位置：首页 » 网页前端 » 前端基建命名
扩展阅读
提分平台的账号密码是什么 2023-08-31 22:07:10
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端基建命名

发布时间: 2022-06-21 08:53:09

① 前端开发中 多人合作怎么避免命名重复的问题

按模块来命名可以避免命名重复的问题

② 前端开发中的图片的常规命名有哪些

  • 所有的命名最好都小写。

  • 文件夹命名，尽量采取单个英语单词描述，如login,index。

  • html文件名称，当需要多个英语单词描述时用”_”(下划线)连接多个单词分隔，如：user_add.html,动词放在后面，便于相同业务模块文件放在一起。

  • css，image，js文件名称，当需要多个英语单词描述时用”-“(分隔线)连接多个单词分隔，如：font-awesome.css,login-user.jpg,login-pwd.jpg。 当基于某种类型从属关系划分文件时，以.(点)作为单词分隔，如：jquery.min.js,common.left-sliding.js

    • js变量命名

    建议采取系统匈牙利命名法,因为js语言是一弱类型语言，声明变量时，在名称上标识其数据类型，以提高代码的的可读性。

    变量名＝数据类型+对象描述

    s: 表示字符串Stringn:表示数字i: 表示整型Int(它是Number中的整数类型)fl: 表示浮点Float(它是Number中的小数类型)b: 表示布尔Booleana: 表示数组Arrayo: 表示对象Objectfn: 表示函数Function

    例如var aPerson = []; // Array数组var oBtn = document.getElementById(‘btn’); //Object对象var fnName = function () {}; // function函数var sName = “w3cplus”; // string字符串

③ 前端自己模拟写数据文件命名是 json 还是.html

可以自己写，操作，点击mockjs 随机产生json数据。
代码：

<!DOCTYPE html>
<html>

<head>
<title></title>
<meta charset="utf-8">
</head>

<body>
<div>
<h1 id="mockjs">mockjs</h1>
</div>
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="http://mockjs.com/dist/mock.js"></script>
<script type="text/javascript">
//调用mock方法模拟数据
Mock.mock(
'http://mockjs', {
"userName": '@name', //模拟名称
"age|1-100": 100, //模拟年龄(1-100)
"color": "@color", //模拟色值
"date": "@date('yyyy-MM-dd')", //模拟时间
"url": "@url()", //模拟url
"content": "@cparagraph()" //模拟文本
}
);

//ajax请求
$("#mockjs").click(function() {
$.ajax({
url: "http://mockjs", //请求的url地址
dataType: "json", //返回格式为json
async: true, //请求是否异步，默认为异步，这也是ajax重要特性
data: {}, //参数值
type: "GET", //请求方式
beforeSend: function() {
//请求前的处理
console.log('start');
},
success: function(req) {
//请求成功时处理
console.log(req);
},
complete: function() {
//请求完成的处理
console.log('end');
},
error: function(err) {
//请求出错处理
console.log(err);
}
});
});
</script>
</body>

</html>

作者：幺加幺
链接：http://www.jianshu.com/p/8626d28f226f
来源：简书
着作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

④ 有一个前端面试题，多人项目中你将如何规划css文件,样式命名

.class1 .class2{xxxxxxxxx} class1下面的 class2 样式 .class2.red{xxxxxx} 同时具有 class2 和 red 的样式

⑤ web前端页面开发一般怎么命名

首先web前端工程师必须会的三点 HTML,CSS，js 不管是asp.net还是php都需要前三者，数据没有好与不好之说，看公司需求，但是sql语句不同数据库大同小异，所以先把sql语句学好吧

⑥ web前端命名bar是什么意思

术语foobar, foo, bar, baz 和qux经常在计算机编程或计算机相关的文档中被用作占位符的名字。当变量，函数，或命令本身不太重要的时候，foobar, foo, bar, baz 和qux就被用来充当这些实体的名字，这样做的目的仅仅是阐述一个概念，说明一个想法。这些术语本身相对于使用的场景来说没有任何意义。Foobar经常被单独使用；而当需要多个实体举例的时候，foo，bar，和baz则经常被按顺序使用。

⑦ 在前端开发当中，网站的网页要怎么命名

1、首页固定命名为index.html或default.html

.html为后缀，代码前后台整合后，可以更换为其他后缀。

要求首页固定命名的原因在于：浏览器在访问到一个域名时，首先查看的时当当前目录下有没有名称为index或default的文件，如果有则自动读取，如果没有，则给出的时当前目录下的文件夹结构菜单。

2、其他网页命名不要使用中文或汉语拼音

网页命名使用小写英文字母，不需要使用大写，对于网页命名来说，通常要求具有语义性，从而便于解读。比如：根据具体的页面内容，转换为英文来命名。

3、可通过前缀区分不同类别的网页

对于列表页类型的网页名称，可以在前面添加list前缀；对于内容页类型的网页名称，可以在前面添加arc前缀。List和arc分别表示列表和文章。通过这种方式让自己的网页名称更加清晰。

4、遵循公司标准

除了上述的基本要求之外，很多成型的互联网公司，都还有自己一些“附加”的命名规则，可按照公司的标准进行网页的命名。

⑧ 前端html页面id命名问题

常用id的命名
(1) 页面结构
容器: container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
(2) 导航
导航：nav
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
菜单：menu
子菜单：submenu
标题: title
摘要: summary
(3) 功能
标志：logo
广告：banner
登陆：login
登录条：loginbar
注册：regsiter
搜索：search
功能区：shop
标题：title
加入：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：msg
当前的: current
小技巧：tips
图标: icon
注释：note
指南：guild
服务：service
热点：hot
新闻：news
下载：download
投票：vote
合作伙伴：partner
友情链接：link
版权：right

⑨ 求推荐一下关于Web前端的相关资料！

一）前端基本功

前端相关的基础知识

  • 《HTTP/3 来了 ！未来可期》

  • 《你可能已经忽略的 git commit 规范》

  • 《手写一个 WebSocket 协议》

  • 《5000字解析：前端五种跨平台技术》

  • 《一篇搞定移动端适配》

  • 《Chrome DevTools中的这些骚操作，你都知道吗？》

  • 《Chrome 运行时性能瓶颈分析》

  • 《当浏览器全面禁用三方 Cookie》

  • 《无形中提高工作效率的 Chrome 插件》

  • 《还分不清 Cookie、Session、Token、JWT？》

  • 《你连 HTTPS 原理都不懂，还讲“中间人攻击”？》

  • 《npm install 原理分析》

  • 《不容错过的 Babel 7 知识汇总》

  • 《一文搞懂 Web 中暗藏的密码学》

  • 《解读HTTP/2与HTTP/3 的新特性》

    • CSS

  • 《那些不常见，但却非常实用的 CSS 属性》

  • 《面试官：你可以用纯 CSS 判断鼠标进入的方向吗？》

  • 《二营长，快掏个CSS出来给我画个井字棋游戏》

  • 《CSS 故障艺术》

  • 《我写CSS的常用套路(附demo的效果实现与源码）》

  • 《来自新时代的 CSS》

  • 《你还不会 CSS 动画？》

    • JavaScript

  • 《谁说前端不需要懂二进制》

  • 《你不知道的 Blob》

  • 《Javascript常用的 60 余种工具方法》

  • 《你可以这样优化 if-else 代码结构》

  • 《JS 图片压缩的实现思路》

  • 《一个简洁、有趣的无限下拉方案》

  • 《请你实现一个大文件上传和断点续传》

  • 《从 ES6 到 ES10 的新特性万字大总结》

  • 《JavaScript 手写代码无敌秘籍》

    • TypeScript

  • 《通俗易懂的 TypeScript 入门教程》

  • 《用 TypeScript 编写 React 的最佳实践》

  • 《一文读懂 JS 装饰器》

  • 《你真的懂 Promise 吗？》

  • 《Typescript 那些好用的技巧》

  • 《Typescript 严格模式有多严格？》

    • 二）前端框架、工具、库

    React

  • 《用 TypeScript 编写 React 的最佳实践》

  • 《2020 年你应该知道的 React 库》

  • 《5 个技巧助你编写更好的 React 代码》

  • 《10个案例让你彻底理解React hooks的渲染逻辑》

  • 《组件演进史：从Mixin到HOC，再到Hook》

    • Vue

  • 《1.1万字从零解读Vue3.0源码响应式系统》

  • 《重头来过的 Vue 3 带来了什么？》

    • Nodejs

  • 《一杯茶的时间，上手 Node.js》

  • 《深入理解 Node.js 进程与线程》

    • Deno

  • 《Deno 会取代 Node.js 吗？》

  • 《了不起的 Deno 入门教程》

  • 《推倒 Node 重做，Deno 1.0 来了》

    • Webpack

  • 《一文搞懂 Webpack 多入口配置》

    • GraphQL

  • 《GraphQL-前端开发的利剑与桥梁》

  • 《GraphQL 入门看这篇就够了》

  • 《前端工程师应该了解的 GraphQL》

    • VS Code
    《动图演示11个必备 VS Code 插件》

    三）面试题精选

  • 《高频前端面试题》

  • 《吐血整理！再来一打 Webpack 面试题》

  • 《前端同学经常忽视的一个 JavaScript 面试题》

  • 《如何轻松拿到淘宝前端 offer》

  • 《三年大厂面试官：二面题》

  • 《十几道含答案的大厂面试题总结》

  • 《如何答一道惊艳面试官的数组去重问题？》

  • 《10 个 CSS 高频面试题，你都会吗？》

  • 《经常被面试官考的 JS 数据类型知识你真的懂吗？》

  • 《面试须知：浏览器相关原理详细总结》

  • 《2019 大龄前端如何准备面试？》

  • 《2018 大厂高级前端面试题汇总》

    • 四）前端开发的职业修炼

  • 《前端如何在项目中做出亮点》

  • 《Facebook 前端技术栈重构分享》

  • 《当前端基建任务落到你身上，该如何推动协作？》

  • 《使用 docker 高效部署你的前端应用》

  • 《关于前端学习路线的一些建议》

  • 《各种场景唤起 App 的骚操作》

  • 《Web 视频播放前前后后那些事》

  • 《你必须要注意的依赖安全漏洞》

  • 《从 12.67s 到 1.06s 的网站性能优化实战》

  • 《网易云音乐前端性能监控实践》

  • 《一个阿里前端工程师的成长之路》

  • 《非常全面的前端协作规范》

  • 《一名合格前端工程师的自检清单》

  • 《从 0 到 1 再到 100：搭建、编写、构建一个前端项目》

希望对你有用，望采纳~

阅读全文

与前端基建命名相关的内容

本站内容整理源于互联网，如有问题请联系解决。
Copyright design: www.gotrillian.com since 2022