全栈前端
java开发中涉及前端的部分
牛奶味的辣椒水
交流群:119802667,旨在共同进步,欢迎打扰!!!
展开
-
jQuery
jQuery① 概念jQuery是一个javascript的框架,是对javascript的一种封装。 使用前一定要引入外部的jquery.js文件<script src="./js/jquery3.4.1.js" type="text/javascript" charset="utf-8"></script>注意:路径问题② 理解 $(function(){})$(function(){}); 表示文档加载。其实是由下面两种构成: $(); 和 functi原创 2020-09-07 10:21:27 · 262 阅读 · 0 评论 -
Template-Web基本概念
art-template模板渲染HTML该方法的核心思想就是将json数据传入按照art-template模板编写模板中去。1> 引入js文件 <script src="./js/template-web.js" type="text/javascript" charset="utf-8"></script>2> 准备json对象 例如: var obj1 = {teams:[]}; 要求:后台服务器fastjson帮助我们将需要展示的数据原创 2020-08-31 10:51:20 · 760 阅读 · 0 评论 -
AJAX基本概念
1> 概念 通过AJAX Asynchronous JavaScript And XML 实现异步刷新2> 案例:检测用户名是否存在<span>输入账号 :</span><input id="uname" name="uname" onkeyup="check()" type="text"> <span id="checkResult"></span> //使用AJAX 通过无刷新验证账号是否存在 var x原创 2020-08-31 10:50:49 · 133 阅读 · 0 评论 -
DOM基本概念
获取元素节点var 变量名=document.getElementById("id的属性值");...var 变量名=document.querySelector("选择器");var 数组名=document.querySelectorAll("选择器");元素上的属性 <div id="d1">hello HTML DOM</div> 元素上的属性,比如id,value 可以通过 . 直接访问 如果是自定义属性,那么可以通过如下两种.原创 2020-08-31 10:50:18 · 303 阅读 · 0 评论 -
BOM基本概念
BOM即 浏览器对象模型(Browser Object Model)浏览器对象包括Window(窗口) // 浏览器窗口的高度和宽度:(不包括工具栏/滚动条) var w=window.innerWidth; var h=window.innerHeight; console.info(w+","+h); var w2=window.outerWidth; var h2=window.outerHeight; console.info(w2+","+h2);.原创 2020-08-31 10:49:49 · 293 阅读 · 0 评论 -
JSON基本概念
1> 概念 JSON JavaScript 对象表示法(JavaScript Object Notation) 是一种存储数据的方式。2> 创建JSON对象 var user = {"uname":"admin","upwd":123456}; 这样就创建了一个JSON 对象 JSON对象由 名称/值对组成 名称和值之间用冒号:隔开 名称必须用双引号" 包含起来 值可以是任意javascript数据类型,字符串,布尔,数字 ,数组甚至是对象 不同的名称/原创 2020-08-31 10:48:41 · 152 阅读 · 0 评论 -
JavaScript基本概念
1> 定义变量 var 变量名=值;2> 数据类型 字符串(string) 数字(number) 布尔(boolean) 数组(array) var a1=new Array(5); //5length var a2=new Array(1,2,3,4); var a3=[1,2,3,4]; 对象(object) var dog={name:'土狗',age:2}; 空(null) 未定义(undefined)3> typeof 关键字原创 2020-08-31 10:47:56 · 86 阅读 · 0 评论 -
CSS基本概念
1> CSS网页布局: 1.固定布局 2.流动布局 (是百分百布局) 3.弹性布局(可用于移动APP开发)2> 定位 1.相对定位(占位置) 2.绝对定位(不占位置) 3.固定定位 (不占位置) 4.使用弹性盒子,让子元素绝对居中很好用 相对定位和绝对定位使用较多, 并且两者可以混合使用, 一般是将绝对定位套进相对定位中使用, 即给父元素使用相对定位,给子元素使用绝对定位。3> 悬停伪类 用属性:原创 2020-08-31 10:47:13 · 279 阅读 · 0 评论 -
HTML基本概念
1> HTML概念 HTML是Hyper Text Markup Language 超文本标记语言 的缩写 HTML是由一套标记标签 (markup tag)组成,通常就叫标签 标签由开始标签和结束标签组成 <p> 这是一个开始标签 </p> 这是一个结束标签 <p> Hello World </p> 标签之间的文本叫做内容2> 中文乱码问题可以在浏览器上设置编码方式为utf-8 <hea原创 2020-08-31 10:44:17 · 1041 阅读 · 0 评论