JavaScript基础–第3天目录JavaScript基础--第3天一、if多分支语句和switch的异同二、for语句1.for语句的基本使用2.循环嵌套案例一：倒三角案例二：九九乘法表css样式JS三、数组1.数组是什么？2.数组的基本使用定义数组和数组单元访问数组和数组索引数据单元值类型数组长度属性3.操作数组一、if多分支语句和switch的异同共同点都能实现多分支选择，多选1大部分情况

JavaScript基础-第4天目录JavaScript基础-第4天一、函数1.声明和调用声明（定义）调用2.参数形参和实参3.返回值4.作用域全局作用域局部作用域5.匿名函数函数表达式立即执行函数理解封装的意义，能够通过函数的声明实现逻辑的封装，知道对象数据类型的特征，结合数学对象实现简单计算功能。理解函数的封装的特征掌握函数声明的语法理解什么是函数的返回值知道并能使用常见的内置函数一、函数理解

Day6:Flex布局目录Day6:Flex布局一、标准流二、浮动1.基本使用2.产品区域布局HTML标签CSS样式3.清除浮动场景搭建额外标签法单伪元素法双伪元素法overfow法三、Flex布局1.Flex组成2.主轴对齐方式3.侧轴对齐方式4.修改主轴方向5.弹性伸缩比6.弹性盒子换行7.行内对齐方式四、综合案例抖音解决方案HTML标签CSS样式一、标准流标准流也叫文档流，指的是标签在页面中

JavaScript基础-第5天目录JavaScript基础-第5天一、对象1.语法2.属性和访问3.方法和调用4.null遍历对象二、内置对象Math属性方法三、综合案例1.猜数字游戏JS2.猜数字游戏（设定次数）JS3.随机点名JS4.随机颜色JS知道对象数据类型的特征，能够利用数组对象渲染页面理解什么是对象，掌握定义对象的语法掌握数学对象的使用一、对象对象是JavaScript数据类型的一种

Day1：HTML基础目录Day1：HTML基础一、标签语法标签结构二、HTML骨架三、标签的关系四、注释五、标题标签六、段落标签七、换行和水平线八、文本格式化标签九、图像标签1.图像属性2.属性语法十、路径1.相对路径2.绝对路径十一、超链接标签十二、音频常用属性十三、视频常用属性十四、综合案例1.个人简介2.Vue简介一、标签语法HTML—超文本标记语言（HyperTextMarkupLang

Vue核心在于Vue.js，首先需要有Vue.js文件在联网的条件下可以直接调用其他人的资源如下：https://cdn.staticfile.org/vue/2.4.2/vue.min.jsVue的实例化1.实例格式：Documentvarvm=newVue({//选项data:{},methods:{},el:{},computed:{},watch:{},components:{}})选项说

Vue.js前端框架技术学习心得体会目录Vue.js前端框架技术学习心得体会一、Vue.js介绍1.易上手：2.响应式数据绑定：3.生态系统完善：4.组件化：二、Vue.js的优势三、总结四、代码1.app

Day3:CSS基础目录Day3:CSS基础一、CSS初体验二、CSS引入方式三、选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器四、盒子尺寸和背景色五、文字控制属性1.字体大小2.字体样式（是否倾斜）3.行高单行文字垂直居中4.字体族5.font复合属性6.文本缩进7.文本对齐方式8.文本修饰线9.color--文字颜色六、调试工具七、综合案例1.新闻详情HTML标签CSS样式2.

一、vue.js是什么？Vue.js诞生于2014年，由尤雨溪开发，是一套基于前后端分离模式、用于构建用户界面的渐进式框架，它只关注视图层的逻辑、采用自底向上、增量式开发的设计。实现第一个vue.js案例1.引入Vue.js核心文件.2.创建Vue实例，绑定DOM元素，定义数据。3.使用插值表达式{{}}绑定数据。Document显示varvm=newVue({el:"#app",data:{da

Vue.js是一种流行的前端框架，它可以帮助开发者构建单页应用（SPA）和复杂的用户界面。

要学会学习，了解我们这个社会的发展趋势，通过学习改变自己、打开自己的眼界，敢于创新，走在社会前端。

所以我们首先将ip地址静态化。对应指令如下：dock

JQuery主要内容imageJquery对象jQuery是一套兼容多浏览器的javascript脚本库.核心理念是写得更少，做得更多，使用jQuery将极大的提高编写javascript代码的效率，帮助开发者节省了大量的工作，让写出来的代码更加优雅，更加健壮，"如虎添翼"。同时网络上丰富的jQuery插件也让我们的工作变成了"有了jQuery，一切soeasy。"--因为我们已经站在巨人的肩膀上

我们介绍Web网站工作流程的时候提到，前端开发，主要的职责就是将数据以好看的样式呈现出来。说白了，就是开发网页程序，如下图所示：那在讲解web前端开发之前，我们先需要对web前端开发有一个整体的认知。

获取URL参数值：functiongetUrlParam(name){name=name.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");varregex=newRegExp("[\\?&]"+name+"=([^&#]*)");varresults=regex.exec(location.search);returnresults===null?"":de

全文链接！！！！！！！1.UniApp和其他跨平台框架（如ReactNative、Flutter）有什么区别？语言和技术栈：UniApp使用Vue.js作为开发语言和技术栈，而ReactNative使用React.js，Flutter使用Dart语言。开发者可以根据自己的技术背景和偏好选择合适的框架。性能和体验：UniApp的性能和用户体验相对较好，因为它使用原生渲染技术，可以实现更接近原生应用的

全文链接！！！！！！1.微信小程序生命周期1.onLaunch：小程序初始化完成时触发，全局只触发一次2.onShow：小程序启动或从后台进入前台时触发3.onHide：小程序从前台进入后台时触发4.onError：小程序发生错误时触发5.onPageNotFound：页面不存在时触发6.onLoad：页面加载时触发7.onShow：页面显示时触发8.onReady：页面初次渲染完成时触发9.on

全文链接1.CSS选择器的优先级是怎样的CSS选择器的优先级是：内联>ID选择器>类选择器>标签选择器计算示例：优先级由A、B、C、D的值来决定的，其中它们的值计算规则如下：A的值等于1的前提是存在内联样式,否则A=0B的值等于ID选择器出现的次数C的值等于类选择器和属性选择器和伪类出现的总次数D的值等于标签选择器和伪元素出现的总次数2.link和@import的区别link属于XHTML标签，⽽

当我们搭建SSM项目的时候，我们发现，跟前端页面相关的一些静态资源不能访问到，导致出现下图的形式：这是因为我们现在在服务器上配置的主要处理Servlet的前端处理器是DispatcherServlet这个

在Vue中生成Word表格文档，你可以使用一些前端库来帮助你完成这项任务。以下是几个流行的库及其简要介绍：1.

随机生成温度前端动态实时本篇文章主要是在动态随机生成温度，在前端动态实时展示。

前言现如今，要说比较火的编程语言当属JavaScript和Python了，这两门语言都可以独立编写前端页面、后端服务器、手机APP、电脑客户端等等，无所不能。不过，不同的编程语言有不同的侧重点。

引言最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的JavaScript函数（类似于开发一个公共SDK），统一维护，同时供各业务部门的前端开发人员进行复用。

博主简介：知名前端工程师！✒️出没地点：重庆-沙坪坝交流扣群：559658154，欢迎您的加入！

接下来就进入我们的主角unplugin-vue-components，这就是前端大神AnthonyFu写的的非常好用的插件，其实已经被vite官方收录了1、安装unplugin-vue-componentsnpmiunplu

webpack的使用在实际开发中，Webpack是一个非常强大的前端构建工具，可以用于将各种前端资源（如JavaScript、CSS、图片等）打包成静态资源。

在前端预处理工艺以及成型产品的清洗，都会使用大量水用来洗涤

前后端交互前端是什么？前端是指与用户直接交互的部分，通常是指Web开发中的前端部分，也称为客户端或用户界面。前端开发涉及创建网站或应用程序的用户界面，包括网页的外观、布局、交互和功能。

一个前后端传输的玩意，我给你个“信息”，你给我个“信息”不就完事了吗非要搞得这么复杂干啥一个HTTP传输是前端发送一个请求给后端，后端返回一个响应给前端那么再传递的过程中，前端怎么知道我传递过去的

补充看来很多小伙伴对这个问题感兴趣，大家不要忽视了压工时这个事。领导为什么会压工时？使他的KPI更好看不清楚做这个东西实际要多长时间因为第2点的原因，他也无法去争取合理时间部分人看着下属加班，有种大权在握，言出法随的畅快感码农为什么不要轻易答应压工时?无形中会打击你的自信心，当自信心全无的时候，要么是职业生涯结束，要么是变成人人都跑来拿捏一手的角色轻易妥协，会让你的说的话，可信度降低。毕竟，别人随

通过是否抓到包来验证是前端验证还是后端验证，前端验证是不发数据包的，而后端验证是会发数据包的，所以可以通过抓包工具进行判断。再通过不同的验证方式，选择绕过方式。

目录总结一、步骤前端1.第一步-编写tabs的modelBody2.第二步编辑表扩展js后端--重写表的add和Update方法1.第一步总结编写tabs的modelBody后编辑表扩展js在重写后端partial

给label-studio配置sam（segmentanything）ml后端记录配置ml后台下载代码下载模型文件创建环境模型转换后端服务启动配置label-studio前端配置模型后端连接配置标注模板标注界面使用参考链接配置

1）、对于前端人员：就是把后端的请求地址，请求方式，要传的文件对象（选择的文件）写好。2）、对于后端人员：只需要把接收的文件做重命名，修改位置，图片地址保存的数据库，再把图片地址响应给前端就行。

学习要点：1.问题所在2.设置代码本节课，我们主要探讨一下事件绑定，在此之前我们都使用的是传统的事件绑定。这节点，我们想使用现代绑定对事件进行绑定和删除。一．问题所在现代绑定中W3C使用的是：addEventListener和removeEventListener。IE使用的是attachEvent和detachEvent。我们知道IE的这两个问题多多，并且伴随内存泄漏。所以，解决这些问题非常有必

对于字符戳在返回前端类上面使用的JsonFormat没有效果，请排查一下设置的字段类型是不是Date类型，如果是String字符串的字段使用JsonFormat是没有效果。

ES6中类的概念，我之前花了较长的时间学习Java，所以对类感觉很亲切。我并不满足仅仅会使用，让我们一起深究一下JavaScript中的类吧。构造一个类，并实例化一个对象classAnimal{constructor(name){this.name=name;}getName(){returnthis.name;}}letanimal=newAnimal()首先看一下Animal的类型typeof

在浏览器控制台中，undefined会时不时地，在我不想看到的地方出现。如果你遇到相同的问题，在这篇博客中你会得到答案。先来看代码块functiontest(){}test()//undefined再看下一个代码块functiontest(){return1;}test()//1再来看一个代码块console.log("hi")//hi//undefined如你所见，undefined出现的很莫名

前端潮咖点击上面蓝字，关注我们！

微信登录和微信支付在上一章我们初步的完成了前端的编写，接下来我们来操作微信的登录和微信的支付微信开放平台（针对开发者和公司）：对应的微信官方文档：https://developers.weixin.qq.com

1/HTML1.DOCTYPE的作用是什么？标准模式与兼容模式各有什么区别?声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。!DOCTYPE是一种标准通用标记语言的文档类型声明，它的目的是要告诉浏览器它应该使用什么样的文档类型定义（DTD）来解析文档。标准模式，浏览器按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。标准模式

文章目录0.前备知识1.文件结构2.入口文件2.1rollup出口与入口2.2Vue.use3.路由注册3.1install3.2VueRouter前端路由是我们前端开发日常开发中经常碰到的概念，在下在日常使用中知其然也好奇着所以然

文章目录1.简介与使用场景2.安装配置2.1安装2.2前端配置2.3nginx配置周末想顺便把已经做好静态页面的webApp项目做一下SEO优化，由于不想写蹩脚的SSR代码，所以准备采用预渲染，本来想着网上有这么多预渲染的文章

前言：对前端各个技术板块，HTML、CSS、JavaScript、ES6、vue家族，整体上能“摸其大概”。笔者计划重构一个基于react的商城后台管理系统。

下载arale-qrcode依赖：npmiarale-qrcode--save引用依赖：importAraleQRCodefrom"arale-qrcode";代码部分：//生成二维码按钮点击生成二维码//生成二维码弹窗importAraleQRCodefrom"arale-qrcode";//引入依赖exportdefault{name:"index",data(){return{show:fa

commander1）概述commander是一个更为知名的脚手架框架进入它的npm官网:https://www.npmjs.com/package/commander目前版本:12.0.0WeeklyDownloads133,822,797(动态数据)最近更新：15daysago(npm)说明这是一个更优质的库同时使用commander的案例也更为知名:vue-cli,webpack-cli,c

目录前言：技术选型：主要功能点：核心代码：完整代码：开发文档前言：在前后端分离开发为主流的时代，很多时候，excel导出已不再由后端主导，而是把导出的操作移交到了前端。

注册通过获取用户输入的信息，向后端发送表单，并调用后端productServlet中的register方法，在register方法中，首先将前端传来的表单存

为顺应数字时代的不断发展，图扑HTUI5.0在原有功能强大的界面组件库的基础上进行了全面升级，融入了更先进的技术、创新的设计理念以及更加智能的功能。HTUI5.0使用户体验更为直观、个性化，并在性能、稳定性和安全性等方面达到新的高度。HTUI5.0的改版升级，是团队对于用户需求深刻理解和对于未来科技趋势的前瞻洞察。旨在为用户带来更加令人惊艳的界面体验，同时也为企业提供更强大的数字化工具，以应对不断

为顺应数字时代的不断发展，图扑HTUI5.0在原有功能强大的界面组件库的基础上进行了全面升级，融入了更先进的技术、创新的设计理念以及更加智能的功能。HTUI5.0使用户体验更为直观、个性化，并在性能、稳定性和安全性等方面达到新的高度。HTUI5.0的改版升级，是团队对于用户需求深刻理解和对于未来科技趋势的前瞻洞察。旨在为用户带来更加令人惊艳的界面体验，同时也为企业提供更强大的数字化工具，以应对不断