文章路径: 全部 / 叶飞 / 源栈培训:ASP.NET全栈开发 / Web前端 / Bootstrap和JQuery /

CSS框架Bootstrap,和JavaScript的JQuery类库(含Ajax)


更多
2020年07月12日 13点50分 作者:叶飞 修改

Bootstrap.js:引入/Modal/

JS插件 引入bootstrap.js(基于jquery)复习:压缩.min 和 CDN第一个例子:Modaldata-js方法:modal()和option事件总结:(其他演示,略) dropdown和select的区别 ……

bootstrap.js 插件
2020年02月22日 13点32分 作者:叶飞 修改

JQuery:Ajax

JQuery实现$(selector).load():将结果直接填充到DOM元素注意:异步和callback。比较这两种写法的区别:alert('加载开始!');$('div').load("/WebApi/GetLatestChats", function (data) {alert('加载中……');});alert('加载结束!');三个常用的Ajax回调函数参数:responseText, textStatus, jqXHR(XmlHttpRequest)console.log('response ……

ASP.NET MVC Ajax
2021年01月25日 08点08分 作者:叶飞 修改

JQuery:客户端验证:validate和unobtrusive

form表单中JavaScript参与最多的一个功能就像验证,比如:某个文本框不能为空(必须填写)填写的内容必须是email格式甚至两个文本框中输入的内容必须相同,等等演示:注册页面的验证 注意:前端没有安全性可言,服务器端必须再次独立验证!@想一想@:那为什么还需要前端验证呢?性能优化:不需要“浪费”一次向服务器端的请求更快的响应速度:JavaScript直接在页面执行更好的用户体验:没有页面刷新的闪烁jquery.validate.jsjquery.validate.js(以下简称validate)是 ……

JQuery 验证 ASP.NET
2020年07月17日 16点03分 作者:叶飞 修改

JQuery:表单/

表单简写:<inputType> / :submit / :text ……prop()以及val()文本:text 和 textarea选择:check 和 radio下拉列表:select常用:取值赋值:选中只读/禁用JQuery效果hide()/show()/toggle() 淡入淡出:fade...() 滑动:slide 自定义动画:animiate 其他方法 静态:$.trim()/$.isNumeric()/…….data(name):取属性中data-name的值noConflic ……

Jquery Ajax 表单
2019年05月14日 09点08分 作者:叶飞 修改

JQuery:引入 / $对象 / 选择器 / 属性修改 / 事件

简介:为什么还要学JQuery?引入JQuery在VS中新建ASP.NET项目都会自带jquery类库(演示),也可以使用jquery的CDN复习: jquery.min.js 和 jquery.min.map什么是CDN 引入时注意顺序,首先是JQuery,然后才是基于JQuery的第三方插件(比如:jquery.validate.js)第一印象$(document).ready(function () { // 起手式$("p").click(function () { ……

源栈 JavaScript JQuery
2019年03月12日 13点37分 作者:叶飞 修改

Bootstrap:全局样式和组件

中文文档:https://v4.bootcss.com/CDN(Content Delivery Network)把(静态)内容发布在多个网络节点,每个节点都有一个副本,让用户可以“就近(快)”的访问到所需内容,降低单个主机负荷。 ……

源栈培训 前端 CSS bootstrap
2019年03月05日 09点00分 作者:叶飞 修改

Bootstrap:样式:颜色/字体/文本/背景/列表/表格……

样式 背景:background:color/image文本:text-align/text-indent/word-spacing/text-decoration/white-space字体:font(像素px,设置%时基数都是其父元素)链接:link/hover/active/visited列表:list-style表格:table/th/td (注意:tr不起作用)轮廓:outline//TODO:图片缩放 CSS这样的代码img {width: 100%;height: auto;}不会减少流量- ……

源栈培训 前端 CSS

Web前端


HTML和CSS

HTML最常用的标签和属性,含HTML5的语义标签和新属性,但不包含需要JavaScript操作的HTML5 API,以及CSS基础(简述CSS 3动画相关),以及bootstrap.js以外的Bootstrap的内容。

Javascript入门

Javascript的基本语法:为能使用JQuery和Bootstrap.js的使用打下基础

ES进阶

借助于ES6,讲解JavaScript中一些更复杂的语法特性,如作用域、闭包、面向对象、原型链、this变化、module等

Bootstrap和JQuery

CSS框架Bootstrap,和JavaScript的JQuery类库(含Ajax)

Vue.js

全部
关键字



帮助

反馈