前端
文章平均质量分 90
Web前端是指负责开发和设计网页用户界面的技术领域。前端开发人员使用HTML、CSS和JavaScript等技术,将网页设计转化为可交互的界面。他们负责网站的布局、样式、动画效果和用户体验。前端开发人员需要具备良好的设计感和编码技能,能够优化网页性能并确保在不同设备和浏览器上的兼容性。他们与后端开发
江城开朗的豌豆
大家好!我是一位前端开发工程师,拥有4年以上的前端开发经验。我熟练掌握HTML、CSS、JavaScript等语言,能够灵活运用各种前端框架,如Vue、React、Uniapp、Flutter等。我注重理论与实践相结合,希望通过我的博客分享,能够帮助大家成为一名优秀的前端开发工程师。
展开
-
开心档之Java Applet 基础
在加载 Applet 之后,Viewer 立即调用 init() 方法(Applet.init()什么也没做),重写该方法的默认实现,添加一些自定义的初始化代码。Applet 是一种 Java 程序。每一个 Applet 都是 java.applet.Applet 类的子类,基础的 Applet 类提供了供衍生类调用的方法,以此来得到浏览器上下文的信息和服务。将图形化的 Java 应用程序(是指,使用AWT的应用程序和使用 java 程序启动器启动的程序)转换成嵌入在web页面里的applet是很简单的。原创 2023-05-17 14:23:25 · 4339 阅读 · 2 评论 -
重温初心,庆祝程序员节——纪念521程序员节
如今越来越多的行业开放了大量的编程岗位,同时也涌现出了许多新型的技术领域,例如AI、数据科学、云计算、区块链等等,它们都给程序员带来了更多的工作机会和挑战,也刺激了程序员们不断提升自己的技能和能力,在这个特别的日子里,他们可以展现出独特的技能和创意,这也是一种庆祝方式。分享演讲可以是有益的,它可以从不同的角度启发人们对技术和计算机科学的认识,为职业生涯的成功提供指导,并建立重要的联系和关系。在庆祝节日的同时,布置或装饰办公场所,用鲜艳的颜色 ,不同风格的装饰,并在墙上展示一些有关编程和计算机科学的信息。原创 2023-06-27 17:11:52 · 4099 阅读 · 0 评论 -
开心档之Java 基本数据类型
Float和Double的最小值和最大值都是以科学记数法的形式输出的,结尾的"E+数字"表示E之前的数字要乘以10的多少次方。必须满足转换前的数据类型的位数要低于转换后的数据类型,例如: short数据类型的位数为16位,就可以自动转换位数为32的int类型,同样float数据类型的位数为32,可以自动转换为64位的double类型。对于数值类型的基本类型的取值范围,我们无需强制去记忆,因为它们的值都已经以常量的形式定义在对应的包装类中了。因此,通过定义不同类型的变量,可以在内存中储存整数、小数或者字符。原创 2023-05-17 14:25:49 · 3548 阅读 · 4 评论 -
20个JS精简代码无形装逼集合,最为致命,记得收藏好
在这里插入代码片单行 If-Else 语句这是许多编程语言的共同特征。你可以使用三元运算符用一行代码编写整个语句,而不是在多行上编写 if-else.例如const age = 12;let ageGroup;// LONG FORMif (age > 18) { ageGroup = "An adult";} else { ageGroup = "A child";}// SHORTHANDageGroup = age > 18 ? "An adult" :原创 2021-08-24 14:30:30 · 1495 阅读 · 0 评论 -
最全iOS 上架指南
编辑版本或build第一次可以随意,但在提交版成功后,这两个必须有一个值是新的区别,否则提交上传肯定会被拒绝。在菜单左侧,选择创建的个人资料点+选项,然后选择App Store并在创建后获得为App Store的TYPE个个人资料。一般要创建两个证书,一个用于开发,另一个用于上板,如果有付款内容,还需要Apple Pay的证书。新建证书完成后另存文件保存下来,证书就已经制作好了,点击另存到想要保存的位置就好了。书,managed是管理证书,这两个也都是支付了99美金给apple才能使用的。原创 2023-06-27 17:58:05 · 3405 阅读 · 0 评论 -
Appuploader:常见错误及解决方法指南
Appuploader是一款用于上传、管理和分享iOS应用的客户端工具。使用Appuploader可以让您更加便捷地管理和分享您的应用程序,同时也能够提高工作效率。本文将介绍一些常见的Appuploader错误及其解决方法。原创 2023-06-27 17:26:31 · 3599 阅读 · 1 评论 -
开心档之CSS 测验
在进行CSS测验时,需要熟悉一些常见的CSS考题,包括CSS选择器、CSS属性和CSS布局等。同时,评分标准也是非常重要的,对于选择题或填空题,只要回答全对才能得到满分,对于编程题和应用题,则需要考虑代码的效率和可读性。1.每道选择题一般分数为1-2分,填空题一般分数为2-3分,编程题一般分数为5-10分,应用题一般分数为10-20分。3.对于编程题和应用题,考虑代码的实现效率和代码的可读性,给予相应的分数。答案:将.box类的边框设为1像素的实线边框,边框颜色为#ccc,外边距为10像素。原创 2023-07-09 20:55:08 · 3709 阅读 · 0 评论 -
开心档之Java 抽象类
尽管我们不能实例化一个 Employee 类的对象,但是如果我们实例化一个 Salary 类对象,该对象将从 Employee 类继承 7 个成员方法,且通过该方法可以设置或获取三个成员变量。在面向对象的概念中,所有的对象都是通过类来描绘的,但是反过来,并不是所有的类都是用来描绘对象的,如果一个类中没有包含足够的信息来描绘一个具体的对象,这样的类就是抽象类。如果你想设计这样一个类,该类包含一个特别的成员方法,该方法的具体实现由它的子类确定,那么你可以在父类中声明该方法为抽象方法。原创 2023-05-17 14:22:44 · 3645 阅读 · 9 评论 -
登录appuploader
如果您只有上传权限,没有账号的其他权限,也没有账号的密码,可以通过上传专用密码登录。免费账号,在登录appuploader之前,需要下载icloud,并且登录icloud,确保账号是ok的。没支付费用给apple的账号,或者过期的账号,没有正常的开发者权限,只有非常有限的开发测试权限功能。然后软件会提示输入验证码,点击验证,验证成功就可以使用各项功能了 最新版本已经优化了未支付688给apple的账号的登录流程,无需再安装其他软件,可以直接。如果提示验证码发送次数过多,则需要等待第二天再试了。原创 2023-05-20 00:15:00 · 3522 阅读 · 6 评论 -
苹果APP安装包ipa如何安装在手机上
提交上传这个界面主要是对于支付99刀(也就是通俗的688)给apple的用户,免费账号是不能使用此功能的,会弹出如下红圈提示内容:“您账号未支付688给apple,只能创建开发证书,无法提交上传发布,无法使用apple登录,支付,推送。添加苹果手机udid,打包安装(最多安装100台),这种方式主要依靠个人开发者账号,但个人开发者账号价格较高,且有下载数量限制。进入appuploder中心,点击左侧导航栏的“提交上传”,设置专用密码和选择通道,上传自己的ipa文件。选择提交上传界面,选择IPA文件,其。原创 2023-07-12 16:35:08 · 5965 阅读 · 1 评论 -
恋爱小技巧 网址
恋爱小技巧love.wazf.top/S94love.wazf.top/S97`原创 2021-08-20 17:41:07 · 824 阅读 · 1 评论 -
代码优化:如何避免大量if分支,提高代码可读性和可维护性?
分支优化在各种语言中都有不同的实现方式和应用场景,本篇通过JavaScript介绍了两种代码分支优化的思想,代码的实现非常简单,重点在于这种思想的应用。观点1:压根不需要多此一举去优化它,并且优化后的代码因为多创建了一个对象/数组,对对象/数组进行检索反而比单纯的if else还是废性能。观点2:分支优化后的代码可读性/可维护性更好,并且引入对象/数组所带来的性能问题在当今时代根本不值一提。你是什么观点呢?原创 2023-06-27 15:16:03 · 3389 阅读 · 0 评论 -
Vue.js中的状态管理:理解和使用Vuex
在Vue.js中,组件之间的通信往往需要借助于props和emit来完成,但是当应用程序的状态变得比较复杂时,这种方式就变得比较麻烦。我们将通过一个简单的计数器示例来演示如何使用Vuex,并且通过不同的场景,逐步深入Vuex的使用。class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。为了定制 prop 的验证方式,你可以为 props 中的值提供一个带有验证需求的对象,而不是一个字符串数组。此外,我们也可以在这里绑定返回对象的计算属性。原创 2023-06-27 17:30:29 · 3914 阅读 · 0 评论 -
Java ArrayList
此外,BigInteger、BigDecimal 用于高精度的运算,BigInteger 支持任意精度的整数,也是引用类型,但它们没有相对应的基本类型。Collections 类也是一个非常有用的类,位于 java.util 包中,提供的 sort() 方法可以对字符或数字列表进行排序。ArrayList 类是一个可以动态修改的数组,与普通数组的区别就是它是没有固定大小的限制,我们可以添加或删除元素。ArrayList 中的元素实际上是对象,在以上实例中,数组列表元素都是字符串 String 类型。原创 2023-05-17 14:25:17 · 3694 阅读 · 1 评论 -
开心档之Java 测验
在测试过程中,可以尝试寻找一些常见的Java测验案例来练习,例如实现一个二叉树或一个排序算法等,以提高自己的编程实践能力和理解水平。进行Java测验时需要充分了解Java编程基础知识和掌握一些常见的编程范例和技能,同时遵循Java编程规范和最佳实践方法,多加练习和探索,不断提高自己的Java编程能力和实践水平。Java测验是一种衡量Java编程水平的测试,可以通过一系列问题和编程任务来测试Java开发人员的技能水平和理解程度。多加练习和尝试,不断提高自己的Java编程技能水平和解决问题的能力。原创 2023-07-09 20:58:54 · 3550 阅读 · 5 评论 -
uniapp请求方法封装
dataType: json, //如果设为 json,会尝试对返回的数据做一次 JSON.parse。timeout: 60000, //超时时间, 默认60000,单位 ms。myRequest: myRequest, //发起请求 请求头携带token。httpRequest: httpRequest ,//不带Token请求。postRequest: postRequest, //post请求封装。// 清除本地所有缓存。postRequest: postRequest, //Get请求封装。原创 2022-11-18 17:33:14 · 1355 阅读 · 0 评论 -
uniapp:聊天消息列表(好友列表+私人单聊)支持App、H5、小程序
这是一款通用消息列表和聊天模板插件简单易用,助您轻松创建和管理消息与聊天内容。无论是与朋友互动还是团队沟通,都能满足您需求。立即尝试,畅享交流乐趣!原创 2024-04-07 10:15:45 · 5859 阅读 · 153 评论 -
《低代码平台开发实践:基于React》读书心得与实战体验
秦小倩,资深前端开发工程师,对React技术栈有深入的研究和实践经验。她曾在多家知名互联网公司担任前端技术专家,负责过多个大型项目的前端开发和维护工作。在长期的职业生涯中,秦小倩积累了丰富的低代码平台开发经验,并深刻理解了低代码平台在提升开发效率和降低技术门槛方面的重要价值。作为一位技术领域的佼佼者,秦小倩对前端技术的发展趋势有着敏锐的洞察力。她始终关注着行业动态,不断学习新技术,并将所学应用于实际工作中。这种持续学习和勇于实践的精神,使她在前端领域取得了显著的成就。原创 2024-03-18 09:16:22 · 4892 阅读 · 167 评论 -
vue2实现无感刷新token
在 Web 应用中,用户需要通过认证和授权才能访问受保护的资源。为了实现认证和授权功能,通常需要使用 Token 来标识用户身份并验证其权限。但是,Token 有时限制其有效期,以确保安全性。原创 2024-02-26 16:44:51 · 1851 阅读 · 85 评论 -
2024年最火爆的前端技术:虚拟DOM让页面性能飞升!
虚拟 DOM ()这个概念相信大家都不陌生,从React到Vue,虚拟DOM为这两个框架都带来了跨平台的能力(和Weex实际上它只是一层对真实DOM的抽象,以JavaScript对象 (VNode节点) 作为基础的树,用对象的属性来描述节点,最终可以通过一系列操作使这棵树映射到真实环境上在Javascript对象中,虚拟DOM表现为一个Object对象。并且最少包含标签名 (tag)、属性 (attrs) 和子元素对象 (children) 三个属性,不同框架对这三个属性的名命可能会有差别创建虚拟。原创 2024-01-02 10:39:59 · 5884 阅读 · 199 评论 -
快速操控鼠标行为!Vue鼠标按键修饰符让你事半功倍
在Vue中,修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理原创 2023-11-29 12:49:06 · 6261 阅读 · 222 评论 -
深入解析Vue中的keep-alive组件:优化组件切换与DOM渲染!
keep-alive是vue中的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOMkeep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们原创 2023-11-16 11:30:43 · 3531 阅读 · 16 评论 -
解密Vue中key的神奇原理:优化列表渲染效率的关键策略!
如果不用key,Vue会采用就地复地原则:最小化element的移动,并且会尝试尽最大程度在同适当的地方对相同类型的element,做patch或者reuse。原创 2023-11-16 11:23:17 · 2511 阅读 · 4 评论 -
开启创造力之门:掌握Vue中Slot插槽的使用技巧与灵感
Slot艺名插槽,花名“占坑”,我们可以理解为solt在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填坑(替换组件模板中slot位置),作为承载分发内容的出口原创 2023-11-16 06:00:00 · 2822 阅读 · 7 评论 -
提升代码复用性:探讨Mixin类在面向对象语言中的独特作用和优势
Mixin是面向对象程序设计语言中的类,提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类Mixin类通常作为功能模块使用,在需要该功能时“混入”,有利于代码复用又避免了多继承的复杂原创 2023-11-15 10:08:55 · 2457 阅读 · 172 评论 -
揭秘Vue中的nextTick:异步更新队列背后的技术原理大揭秘!
们可以理解成,Vue在更新DOM时是异步执行的。当数据发生变化,Vue将开启一个异步更新队列,视图需要等队列中所有数据变化完成之后,再统一进行更新原创 2023-11-15 07:00:00 · 596 阅读 · 12 评论 -
探秘Vue组件间通信:详解各种方式助你实现目标轻松搞定!
都知道组件是vue最强大的功能之一,vue中每一个.vue我们都可以视之为一个组件通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目的。广义上,任何信息的交通都是通信组件间通信即指组件(.vue)通过某种方式来传递信息以达到某个目的举个栗子我们在使用UI框架中的table组件,可能会往table组件中传入某些数据,这个本质就形成了组件之间的通信原创 2023-11-15 06:00:00 · 673 阅读 · 0 评论 -
Vue中组件与插件:究竟有何不同?详细解析带你get到核心差异!
组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式,在Vue中每一个.vue文件都可以视为一个组件原创 2023-11-14 10:30:23 · 464 阅读 · 23 评论 -
热议:Vue中如何让界面及时刷新,应对对象新增属性难题!
返回值:设置的值通过Vue.set向响应式对象中添加一个property,并确保这个新property 同样是响应式的,且触发视图更新关于Vue.set源码(省略了很多与本节不相关的代码)原创 2023-11-14 10:23:56 · 517 阅读 · 6 评论 -
探秘 Vue 数据绑定:为何 data 必须是函数而非对象?
组件data必须是一个函数,不知道大家有没有思考过这是为什么呢?在我们定义好一个组件的时候,vue最终都会通过Vue.extend()构成组件实例这里我们模仿组件构造函数,定义data属性,采用对象的形式原创 2023-11-13 09:35:57 · 718 阅读 · 19 评论 -
网页速度即体验速度:vueSPA(单页应用)首屏加载成就用户心动瞬间
首屏时间(First Contentful Paint),指的是浏览器从响应用户输入网址地址,到首屏内容渲染完成的时间,此时整个网页不一定要全部渲染完成,但需要展示当前视窗需要的内容首屏加载可以说是用户体验中最重要的环节原创 2023-11-13 09:30:29 · 518 阅读 · 3 评论 -
灵活运用Vue指令:探究v-if和v-for的使用技巧和注意事项
v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回true值的时候被渲染v-for指令基于一个数组来渲染一个列表。v-for指令需要使用item in items形式的特殊语法,其中items是源数据数组或者对象,而item则是被迭代的数组元素的别名在v-for的时候,建议设置key值,并且保证每个key值是独一无二的,这便于diff算法进行优化原创 2023-11-10 17:06:20 · 2406 阅读 · 7 评论 -
Vue生命周期全解析:从工厂岗位到任务执行,一览无遗!
生命周期(Life Cycle)的概念应用很广泛,特别是在政治、经济、环境、技术、社会等诸多领域经常出现,其基本涵义可以通俗地理解为“从摇篮到坟墓”(Cradle-to-Grave)的整个过程在Vue中实例从创建到销毁的过程就是生命周期,即指从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程我们可以把组件比喻成工厂里面的一条流水线,每个工人(生命周期)站在各自的岗位,当任务流转到工人身边的时候,工人就开始工作PS:在Vue生命周期钩子会自动绑定this上下文到实例中,因此你可以原创 2023-11-10 17:02:09 · 627 阅读 · 0 评论 -
Vue技巧大揭秘:v-show与v-if的区别及性能对比一目了然
控制手段:v-show隐藏则是为该元素添加css--display:none,dom元素依旧还在。v-if显示隐藏是将dom元素整个添加或删除编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换编译条件:v-if是真正的条件渲染,它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。只有渲染条件为假时,并不做操作,直到为真才渲染原创 2023-11-08 17:54:18 · 1080 阅读 · 11 评论 -
一杯子三变:揭秘vue单页应用(spa)与内容动态加载的奥秘
目前主流的静态化主要有两种:(1)一种是通过程序将动态页面抓取并保存为静态页面,这样的页面的实际存在于服务器的硬盘中(2)另外一种是通过WEB服务器的URL Rewrite的方式,它的原理是通过web服务器内部模块按一定规则将外部的URL请求转化为内部的文件地址,一句话来说就是把外部请求的静态地址转化为实际的动态页面地址,而静态页面实际是不存在的。这两种方法都达到了实现URL静态化的效果原创 2023-11-08 17:48:06 · 1219 阅读 · 94 评论 -
jquery 展开收缩改变状态 保姆式教学代码,默认第二项展开
jquery 展开收缩改变状态 保姆式教学代码,默认第二项展开原创 2022-04-29 09:41:04 · 511 阅读 · 4 评论 -
揭秘Vue框架下的MVVM架构:数据双向绑定背后的技术细节
我们先从单向绑定切入单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新双向绑定就很容易联想到了,在单向绑定的基础上,用户更新了View,Model的数据也自动被更新了,这种情况就是双向绑定举个例子原创 2023-11-07 10:32:29 · 634 阅读 · 13 评论 -
节省服务器资源、实现双向数据传输——深度解析WebSocket协议
WebSocket,是一种网络传输协议,位于OSI模型的应用层。可在单个TCP连接上进行全双工通信,能更好的节省服务器资源和带宽并达到实时通迅原创 2023-11-07 10:20:44 · 477 阅读 · 3 评论 -
TCP四次挥手过程解密:为什么不止三次挥手或更少次挥手?
如果是两次握手,发送端可以确定自己发送的信息能对方能收到,也能确定对方发的包自己能收到,但接收端只能确定对方发的包自己能收到 无法确定自己发的包对方能收到并且两次握手的话, 客户端有可能因为网络阻塞等原因会发送多个请求报文,延时到达的请求又会与服务器建立连接,浪费掉许多服务器的资源原创 2023-11-03 14:17:50 · 628 阅读 · 15 评论 -
GET与POST的区别:为什么GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留?
GETGET方法请求一个指定资源的表示形式,使用GET的请求应该只被用于获取数据POSTPOST方法用于将实体提交到指定的资源,通常导致在服务器上的状态变化或副作用本质上都是TCP链接,并无差别但是由于HTTP的规定和浏览器/服务器的限制,导致他们在应用过程中会体现出一些区别原创 2023-11-03 14:02:58 · 679 阅读 · 5 评论