草庐IT

前端就业

全部标签

uniapp制作app与小程序前端——底部导航栏

项目场景:app用uniapp制作一个app功能板块:xxx,xxx,xxx,xxx,xxx问题描述板块的需求:1.导航栏——包括5大分区2.呈现内容——待定~实操分析:导航栏思路:1.基于uniapp官网给定的模板与组件进行修改2.上网找课程跟随操作1.创建新项目,注:pages——页面文件存放处static——静态内容存放处(图片)pages.json——全局配置区manifest.json——打包配置区2.打开uniapp官网,点击“全局文件”,选择“tabBar”(重点看list的配置)tabbar配置代码如下(原装,需修改)"tabBar":{ "color":"#7A7E83",

【前端】浏览器的渲染流程(完整)

本文主要包含以下内容:浏览器渲染整体流程解析HTML样式计算布局分层生成绘制指令分块光栅化绘制常见面试题浏览器渲染整体流程浏览器,作为用户浏览网页最基本的一个入口,我们似乎认为在地址栏输入URL后网页自动就出来了。殊不知在用户输入网页地址,敲下回车的那一刻,浏览器背后做了诸多的事情。去除DNS查找等这些细枝末节的工作,整个大的部分可以分为两个,那就是网络和渲染。总体流程粗略概览1、浏览器查找域名对应的IP地址(DNS查询:浏览器缓存->系统缓存->路由器缓存->ISPDNS缓存->根域名服务器)2、浏览器向Web服务器发送一个HTTP请求(TCP三次握手)3、服务器301重定向(从HTTP:/

全栈工程师必须要掌握的前端Html技能

作为一名全栈工程师,在日常的工作中,可能更侧重于后端开发,如:C#,Java,SQL,Python等,对前端的知识则不太精通。在一些比较完善的公司或者项目中,一般会搭配前端工程师,UI工程师等,来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师,在一些小型项目或者初创公司中,职能划分并不明确,往往要一个人前后端全都会做, 所以作为一名全栈工程师或者后端工程师,掌握必备的前端知识,也是必不可少的一项技能。今天就着重讲解一下,作为一名全栈工程师,前端Html方面的必须要掌握的相关知识。 HTML介绍Html是用来描述网页的一种语言,被称之为超文本标记语言。用HTML编写

如何使用前端桌面应用程序框架(Electron等)?

聚沙成塔·每天进步一点点⭐专栏简介前端入门之旅:探索Web开发的奇妙世界欢迎来到前端入门之旅!感兴趣的可以订阅本专栏哦!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一个系统而又亲切的学习平台。在这个专栏中,我们将以问答形式每天更新,为大家呈现精选的前端知识点和常见问题解答。通过问答形式,我们希望能够更直接地回应读者们对于前端技术方面的疑问,并且帮助大家逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是各种常用框架和工具,我们将深入浅出地解释概念,并提供实际案例和练习来巩固所学内容。同时

屏幕分辨率:PC / 手机 屏幕常见分辨率,前端如何适配分辨率

一、常见的PC屏幕分辨率序号水平像素点数和垂直像素点数也被称为常见显示器11366×768720p或HDReady常见于笔记本电脑和低端桌面显示器21920×10801080p或FullHD/ 全高清高端笔记本电脑和中高档台式机32560×14402K分辨率常见于高端笔记本电脑和高端台式机43840×21604K分辨率或UltraHD(UHD)常见于高端笔记本电脑、高端台式机和专业显示器55120×28805K分辨率常见于高端苹果电脑和专业显示器67680×43208K分辨率目前还是比较少见,常见于专业视频制作显示器注意:分辨率的数字表示水平像素点数和垂直像素点数,例如1920x1080意味着

uniapp制作app与小程序前端——侧边导航栏

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档侧边导航栏一.实现的代码与配置二.效果展示一.实现的代码与配置1.找到相应配置文件2.打入代码(如下)template> viewclass='center'> viewclass='center-list'> viewclass="pics"> scroll-viewclass="gundong"scroll-yv-for="(item,index)innavLeft":key="index"> view:class="{'active':isActive===index}"@click="checked(inde

【前端异常】JavaScript错误处理:分析 Uncaught(in promise) error

这里写目录标题一、Promise是什么二、什么是Uncaught(inpromise)error三、解决方案3.1使用catch方法处理Promise的错误3.2使用async/await处理Promise的错误3.3全局异常处理四、结论在开发过程中,JavaScript的错误处理是一个老生常谈的话题。当应用程序发生未捕获的异常时,Uncaught(inpromise)error是其中最常见的错误类型。这篇文章将从多个方面详细阐述这种错误类型的原因与解决方案。一、Promise是什么Promise是一种用于异步编程的原生JavaScript对象。它提供了一种处理异步操作结果的方式,Promis

uniapp大概是怎么个开发法(前端)

写在前面,博主是个在北京打拼的码农,从事前端工作5年了,做过十多个大大小小不同类型的项目,最近心血来潮在这儿写点东西,欢迎大家多多指教。对于文章中出现的任何错误请大家批评指出,一定及时修改。有任何想要讨论和学习的问题可联系我:13287946835@139.com。发布文章的风格因专栏而异,均自成体系,不足之处请大家指正。目录一、简单介绍1、uniapp好在哪?2、上手难度3.uniapp内嵌到别的项目 二、基础了解1、关于uniapp的目录结构2、页面适配方面3、uniapp有自己的一套ui组件、生命周期、全局方法。4、页面跳转:5、页面传参6、关于打包7、uniapp微信小程序登录与支付8

Vue-Element UI 组件使用经验,动态二维码生成,node.js 之使用 util 工具类发送请求,uniapp忽略路径中#,前端总结大杂烩,附代码解析(持续更新)

目录一、Vue-ElementUI1.表格el-table2.弹框3.按钮(预授权)4.组件template5.抽屉el-drawer6.动态生成二维码 二、node.js1.node.js引入util.js工具类三、uniapp1.view标签2.onLoad(options) 获取url路径上参数3.解决微信开发中H5路径中的"#"影响跳转一、Vue-ElementUI1.表格el-table@selection-change="handleSelectionChange" //绑定多选框选中方法 v-loading="loading"//实现加载效果 el-table设置斑马纹表格(间隔

Web前端开发技术实验与实践——实训1

目录一、实验目的二、实验内容三、实验项目四、实验所需知识点五、实验步骤及内容项目1:Web前端开发环境配置项目2:新生简易主页设计项目3:用EditPlus​编辑项目3:自定义HTML模板项目4:meta标记,body标记属性使用一、实验目的(1)了解Web前端开发工程师岗位需求和技术要求。(2)了解Web前端开发技术基本组成。(3)掌握HTML文档结构,学会编写简单的HTML程序。(4)学会使用EditPlus、WebStorm、HBulider X、Sublime Text等常用Web前端开发工具。二、实验内容(1)通过网络搜索有关Web前端开发工程师岗位需要和技术要求。(2)安装并使用各