front-end 大前端
网站前端技术
长安紫薯
送人玫瑰, 手留余香!
展开
-
黑豹程序员-elementplus 预览图片组件 el-image
黑豹程序员-elementplus 预览图片组件 el-image。原创 2024-03-29 08:53:57 · 184 阅读 · 0 评论 -
黑豹程序员-ElementPlus组件合集
ElementPlus组件集合选择图标器树型组件带图标以及icon避坑两级联动下拉列表下载文件el-transfer穿梭组件,实现城市选择,并支持拼音检索过滤原创 2024-02-05 07:51:04 · 219 阅读 · 0 评论 -
黑豹程序员-ElementPlus选择图标器
如何在你的系统中,用户可以使用呢?这就是图标器,去调用ElementPlus的icon组件库,展示到页面,用户选择,返回选择的组件名称。原创 2024-02-04 14:51:17 · 613 阅读 · 0 评论 -
黑豹程序员-封装组件-Vue3 setup方式子组件传值给父组件
需要使用到Vue3中如何定义父子组件,由子组件给父组件传值。原创 2024-02-04 14:21:17 · 565 阅读 · 0 评论 -
黑豹程序员-ElementPlus支持树型组件带图标以及icon避坑
el-tree自身不支持图标,需要自己去利于实现,并有个坑,和elementui写法不同。参数说明:node当前节点,data当前节点后台传入数据。原创 2024-02-04 09:53:02 · 596 阅读 · 0 评论 -
黑豹程序员-超酷UI界面
原创 2024-01-23 17:36:08 · 422 阅读 · 0 评论 -
黑豹程序员-原生JS拖动div到任何地方-自定义布局
【代码】黑豹程序员-原生JS拖动div到任何地方-自定义布局。原创 2023-12-15 11:01:33 · 98 阅读 · 0 评论 -
黑豹程序员-架构师学习路线图-百科:MVC的演变终点SpringMVC
再说个题外话,为何PHP最终倒台,就是它没有java的MVC框架,注定做大型项目时就干不过java,虽然后期也抄袭推出了它自己的三大框架,但几乎无人问津。还有微软的ASP,虽然后期推出了ASP#.net,也抄袭了java形成MVC框架,但为时已晚,而且并无新的建树。包括前端也出现MVVM等框架,其实都是抄袭和借鉴MVC。足见MVC的对开发架构的影响有多深,时至今日目前市场几乎被SSM霸屏。原创 2023-10-20 09:02:54 · 543 阅读 · 0 评论 -
黑豹程序员-页面录音-在vue页面中进行录音wav/mp3
实现vue页面进行录音原创 2023-10-15 10:52:11 · 649 阅读 · 0 评论 -
黑豹程序员-h5前端录音、播放
H5加入录音组件,录音后可以进行播放,并形成录音文件,其采样率固化48000,传言是google浏览器的BUG,它无法改动采样率。大BUG,目前主流的支持16000hz的采样率。原创 2023-10-14 23:24:22 · 622 阅读 · 2 评论 -
黑豹程序员-架构师学习路线图-百科:JSON替代XML
JSON的历史原创 2023-10-05 15:10:10 · 457 阅读 · 1 评论 -
黑豹程序员-架构师学习路线图-百科:JavaScript-网页三剑客
JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。原创 2023-10-04 06:51:26 · 169 阅读 · 0 评论 -
黑豹程序员-架构师学习路线图-百科:HTML-网页三剑客
HTML(Hyper Text Markup Language)的全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。原创 2023-10-01 18:44:33 · 291 阅读 · 0 评论 -
程序员该如何理解javascript的单线程?
javascript是一种单线程语言,这意味着它在任何给定时刻只能执行一个任务。在js中,所有的代码都是按顺序执行的,即使是多个事件发生,也要排队等待执行。原创 2023-09-25 16:33:46 · 79 阅读 · 0 评论 -
誉天在线项目-放大招-Vue3集成RichText富文本客户端组件QuillEditor
【代码】放大招-Vue3集成RichText富文本客户端组件QuillEditor。原创 2023-09-22 19:55:03 · 253 阅读 · 0 评论 -
誉天在线项目~ElementPlus实现浏览页面注意点
点击浏览按钮,传递列表数据索引值。根据索引值从列表数据数组中获取当前行数据。原创 2023-09-15 06:34:07 · 156 阅读 · 0 评论 -
誉天在线项目~ElementPlus Tag标签用法
【代码】誉天在线项目~ElementPlus Tag标签用法。原创 2023-09-14 05:34:33 · 712 阅读 · 2 评论 -
SpringBoot雪花算法主键ID传到前端后精度丢失问题的解决
263,即:-9223372036854775808~9223372036854775807,它是19位的。这个数字可以通过方法获得:Long.MAX_VALUE、Long_MIN_VALUE。原创 2023-09-13 19:42:20 · 515 阅读 · 0 评论 -
誉天在线项目~ElementPlus图片回显
【代码】誉天在线项目~ElementPlus图片回显。原创 2023-09-13 19:38:48 · 93 阅读 · 0 评论 -
誉天程序员-2301-3-金典图书系统
誉天程序员,让你拿高薪原创 2023-07-31 08:39:34 · 204 阅读 · 0 评论 -
誉天程序员-2301-3-day08
誉天程序员,让你拿高薪原创 2023-07-31 08:13:07 · 843 阅读 · 0 评论 -
誉天程序员-2301-3-day07
誉天程序员,带你成为高薪程序员原创 2023-07-28 08:42:14 · 257 阅读 · 0 评论 -
誉天程序员-2301-3-day06
誉天程序员,带你成为高薪程序员原创 2023-07-27 08:26:43 · 126 阅读 · 0 评论 -
誉天程序员-2301-3-day05
誉天程序员课堂笔记原创 2023-07-26 08:34:27 · 103 阅读 · 0 评论 -
誉天程序员-2301-3-day04
(what,why)同源策略,同源是3个要素,它是浏览器网景,提出安全策略。它会限制本网站不能去访问其他网站资源。3要素:a.协议,b.域名,c.端口协议(http://),域名(www.jd.com),端口(80)协议(https://),域名(主域名www.taobao.com),端口(80)cat=1620jd.com(一级域名)list.jd.com(二级域名)(二级域名)域名就是IP地址。本机域名localhost,IP:127.0.0.1(where)原创 2023-07-25 09:57:12 · 207 阅读 · 0 评论 -
ajax/axios访问后端测试方法
ajax工具原创 2023-07-24 07:39:29 · 842 阅读 · 0 评论 -
黑豹程序员-放大招-架构师学习方法
学习技术第一步官网入门原创 2023-07-23 23:29:07 · 506 阅读 · 0 评论 -
武职301-day01
实训,技术在手,就业无忧原创 2023-06-12 10:17:09 · 507 阅读 · 0 评论 -
史上最小的web服务,却蕴含万千
1分钟洞察web服务器所有核心要素原创 2023-05-26 13:29:53 · 738 阅读 · 0 评论 -
electron封装网站为桌面exe程序
打包桌面exe打包工具http://npm.taobao.org/mirrors/electron/ #网址可查看最新版本选择对应版本:环境配置配置打包参数:靠下面参数拼接zip文件的访问地址:electron-v12.0.1-win32-x64.zip执行配置命令:electron-quick-start>默认国外网站太慢易超时,配置淘宝镜像。注意要最后的斜杠npm config set ELECTRON_MIRROR http://npm.taobao.org/mirror原创 2021-12-02 15:51:13 · 1052 阅读 · 0 评论 -
小白技巧:大图片进行程序切图,页面加载更加流畅
需求有张超大的图片,如果页面直接加载,时间长,加载慢利用程序进行制定大小的切图,然后利用html网页将其拼接展现难点1)如何切图2)生成html代码片段代码实现package util;import java.awt.Graphics;import java.awt.Image;import java.awt.Toolkit;import java.awt.image.BufferedImage;import java.awt.image.CropImageFilter;impo原创 2021-08-12 14:45:16 · 577 阅读 · 1 评论 -
小白技巧:计数动画特效jQuery插件
一个很棒的计数动画计数动画特效jQuery插件jquery.countTo.js(function (factory) { if (typeof define === 'function' && define.amd) { // AMD define(['jquery'], factory); } else if (typeof exports === 'object') { // CommonJS fa原创 2021-08-02 10:21:46 · 590 阅读 · 0 评论 -
html页面常用转义字符
HTML原始码 显示结果 描述 < < 小於号或显示标记 > > 大於号或显示标记 & & 可用於显示其它特殊字符 " " ...原创 2021-06-18 11:12:29 · 263 阅读 · 0 评论 -
【小白学前端】化腐朽为神奇-JavaScript实现动态表单-操作DOM树(day03-1)
功能需求根据JavaScript提供的DOM的api支持,我们来获取DOM上的内容界面原型代码实现<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>JavaScript脚本语言案例操作dom树</title> </head> <body> <h1 class="classh1" name="nameh1" id原创 2021-05-17 11:38:11 · 158 阅读 · 0 评论 -
【小白学前端】化腐朽为神奇-Bootstrap实现表单美化(day02-6)
功能需求利用bootstrap实现html页面的美化,包括:文本输入框、单选框、多选框、下拉框、按钮相关样式。技术介绍Bootstrap是Twitter推出的一个用于前端开发的开源工具包。简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。界面原型代码实现<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单练习</title>原创 2021-05-12 14:42:37 · 1156 阅读 · 0 评论 -
【小白学前端】化腐朽为神奇-H5-播放音频视频(day02-5)
功能播放音频和视频,早期的HTML标准中是不支持的,需要写特出是插件代码,代码量大,很繁琐。而H5中太简单了,两句话几个属性就搞定。界面原型代码实现 <!-- video 视频播放,支持种类不多,最好为mp4 height 为视频展现的高度,它会自动等比缩放 --> <video controls="controls" height="400"> <source原创 2021-05-11 11:27:15 · 145 阅读 · 0 评论 -
【小白学前端】化腐朽为神奇-HTML+CSS3实现旋转地球(day02-4)
功能需求实现地球旋转,本质是一张图片,在网页中图片都是矩形没有直接提供圆形,CSS3提供了圆角样式,非常方便的解决了这个问题。先准备一个正方形的图片,然后设置其当圆角超过图片半径时,自然就成为一个圆。CSS3增加了强大的动画功能,可以让图片进行旋转。界面原型实现代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>旋原创 2021-05-10 08:43:22 · 1311 阅读 · 0 评论 -
【小白学前端】化腐朽为神奇-HTML+CSS3实现课程页(day02-3)
功能需求利用css实现漂亮的间隔变色,包括引入动画库实现动画效果,增强页面表现力。界面原型源代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/animate.css"/> <title></title> <style> bo原创 2021-05-09 08:56:49 · 115 阅读 · 0 评论 -
【小白学前端】化腐朽为神奇-HTML+CSS3实现圆头像(day02-1)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #user{ width: 250px; height: 250px; background-image: url(img/user.png); border-radius: 500px; } </sty.原创 2021-05-08 10:56:04 · 248 阅读 · 0 评论 -
【小白学前端】化腐朽为神奇-HTML+CSS3实现电影票(day01-3)
界面原型利用div和table布局实现电影票的布局小技巧包括:圆角样式、横向合并单元格、纵向合并单元格代码实现<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>太平洋影城</title> <style> td{ border: 1px solid; border-color: darkgoldenrod;原创 2021-05-07 07:57:42 · 1332 阅读 · 0 评论