当前位置: 首页 > news >正文

实现前端开发几个常用技巧

如何知道iframe下载完成

定时器轮询监听readyState的状态,如果是 complete 或者 interactive 说明文件加载完成。

常用的全屏居中 JS 函数

 

JS实现deepCopy

 

生成星级评分

 

JS数组扁平化之简单方法实现

toString
 

优点:简单,方便,对原数据没有影响 缺点:最好数组元素全是数字或字符,不会跳过空位 

join

优点和缺点同toString

flat
 

优点:会跳过空位,返回新数组,不会修改原数组

扩展运算符(...)
 

优点:简单,方便 缺点:只能扁平化一层

使用 :not() 来精简css代码

 

文本溢出处理

移动设备相对来说页面较小,很多时候显示的一些信息都需要省略部分。最常见的是单行标题溢出省略,多行详情介绍溢出省略。现在都用框架开发了,这种建议需求建议形成一个基础组件,方便快捷

 

Git Flow工作流程

master主分支

伴随整个项目周期的分支

功能分支(feature branch)

从master切,顾名思义,开发每一个功能的分支,开发完的功能合并到release分支。

补丁分支(hotfix branch)

从master切,修复BUG分支,测试完直接合并到master。

预发分支(release branch)

从master切,需要测试的功能都合并到该分支上进行测试。

一旦开发完成,就会把release分支合并到master分支,并删除原分支。

JS实现列表操作

经常使用列表,比如待办事项列表、购物车等,如果数据不太多的话,列表就显得尤为有用

 

http://www.lryc.cn/news/308543.html

相关文章:

  • Vue3 在SCSS中使用v-bind
  • 玩转地下管网三维建模:MagicPipe3D系统
  • 11.以太网交换机工作原理
  • 【通信基础知识】完整通信系统的流程图及各模块功能详解
  • k8s-项目测试环境部署
  • 【Elasticsearch管理】缓存机制
  • JS api基础初学
  • uniapp实战:父子组件传参之子组件数量动态变化
  • Ubuntu绑定USB接口到固定端口
  • 解决gogs勾选“使用选定的文件和模板初始化仓库”报错500,gogs邮件发送失败,gogs邮件配置不生效,gogs自定义模板等问题
  • 数字后端——DEF文件格式
  • 【可做课设、附完整技术文档】流式、异步、实时的Django聊天室!(需进一步定制可联系本人)
  • 网络编程:基于TCP和UDP的服务器、客户端
  • kubectl 命令行管理K8S(上)
  • Redis 之四:Redis 事务和乐观锁
  • C# WPF编程-创建项目
  • 密码学及其应用(应用篇15)——0/1背包问题
  • 基于springboot+vue的实验室管理系统(前后端分离)
  • 华为OD技术面试案例5-2024年
  • 【QT+QGIS跨平台编译】之五十五:【QGIS_CORE跨平台编译】—【qgsmeshcalcparser.cpp生成】
  • Unity(第二十部)效果 粒子、线条和拖尾
  • 全量知识系统问题及SmartChat给出的答复 之6 三套工具之1
  • [RoarCTF 2019]Easy Calc
  • 完美解决 git 报错fatal: Not a git repository (or any of the parent directories): .git
  • electron无法设置自己的图标?渲染进程require报错?
  • vscode连接服务器与FileZilla上传到服务器
  • 练习 1 Web EasySQL极客大挑战
  • matlab生成模拟的通信信号
  • Altair® SimLab® 以流程为导向的多学科仿真环境,可连接CAD 的多物理场工作流程
  • Python爬虫-爬取B站番剧封面