前端代码集合

简介: 前端代码集合这是本人在网上搜集整理的各种前端代码仓库,对于刚刚接手前端工作的人,我想会有很大帮助有兴趣的可以到这里下载404友好 |-----html5-css3-404-animationbiji.

前端代码集合

这是本人在网上搜集整理的各种前端代码仓库,对于刚刚接手前端工作的人,我想会有很大帮助
有兴趣的可以到这里下载

img_a9654e576a737e54177c31fe45fd697e.png

404友好
 |-----html5-css3-404-animation
biji.txt
buffer.html
css.css
css.html
cssDemo.html
day01.html
div.css
ext-5.1.0
 |-----.sencha
 |-----build
 |-----build.xml
 |-----cmd
 |-----examples
 |-----ext-bootstrap.js
 |-----index.html
 |-----LICENSE
 |-----licenses
 |-----overrides
 |-----package.json
 |-----packages
 |-----plugins
 |-----Readme.md
 |-----release-notes.html
 |-----src
 |-----version.properties
 |-----welcome
ext-5.1.0-gpl.zip
float_test图文混排.html
github.gif
github.jpg
icon.bmp
impress.js
 |-----css
 |-----images
 |-----index.html
 |-----js
index.html
index.js
Jquery_table
 |-----jqueryFirst.htm
 |-----js
Jquery_table.rar
js
 |-----jquery.corner.js
 |-----jquery.jqzoom-core.js
 |-----jquery.js
list.txt
maoboli.html
mm.jpg
sidebar-follow-master.zip
sidebar-follow.js
span.css
table
 |-----jquery.corner.js
 |-----jquery.js
 |-----效果.html
 |-----说明.txt
window.html
xuanxiangka.html
ziti.html
倒计时
 |-----css3-clock-count
图片对比
 |-----html5-css3-image-compare
图片播放幻灯片
 |-----3DGallery
 |-----css3-3d-image-coverflow
 |-----css3-image-caption-animation
 |-----css3-image-slider-icon
 |-----CSS3FilterFunctionality
 |-----easyslider1.5
 |-----easySlider1.5.zip
 |-----html5-3d-carousel
 |-----html5-3d-cube-image-player
 |-----html5-3d-gallery-animation
 |-----html5-3d-image-block
 |-----html5-3d-lightbox
 |-----html5-css3-3d-image-transform
 |-----html5-css3-carousel
 |-----html5-css3-grid-image-effect
 |-----html5-css3-image-selector
 |-----html5-css3-image-slider-nex-pre-button
 |-----html5-css3-navigation-slider
 |-----html5-full-3d-image-show
 |-----html5-slicebox-image
 |-----jiaoben2161
 |-----jiaoben2329
 |-----jiaoben258
 |-----jiaoben282
 |-----jiaoben6
 |-----jquery-css3-simple-gallery
 |-----jquery-hor-image-slider
 |-----jquery.bxslider.zip
 |-----myslider
 |-----portfolio
 |-----SlidingImagePanels
图表
 |-----Animated3DBarChart
 |-----chartjs
 |-----html5-d3-chart
 |-----jiaoben132
对话框
 |-----css3-notification
 |-----html5-css3-notification
 |-----Prompt轻量级提示框弹出层
导航菜单
 |-----css3-3d-navigation-menu
 |-----css3-3d-paper-menu
 |-----css3-animation-bg-menu
 |-----css3-flat-menu
 |-----css3-ribbon-dropdown-menu
 |-----css3-ribbon-menu-1
 |-----css3-top-bg-menu
 |-----html5-css3-face-menu
 |-----jiaoben86
 |-----jquery-ver-tab-menu
 |-----折叠菜单css3-multiple-accordion-menu
 |-----缩放菜单
按钮
 |-----css3-3d-button-border
 |-----css3-button-with-tooltip
 |-----css3-reakustuc-button
 |-----CSSButtonsPseudoElements
 |-----html5-css3-switch-button
 |-----jiaoben1964
搜索框
 |-----css3-show-search-form
播放器
 |-----CassettePlayer
 |-----html5-3d-card-video
 |-----html5-audio-player-wedgit
 |-----html5-circle-audio-player
 |-----html5-circle-music-player
 |-----html5-mini-video-player
 |-----html5-video-api
 |-----projekktor-1.3.09
 |-----projekktor-1.3.09.zip
 |-----video-js
文字和图片连续滚动.url
文字滚动.html
文字特效
 |-----css3-jquery-drag-window
 |-----css3-text-type-effect
 |-----html5-canvas-side-text
 |-----火焰文字
 |-----火焰文字css3-svg-text-bg-animation - 副本
日历时钟
 |-----html5-css3-calendar
 |-----html5-css3-safari-logo
浏览器高度或宽度.gif
游戏
 |-----flappy-bird
滑动条
 |-----css3-paging-with-bar
 |-----html5-chrome-slider
滑动门
 |-----css3-tab-with-icon
 |-----html5-svg-tab-slider
登录表单
 |-----css3-batman-login-form
 |-----css3-batman-login-form.rar
 |-----css3-unfold-login-form
 |-----css3-unfold-login-form.rar
 |-----html5-css3-contact-form-map
 |-----html5-css3-facebook-login-form.rar
 |-----minimal-login-ui
 |-----minimal-login-ui.rar
程序员表白系列
 |-----12ews
 |-----biaobai
 |-----blessingWall
 |-----i
 |-----情人节礼物_需修改
 |-----程序员像妹子表白专用代码
纯特效
 |-----html5-3d-cube-image
 |-----html5-3d-real-map
 |-----html5-canvas-fire-animation
 |-----html5-canvas-fire-falling
 |-----html5-canvas-fireworks
 |-----html5-canvas-leida-animation
 |-----html5-canvas-particle-effect
 |-----html5-canvas-roll
 |-----html5-canvas-video
 |-----html5-circle-rotate-animation
 |-----html5-cloth-tear
 |-----html5-css3-swords
 |-----html5-cube-any-face
 |-----html5-google-38-logo
 |-----html5-gravity-gallery
 |-----html5-svg-iphone-shutter
 |-----html5-whale
 |-----jiaoben1144
 |-----jiaoben1467
 |-----jiaoben1984
 |-----jiaoben2304
 |-----jiaoben2304.rar
 |-----jiaoben86
 |-----pure-css3-3d-air-ship
 |-----pure-css3-running
 |-----voxels-liquid
 |-----webgl-water
编辑框
 |-----html5-css3-json-editor
说明.htm
进度条
 |-----10-css3-progress-bar.rar
 |-----css3-loading-1
 |-----html5-canvas-loading.rar
 |-----html5-canvas-shine-loading
 |-----html5-css3-bar-chart
 |-----html5-progress-bar-themes.rar
 |-----LoginRegistrationForm.rar
目录
相关文章
|
1月前
|
前端开发 JavaScript 开发者
水墨代码:前端川的诞生——在夏日阴雨中启航
【前端川】网站于农历五月初一(2024年6月6日)上线,融合水墨画与现代前端技术,呈现独特的水墨代码美学。创建者陈川分享技术心得与实战经验,网站特色包括水墨风格界面、技术深度解析及实战案例。在夏日雨中启航,"前端川"致力于为开发者提供灵感与帮助,探索前端技术的无限可能。
68 17
|
8天前
|
移动开发 前端开发 架构师
前端架构师需要具备什么能力以及代码能力?
【7月更文挑战第17天】 前端架构师是技术、领导与管理的融合,需精通HTML/CSS/JS及React/Vue等框架,擅长工程化、跨平台开发与安全。他们设计高效架构,优化性能,领导团队,做技术选型,并持续学习分享,确保代码质量和团队成长。
33 7
|
1月前
|
前端开发 JavaScript 安全
高级前端开发需要知道的 25 个 JavaScript 单行代码
1. 不使用临时变量来交换变量的值 2. 对象解构,让数据访问更便捷 3. 浅克隆对象 4. 合并对象 5. 清理数组 6. 将 NodeList 转换为数组 7. 检查数组是否满足指定条件 8. 将文本复制到剪贴板 9. 删除数组重复项 10. 取两个数组的交集 11. 求数组元素的总和 12. 根据指定条件判断,是否给对象的属性赋值 13. 使用变量作为对象的键 14. 离线状态检查器 15. 离开页面弹出确认对话框 16. 对象数组,根据对象的某个key求对应值的总和 17. 将 url 问号后面的查询字符串转为对象 18. 将秒数转换为时间格式的字符串 19.
39 3
高级前端开发需要知道的 25 个 JavaScript 单行代码
|
26天前
|
前端开发 JavaScript Serverless
前端新手建议收藏的JavaScript 代码技巧
前端新手建议收藏的JavaScript 代码技巧
14 1
|
1月前
|
设计模式 前端开发 JavaScript
关于写好前端JS代码的一些建议
关于写好前端JS代码的一些建议
24 2
|
1月前
|
前端开发 JavaScript 安全
微前端架构采用 TypeScript 提升开发效率和代码可靠性
【6月更文挑战第12天】微前端架构采用 TypeScript 提升开发效率和代码可靠性。TypeScript 的类型安全防止了微前端间的类型错误,智能提示与自动补全加速开发,重构支持简化代码更新。通过定义公共接口和使用 TypeScript 编写微前端,确保通信一致性与代码质量。在构建流程中集成 TypeScript,保证构建正确性。总之,TypeScript 在微前端架构中扮演关键角色,推荐用于大型前端项目。
50 4
|
21天前
|
前端开发 应用服务中间件 nginx
安装Windows版nginx以及部署前端代码并就解决刷新出现404
安装Windows版nginx以及部署前端代码并就解决刷新出现404
33 0
|
23天前
|
前端开发 API
支付系统27-------梳理一下支付按钮,前端的代码
支付系统27-------梳理一下支付按钮,前端的代码
|
27天前
|
前端开发 JavaScript Java
高效前端开发技巧:如何优化JavaScript代码执行效率
在当今互联网应用日益复杂的背景下,前端开发者面临着更高的性能要求。本文探讨了一些提升JavaScript代码执行效率的实用技巧,包括优化循环结构、减少内存占用以及利用现代浏览器的优化能力。通过这些方法,开发者可以在保持代码清晰易读的前提下,显著提升应用程序的响应速度和用户体验。
|
1月前
|
JavaScript 前端开发
杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]
杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]
20 0