余晖落尽暮晚霞，黄昏迟暮远山寻
本站
当前位置：网站首页 > 编程知识 > 正文

前端整理出来的个个网站，有点乱，请谅解（旅馆业前端采集系统下载）

xiyangw 2022-12-07 09:49 26 浏览 0 评论

  • extjs

    前端整理出来的个个网站，有点乱，请谅解（旅馆业前端采集系统下载）

  • ext4英文api

  • ext4中文api

  1. EasyUI

  • jquery easyui 未压缩源代码

  1. J-UI

  • J-UI

  1. Other

  • MUI-最接近原生APP体验的高性能前端框架

  • Amaze UI | 中国首个开源 HTML5 跨屏前端框架

  • 淘宝 HTML5 前端框架

  • KISSY - 阿里前端JavaScript库

  • 网易Nej - Nice Easy Javascript

  • Kendo UI MVVM Demo

  • Bootstrap

  • Smart UI

  • 雅虎UI - CSS UI

7. 页面 社会化 分享功能

  • 百度分享 pc端

  • JiaThis pc端

  • 社会化分享组件 移动端

  • ShareSDK 轻松实现社会化功能 移动端

  • 友盟分享 移动端

8. 富文本编辑器

  • 百度 ueditor

  • 经典的ckeditor

  • 经典的kindeditor

  • wysiwyg

  • 一个有情怀的编辑器。Bach's Editor

  • tower用的编辑器

  • summernote 编辑器

  • html5编辑器

  • XEditor

  • wangEditor

9. 日历

  1. PC

  • 经典my97

  • 强大的独立日期选择器

  • fullcalendar

  • fullcalendar日历控件知识点集合

  • 中文api

  • 农历日历

  • 超酷的仿百度带节日日历老黄历控件

  • 日期格式化

  • 大牛日历控件

  • 我群某管理作品

  • input按位替换-官网

  • input按位替换-github

  • bootstrap-daterangepicker

  • 国外30个插件集合

  • JavaScript datepicker

  • Datepair.js

  • 一个风格多样的日历

  • 弹出层式的全日历

  • jquery双日历

  1. 移动

  • 大气实用jQuery手机移动端日历日期选择插件

  • jQuery Mobile 移动开发中的日期插件Mobiscroll

  1. Date library

  • Datejs

  • sugarjs

10. 综合效果搜索平台

  • 效果网

  • 17素材

  • 常用的JavaScript代码片段

11. 前端工程化

  1. 概述

  • 前端工具大全

  • 什么是前端工程化

  1. Gulp

  • Gulp官网

  • Gulp中文网

  • gulp资料收集

  • Gulp：任务自动管理工具 - ruanyifeng

  • Gulp插件

  • Gulp不完全入门教程

  • 为什么使用gulp?

  • Gulp安装及配合组件构建前端开发一体化

  • Gulp 入门指南

  • Gulp 入门指南 - nimojs

  • Gulp入门教程

  • Gulp in Action

  • Gulp开发教程（翻译）

  • 前端构建工具gulpjs的使用介绍及技巧

  1. Grunt

  • gruntjs

  • Grunt中文网

  1. Fis

  • fis 官网

  • fis

12. 轮播图

  1. pc图轮

  • 单屏轮播sochange

  • 左右按钮多图切换

  • fullpage全屏轮播

  1. 移动端

- [无缝切换](http://www.swipejs.com/)

- [滑屏效果](http://www.idangero.us/swiper/)

- [全屏fullpage](https://github.com/peunzhang/fullpage)

- [单个图片切换](https://github.com/qiqiboy/touchslider)

- [单个全屏切换](https://github.com/peunzhang/slip.js)

- [百度的切换库](http://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group)

- [单个全屏切换](https://github.com/peunzhang/iSlider)

- [滑屏效果](https://github.com/saw/touch-interfaces)

- [旋转拖动设置](http://baijs.com/tinycircleslider/)

- [类似于swipe切换](http://touchslider.com/)

- [支持多种形式的触摸滑动](http://www.swiper.com.cn/demo/index.html)

- [滑屏效果](https://github.com/joker-ye/main/blob/master/wap/index.html)

- [大话主席pc移动图片轮换](http://www.superslide2.com/)

- [滑屏效果](https://github.com/hahnzhu/parallax.js)

- [基于zepto的fullpage](https://github.com/yanhaijing/zepto.fullpage)

- [ - 定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应](http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html][WebApp)

- [判断微信客户端的那些坑](http://loo2k.com/blog/detecting-wechat-client/)

- [可以通过javascript直接调用原生分享的工具](https://github.com/JefferyWang/nativeShare.js)

- [JiaThis 分享到微信代码](http://www.jiathis.com/help/html/weixin-share-code)

- [聊聊移动端跨平台开发的各种技术](http://fex.baidu.com/blog/2015/05/cross-mobile/)

- [前端自动化测试](http://www.zhihu.com/question/29922082)

- [多种轮换图片](http://ajccom.github.io/niceslider/)

- [滑动侧边栏](https://mango.github.io/slideout/)

13. 文件上传

  • 百度上传组件

  • 上传

  • flash 头像上传

  • 图片上传预览

  • 图片裁剪

  • 图片裁剪-shearphoto

  • jQuery图片处理

14. 模拟select

  • 糖饼 select

  • flexselect

  • 双select

  • select2

15. 取色插件

  • 类似 Photoshop 的界面取色插件

  • jquery color

  • 取色插件集合

  • farbtastic 圆环＋正方形

16. 城市联动

  • jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果

17. 剪贴板

  • 剪贴板

  • clipboard 最新的剪切方案

  • 不是Flash的剪贴板

18. 简繁转换

  • 简繁转换

19. 表格 Grid

  • facebook表格

  • 类似于Excel编辑表格-handsontable

  • bootstrap-table插件

  • datatables

20. 在线演示

  • js 在线编辑 - runjs

  • js 在线编辑 - jsbin

  • js 在线编辑 - codepen

  • js 在线编辑 - jsfiddle

  • java 在线编辑 - runjs

  • js 在线编辑 - hcharts

  • js 在线编辑 - jsdm

  • sql 在线编辑 - sqlfiddle

  • mozilla 在线编辑器

21. 播放器

  • Html5 VideoPlayer

22. 粒子动画

  • Proton 烟花

九. Nodejs

  • nodejs 篇幅比较巨大

  • Node.js 包教不包会

  • 篇幅比较少

  • node express 入门教程

  • nodejs定时任务

  • 一个nodejs博客

  • 【NodeJS 学习笔记04】新闻发布系统

  • 过年7天乐，学nodejs 也快乐

  • 七天学会NodeJS

  • Nodejs学习笔记（二）--- 事件模块

  • nodejs入门

  • angularjs nodejs

  • 从零开始nodejs系列文章

  • 理解nodejs

  • nodejs事件轮询

  • node入门

  • nodejs cms

  • Node初学者入门，一本全面的NodeJS教程

  • NodeJS的代码调试和性能调优

十. 性能优化

  1. 常规优化

- [Javascript高性能动画与页面渲染](http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering)

- [移动H5前端性能优化指南](http://isux.tencent.com/h5-performance.html)

- [5173首页前端性能优化实践](http://ued.5173.com/?p=1731)

- [给网页设计师和前端开发者看的前端性能优化](http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers)

- [复杂应用的 CSS 性能分析和优化建议](http://www.orzpoint.com/profiling-css-and-optimization-notes/)

- [张鑫旭——前端性能](http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD/)

- [前端性能监控总结](http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html)

- [ 网站性能优化之CSS无图片技术](http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF/)

- [web前端性能优化进阶路](http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html)

- [前端技术：网站性能优化之CSS无图片技术](http://my.eoe.cn/tuwandou/archive/4544.html)

- [浏览器的加载与页面性能优化](http://www.baiduux.com/blog/2011/02/15/browser-loading/)

- [页面加载中的图片性能优化](http://www.w3ctech.com/p/1503)

- [Hey——前端性能](http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD)

- [html优化](http://www.baiduux.com/blog/2010/03/15/html%E4%BC%98%E5%8C%96-2/)

- [99css——性能](http://www.99css.com/tag/%e6%80%a7%e8%83%bd)

- [Yslow——性能优化](http://www.yslow.net/category.php?cid=20)

- [YSLOW中文介绍](http://www.cnblogs.com/yslow/)

- [转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化](http://www.360ito.com/article/40.html)

- [Yahoo!团队实践分享：网站性能](http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml)

- [网站性能优化指南：什么使我们的网站变慢？](http://blog.jiasule.com/i/153)

- [网站性能优化实践，减少加载时间，提高用户体验](http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html)

- [浅谈网站性能优化 前端篇](http://www.umtry.com/archives/747.html)

- [前端重构实践之如何对网站性能优化？](http://www.adinnet.cn/blog/designview/2012-7-12/678.html)

- [前端性能优化：使用媒体查询加载指定大小的背景图片](http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9/)

- [网站性能系列博文](http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html)

- [加载，不只是少一点点](http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml)

- [前端性能的测试与优化](http://mzhou.me/article/95310/)

- [分享网页加载速度优化的一些技巧？](http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading/)

- [页面加载中的图片性能优化](http://www.f2es.com/images-bytes-opt/)

- [web前端优化(基于Yslow)](http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html)

- [网站性能优化工具大全](https://www.qianduan.net/website-performance-optimization-tool.html)

- [【高性能前端1】高性能HTML](http://www.alloyteam.com/2012/10/high-performance-html/)

- [【高性能前端2】高性能CSS](http://www.alloyteam.com/2012/10/high-performance-css/)

- [由12306谈谈网站前端性能和后端性能优化](http://coolshell.cn/articles/6470.html)

- [AlloyTeam——前端优化](http://www.alloyteam.com/webfrontend/%E5%89%8D%E7%AB%AF%E4%BC%98%E5%8C%96/)

- [毫秒必争，前端网页性能最佳实践](http://www.cnblogs.com/developersupport/p/3248695.html)

- [网站性能工具Yslow的使用方法](http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html)

- [前端工程与性能优化（上）：静态资源版本更新与缓存](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1)

- [前端工程与性能优化（下）：静态资源管理与模板框架](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2)

- [HTTPS连接的前几毫秒发生了什么](http://blog.jobbole.com/48369/)

- [Yslow](http://uicss.cn/yslow/#more-12319)

- [Essential Web Performance Metrics — A Primer, Part 1](http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1/)

- [Essential Web Performance Metrics — Part 2](http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2/)

- [YUISlide,针对移动设备的动画性能优化](http://jayli.github.io/blog/data/2011/12/23/yuislide.html)

- [Improving Site Performance](http://joelglovier.com/improving-site-performance/)

- [让网站提速的最佳前端实践](http://segmentfault.com/a/1190000000367899)

- [Why Website Speed is Important](http://sixrevisions.com/web-development/why-website-speed-is-important/)

- [Need for Speed – How to Improve your Website Performance](https://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance/)

- [阿里无线前端性能优化指南 (Pt.1 加载期优化)](https://github.com/amfe/article/issues/1)

  1. 优化工具

  • JavaScript 性能分析新工具 OneProfile

  • JavaScript 堆内存分析新工具 OneHeap

  1. 在线工具

  • google在线工具

  • 阿里测

  • 阿里-免费测试服务

  • 阿里-F2etest多浏览器兼容性测试解决方案

  • js性能测试

十一. 前端架构

  • 技术架构

  • 前端架构

  • 如何成为前端架构师

  • 关于前端架构-张克军

  • 百度腾讯offer比较（腾讯游戏VS百度基础架构）

十二. 个人作品

1. 推荐作品

  • winter代码片段需要翻墙

  • fgm

  • 岑安作品集

  • 当耐特demo集合

  • 米空格 js作品

  • myFocus

  • SeaJS组件库

  • 颜海镜作品

  • 脚儿网作品

  • javascript个人作品

  • 妙味的雷东升游戏作品

  • javascript作品集

  • 云五笔，灰度产生生成工具

  • 项目主页

  • 个性的作品主页

  • 播放器

  • ucren js demos 集

  • 智能社

  • 实例陈列架

  • zoye demo

  • 王员外

  • 平凡

  • jyg 游戏案例

  • 很多jquery插件

  • 不羁虫 - soJs 作品系列

  • frozenui

  • 黑白棋

  • fromone

2. 群员作品

  • MDialog - [合肥-M.J]

  • 轮播图 - [上海－冷静]

  • [广州—坚壳]

  • [成都 - 无痕]　感恩节专题

  • [球霸天]

  • [北京-小数]

  • [ptf] Magix 工具

  • [杭州-Pft] Magix 基于 MVC 结构和 Hash 驱动的 OPOA（One Page One Application）应用

  • [上海-剧中人]-实验室

  • [上海-豪情 ] 作品集合

  • [成都-feeling]

  • [上海-angela]

  • [海南-hank]作品

  • [上海-张力]博客

  • [上海-zenki]作品

  • 移动端图案解锁

  • [合肥-M.J] - MPreview 移动端图片预览组

  • [合肥-M.J] - Mexam 移动端在线做题组

  • [北京-苏瑞] - dancer小人

  • [上海-玄沐]- 个人网站

  • [厦门-二哲]- 个人博客

3. 国外大牛精品

  • pazguille

十三. 简历模板

  • 不错的个人简历

  • 简历

  • 张伦

  • 简历

  • 翁天信

  • 动画方式的简历

  • 组件丰富简历

  • 简历池

  • haorooms博客

  • Justin Young

十四. 面试题

  • 那几个月在找工作（百度，网易游戏）

  • 2014最新面试题

  • 阿里前端面试题

  • 2016校招内推 -- 阿里巴巴前端 -- 三面面试经历

  • 腾讯面试题

  • 年后跳槽那点事：乐视+金山+360面试之行

  • 阿里前端面试题上线

  • 拉勾网js面试题

  • 前端面试

  • Web开发笔试面试题 大全

  • 前端开发面试题

  • 2014最新前端面试题

  • 百度面试

  • 面试题

  • 前端工作面试问题

  • 前端开发面试题

  • 5个经典的前端面试问题

  • 最全前端面试问题及答案总结

  • 如何面试一名前端开发工程师？

  • 史上最全 前端开发面试问题及答案整理

  • 前端实习生面试总结

  • 史上最全 前端开发面试问题及答案整理

  • BAT及各大互联网公司2014前端笔试面试题：JavaScript篇

  • 前端开发面试题大收集

  • 收集的前端面试题和答案

  • 如何面试前端工程师

  • 前端开发面试题

  • 牛客网-笔试面经

十五. iconfont

  • 中文字体

  • 淘宝字库

  • 字体

  • 制作教程

  • zhangxinxu-icommon

  • icommon

  • 用字体在网页中画ICON图标(推荐教程)

  • 字体压缩工具 感谢初级群　[深圳-小鱼] 的推荐

十六. 开发工具类

  1. 前端开发工具

  • IntelliJ IDEA 简体中文专题教程

  • Webstorm,InterllIdea,Phpstorm

  • SublimeText

  • Atom

  • visual studio code

  1. Chrome, Firebug, Filddle 调试

  2. Fiddler

  • Fiddler调式使用知多少(一)深入研究

  • 微信fiddle

  • 微信fiddle

  1. Chrome

  • Google Chrome 官方

  • Chrome - 基础

  • Chrome - 进阶

  • Chrome - 性能

  • Chrome - 性能进阶

  • Chrome - 移动

  • Chrome - 使用技巧

  • Chrome - Console控制台不完全指南

  • Chrome - Workspace使浏览器变成IDE

  • network面板

  • chrome开发工具快捷键

  • chrome调试工具常用功能整理

  • Chrome 开发工具 Workspace 使用

  • Chrome神器Vimium快捷键学习记录

  • sass调试-w3cplus

  • 如何更专业的使用Chrome开发者工具-w3cplus

  • chrome调试canvas

  • chrome profiles1

  • chrome profiles2

  • chrome profiles3

  • chrome移动版调试

  • chrome调试

  • chrome的调试

  • chrome console 命令详解

  • 查看事件绑定1

  • 查看事件绑定2

  • 神器——Chrome开发者工具(一)

  • 奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍)

  • chrome 开发者工具的 15 个小技巧

  • Chrome开发者工具不完全指南

  • Chrome 开发者工具使用技巧

  1. Firebug

  • firebug视频教程

  • firefox 模拟器

  • console.log 命令详解

  • Firebug入门指南

  • Firebug控制台详解

  1. 移动,微信调试

  • 浏览器端调试安卓

  • 移动端前端开发调试

  • 使用 Chrome 远程调试 Android 设备

  • mac移动端调试

  • mac移动端调试

  • 无线调试攻略

  • 无线调试攻略

  • 屌爆了,完美调试 微信webview(x5)

  • 微信调试的那些事

  • 远程console

  • 微信调试工具

  • 各种真机远程调试方法汇总

  1. iOS Simulator

  • Simulator

  • Xcode中的iOS模拟器(iOS Simulator)的介绍和使用心得

  1. img

  • loading img

  • 智图-图片优化平台

  • 在线png优化

  1. 生成二维码

  • 生成二维码

  1. 浏览器同步

  • puer

  • liveReload

  • f5

  • File Watchers

  1. 在线PPT制作

  • nodePPT

  • PPT

  • reveal

  • slippy

十七. 前端导航网站

  • 界面清爽的前端导航

  • 前端导航

  • 前端网址导航

  • 前端名录

  • 前端导航

  • 前端开发资源

  • 网址导航

  • 前端开发仓库 - 众多效果的收集地

  • 前端资源导航

  • F2E 前端导航

十八. 常用CDN

  • 新浪CDN

  • 百度静态资源公共库

  • 360网站卫士常用前端公共库CDN服务

  • Bootstrap中文网开源项目免费 CDN 服务

  • 开放静态文件 CDN - 七牛

  • CDN加速 - jq22

  • jQuery CDN

  • Google jQuery CDN

  • 微软CDN

十九. Git,SVN,Github

  1. Git

  • git-scm

  • 廖雪峰-Git教程

  • git-for-windows

  • GitHub 添加 SSH keys

  • gogithub

  • git常规命令练习

  • git的资料整理

  • 我所记录的git命令（非常实用）

  • 企业开发git工作流模式探索部分休整

  • GitHub 漫游指南

  • GitHub秘籍

  • 使用git和github进行协同开发流程

  • 动画方式练习git

这些技术如何学习，有没有免费资料？

相关推荐

前后端分离 Vue + NodeJS(Koa) + MongoDB实践

作者：前端藏经阁转发链接：https://www.yuque.com/xwifrr/gr8qaw/vr51p4写在前面闲来无事，试了一下Koa，第一次搞感觉还不错，这个项目比较基础但还是比较完整了，...

MongoDB 集群如何工作?

一、什么是“MongoDB”？“MongoDB”是一个开源文档数据库，也是领先的“NoSQL”数据库，分别用“C++”“编程语言”编写，使用带有“Schema”的各种类似JSON的文档，是也分别被认为...

三部搭建mongo,和mongo UI界面

三步搭建mongo,和mongoUI界面安装首先你需要先有一个docker的环境检查你的到docker版本docker--versionDockerversion18.03.1-ce,b...

Mongodb 高可用落地方案

此落地方案，用于实现高可用。复制集这里部署相关的复制集，用于实现MongoDB的高可用。介绍MongoDB复制集用于提供相关的数据副本，当发生硬件或者服务中断的时候，将会从副本中恢复数据，并进行自动...

一次线上事故，我顿悟了MongoDB的精髓

大家好，我是哪吒，最近项目在使用MongoDB作为图片和文档的存储数据库，为啥不直接存MySQL里，还要搭个MongoDB集群，麻不麻烦？让我们一起，一探究竟，继续学习MongoDB分片的理论与实践，...

IDEA中安装MongoDB插件-再也无要nosql manager for mongodb

大家都知道MongoDB数据库作为典型的非关系型数据库被广泛使用，但基于MongoDB的可视化管理工具-nosqlmanagerformongodb也被用的较多，但此软件收费，所以国内的破解一般...

数据库监控软件Lepus安装部署详解

Lepus安装部署一、软件介绍Lepus是一套开源的数据库监控平台，目前已经支持MySQL、Oracle、SQLServer、MongoDB、Redis等数据库的基本监控和告警（MySQL已经支持复...

YAPI:从0搭建API文档管理工具

背景最近在找一款API文档管理工具，之前有用过Swagger、APIManager、Confluence，现在用的还是Confluence。我个人一直不喜欢用Swagger，感觉“代码即文档”，让代...

Mac安装使用MongoDB

下载MongoDB包：https://www.mongodb.com/download-center解压mongodb包手动解压到/usr/local/mongodb文件夹配置Mac环境变量打开环境...

保证数据安全，不可不知道的MongoDB备份与恢复

大家在项目中如果使用MongoDB作为NOsql数据库进行存储，那一定涉及到数据的备份与恢复，下面给大家介绍下：MongoDB数据备份方法在MongoDB中我们使用mongodump命令来备...

MongoDB数据备份、还原脚本和定时任务脚本

备注：mongodump和mongorestore命令需要在MongoDB的安装目录bin下备份脚本备份格式/usr/local/mongodb/bin/mongodump -h ...

等保2.0测评:mongoDB数据库

一、MongoDB介绍MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之间的产...

MongoDB入门实操《一》

什么是MongoDBMongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之...

Python安装PyMongo的方法详细介绍

欢迎点击右上角关注小编，除了分享技术文章之外还有很多福利，私信学习资料可以领取包括不限于Python实战演练、PDF电子文档、面试集锦、学习资料等。前言本文主要给大家介绍的是关于安装PyMongo的...

第四篇:linux系统中mongodb的配置

建议使用普通用户进行以下操作。1、切换到普通用户odysee。2、准备mongodb安装包，自行去官网下载。3、解压安装包并重命名为mongodb4.04、配置mongodbcdmongod...

取消回复欢迎 你 发表评论:

一周热门
标签列表
最新留言
本站文章转载自互联网及网友投稿，文章内容仅供学习参考，不构成建议，也不代表本站赞同其观点。
如有侵权请联系jellybean52032@gmail.com，提供原文链接地址以及资料原创证明，本站将会立即删除。