前端框架

前端库/框架/插件相关

由 梦想的初衷 提交于 2019-12-05 09:00:08
Swiper中文APi http://www.swiper.com.cn/ fullPage.js http://www.jq22.com/jquery-info1124 多种动态效果的CSS3文字动画插件：textillate.js http://www.holdcode.com/web/details/97 TweenMax动画库 http://greensock.com/timelinemax 翻书特效 http://www.turnjs.com/ css33D https://github.com/shrekshrek 可视化库 http://c3js.org/ 旋转PPT https://github.com/impress/impress.js 网页版PPT https://github.com/hakimel/reveal.js 桌面应用程序 http://electron.atom.io/ 图片裁剪Cropper https://www.awesomes.cn/repo/fengyuanchen/cropper 散射的原子颗粒特效 https://www.cnblogs.com/zx-admin/p/7030978.html 免费图片上传 http://www.chuantu.biz/ 来源： https://www.cnblogs.com/home-/p

前端学习记录（HTML篇）

由 岁酱吖の 提交于 2019-12-05 08:35:29
HTML Hyper Text Markup Language ，超文本标记语言，不是一种编程语言，而是一种标记语言 思想：网页中有很多数据，不同的数据可能需要不同的显示效果，一个标签相当于一个容器，想要修改容器内数据的样式，只需要改变容器的属性值，就可以实现容器内数据样式的变化。 语言结构介绍： <!-- 声明文档页面使用的html版本，当前是html5 --> <!DOCTYPE html> <!-- html文档的根元素标签，表示html文档的开始和结束 --> <html> <!-- html文档的头部标签 --> <head> <!-- 定义文档标题 --> <title>html学习</title> <!-- 用于html页面的元信息 http-equiv：指定元信息的名称，该属性指定的名称具有特殊意义，它可以向浏览器传回一些有用的信息，帮助浏览器正确地处理网页内容。 name：指定元信息名称，该名称可以随意指定 content：指定元信息的值 --> <!-- 指定文档的字符编码 --> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <!-- 3s后会自动跳转到baidu主页 --> <meta http-equiv="refresh" content="3;url=http:/

前端框架AngularJS入门

由 北城以北 提交于 2019-12-05 07:38:09
1.1 AngularJS 简介 AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。 AngularJS 有着诸多特性，最为核心的是： MVC 、模块化、自动化双向数据绑定、依赖注入等等。 1.2 AngularJS 四大特征 1.2.1 MVC 模式 Angular 遵循软件工程的 MVC 模式 , 并鼓励展现，数据，和逻辑组件之间的松耦合 . 通过依赖注入（ dependency injection ）， Angular 为客户端的 Web 应用带来了传统服务端的服务，例如独立于视图的控制。 因此，后端减少了许多负担，产生了更轻的 Web 应用。 Model: 数据 , 其实就是 angular 变量 ($scope.XX); View: 数据的呈现 ,Html+Directive( 指令 ); Controller: 操作数据 , 就是 function, 数据的增删改查 ; 1.2.2 双向绑定 AngularJS 是建立在这样的信念上的：即声明式编程应该用于构建用户界面以及编写软件构建，而指令式编程非常适合来表示业务逻辑。框架采用并扩展了传统 HTML ，通过双向的数据绑定来适应动态内容，双向的数据绑定允许模型和视图之间的自动同步。因此，

Alpha5

由 旧城冷巷雨未停 提交于 2019-12-05 03:03:04
队名：观光队 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 完成服务器连接数据库部分代码 展示GitHub当日代码/文档签入记录 接下来的计划 服务器网络请求，前端完善。 还剩下哪些任务 服务器网络请求，前端完善。 燃尽图 遇到了哪些困难 1、服务器网络请求。 2、vue使用。 有哪些收获和疑问 1、收获：无。 2、疑问：vue使用。 陈超颖 过去两天完成了哪些任务 文字/口头描述 博客撰写 展示GitHub当日代码/文档签入记录 接下来的计划 与前端、数据库连接，完善接口 还剩下哪些任务 与前端、数据库连接，完善接口 燃尽图 遇到了哪些困难 怎么在完成的接口框架加入数据 有哪些收获和疑问 1、收获：emmm...硬要说的话就是通过看团队数据库的代码，对数据库有更深的了解吧。 2、疑问：怎么在完成的接口框架加入数据 陈湘怡 过去两天完成了哪些任务 文字/口头描述 学习uni-app组件ing 展示GitHub当日代码/文档签入记录 这两天无代码签入 接下来的计划 修改页面，学习js,vue,学习完善再完善。 还剩下哪些任务 与后端接口连接，完善修改页面。QAQ 燃尽图 遇到了哪些困难 考完马上搞软工，难。 有哪些收获和疑问 1、收获：收获成长。 2、疑问：没啥疑问，都是学的还不够。 林银河 过去两天完成了哪些任务 文字/口头描述

前端框架layui之树结构

由 喜欢而已 提交于 2019-12-05 02:57:55
1.导入插件 layui使用需要导入layui的js和css: <link rel="stylesheet" href="layui/css/layui.css" /> <script src="layui/layui.js"></script> 2.详细介绍 2.1基础参数 1）elem　　类型：String/Object，指向容器选择器。 2）data　　类型：Array，数据源。 3）id　　类型：String，设定实例唯一索引，用于基础方法传参使用。 4）showCheckbox　　类型：Boolean，是否显示复选框。 5）edit　　类型：Boolean/Array。是否开启节点的操作图标，默认 false。若为 true，则默认显示“改删”图标；若为数组，则可自由配置操作图标的显示状态和顺序，目前支持的操作图标有： add 、 update 、 del ，如：edit: ['add', 'update', 'del']。 6）accordion　　类型：Boolean，是否开启手风琴模式，默认 false。 7）onlyIconControl　　类型：Boolean，是否仅允许节点左侧图标控制展开收缩。默认 false（即点击节点本身也可控制）。若为 true，则只能通过节点左侧图标来展开收缩。 8）isJump　　类型：Boolean

jQuery后续和 前端框架Bootstrap

由 心不动则不痛 提交于 2019-12-05 02:55:06
目录 一、jQuery后续 1. 动画效果 （1）自定义点赞动画实例 2. jQuery的自带方法 （1） each （类似for循环） （2） data() （存放隐形的数据） 二、前端框架之Bootstrap 1. CDN 2. Bootstrap中常用的全局CSS样式 （1）栅格系统 （2）表格 （3）表单 （4）按钮 3. Bootstrap中常用的组件 （1）字体图标（也可通过其他网站获取图标） （2）导航条 （3）巨幕 （4）面板 一、jQuery后续 1. 动画效果 // 基本 show([s,[e],[fn]]) hide([s,[e],[fn]]) toggle([s],[e],[fn]) // 滑动 slideDown([s],[e],[fn]) slideUp([s,[e],[fn]]) slideToggle([s],[e],[fn]) // 淡入淡出 fadeIn([s],[e],[fn]) fadeOut([s],[e],[fn]) fadeTo([[s],o,[e],[fn]]) fadeToggle([s,[e],[fn]]) // 自定义（了解即可） animate(p,[s],[e],[fn]) （1）自定义点赞动画实例 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8

前端学习之JavaScript的框架

由 ⅰ亾dé卋堺 提交于 2019-12-05 02:54:29
目的：学习并掌握JS的框架（心得记录和启发） 内容：框架，框架原理，Vue，React，Angular（三大框架）。（未完成，待继续） 学习思路： 1、学习框架之前，应该了解下MVVM的设计思想： MVVM 。 2、框架的基本原理： 框架原理 。 3、Vue。Vue官网是最好的学习资料。对于刚入门的人来说，建议选择 Vue 入手，比较简单，灵活。Vue的官网： Vue 。 4、React。React的官网： React 。 5、Angular。Angular的官网： Angular 。 来源： https://www.cnblogs.com/xinkuiwu/p/11899778.html

第09组 Alpha冲刺（5/6）

由 你。 提交于 2019-12-05 02:54:24
队名：观光队 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 完成服务器连接数据库部分代码 展示GitHub当日代码/文档签入记录 接下来的计划 服务器网络请求，前端完善。 还剩下哪些任务 服务器网络请求，前端完善。 燃尽图 遇到了哪些困难 1、服务器网络请求。 2、vue使用。 有哪些收获和疑问 1、收获：无。 2、疑问：vue使用。 陈超颖 过去两天完成了哪些任务 文字/口头描述 博客撰写 展示GitHub当日代码/文档签入记录 接下来的计划 与前端、数据库连接，完善接口 还剩下哪些任务 与前端、数据库连接，完善接口 燃尽图 遇到了哪些困难 怎么在完成的接口框架加入数据 有哪些收获和疑问 1、收获：emmm...硬要说的话就是通过看团队数据库的代码，对数据库有更深的了解吧。 2、疑问：怎么在完成的接口框架加入数据 陈湘怡 过去两天完成了哪些任务 文字/口头描述 学习uni-app组件ing 展示GitHub当日代码/文档签入记录 这两天无代码签入 接下来的计划 修改页面，学习js,vue,学习完善再完善。 还剩下哪些任务 与后端接口连接，完善修改页面。QAQ 燃尽图 遇到了哪些困难 考完马上搞软工，难。 有哪些收获和疑问 1、收获：收获成长。 2、疑问：没啥疑问，都是学的还不够。 林银河 过去两天完成了哪些任务 文字/口头描述

前端Vue框架

由 自闭症网瘾萝莉.ら 提交于 2019-12-05 02:42:33
Vue(读音 /vjuː/，类似于 view) Vue.js,是JavaScript渐进式框架. Vue基于react开发, React是facebook独立开发的JS MVC框架. 区别: 在前端框架中vue有很大一部分占比, 相比较与bootstrap, vue在某些方面有更大的优势. 在学习前端的过程中vue是绕不开的选择. 相对BootStrap Vue具备完整全面的体系. 而BootStrap更适合后端向前端快速开发. 来源： https://www.cnblogs.com/jrri/p/11898954.html

Angular前端开源框架

由 落爺英雄遲暮 提交于 2019-12-05 02:33:55
1. 项目框架介绍 本项目采用了开源项目ngx-admin作为脚手架。基于Angular 8 +，Bootstrap 4+和 Nebular ，ngx-admin是最受欢迎的后台管理模板，是用于个人和商业的免费开放源代码，开源地址为： http://akveo.com/ngx-admin/pages/dashboard 。进入该项目首页，如下图所示。 诸如Bootstrap之类的框架提供了许多组件，但通常不足以构建实际的应用程序。该模板带有许多具有统一配色方案的流行UI组件，此外它是基于现代Angular框架，并具有基于组件的灵活结构。因此，本文介绍的项目还包括ng2-smart-table、primeng等组件。Angular能够更好地管理组件依赖关系，伸缩性较强，适合大型项目前端的开发。 2. 开发环境 2.1 需要安装以下工具: Node.js的- https://nodejs.org 。请注意版本应> = 8 下载最新版本的node，安装node.js。安装完成后记得配置系统环境变量。 npm : node.js程序包管理器，随node.js一起安装。请确保npm的版本为>= 5 使用npm -v命令查看版本。 安装好@angular/cli的依赖环境之后，开始安装@angular/cli 安装命令： npm i -g @angular/cli 查看版本命令：ng -
订阅 前端框架