笔记
关注
分享
扫一扫
Sleeve sword
这个作者很懒，什么都没留下…
展开
-
移动端网页的基础制作
移动端不同于pc端，移动端的设备众多，不能将长宽高写为固定的宽高，那样的话在不同长宽高比的移动设备上就会显示差距较大，在移动端网页布局的显示不能追求完全的一致，只能是差距不大即可，这是有移动设备的种类繁多决定的。比较好的布局原则是留白固定，宽高不可固定。Viewport：手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的原创 2020-10-14 21:27:36 · 814 阅读 · 0 评论 -
JavaScript 阿贾克斯
Ajax技术的核心是XMLHttpRequest对象 用于在后台与服务器交换数据ajax 异步请求 主要用来请求数据远程地址或者本地地址传统的web交互是用户触发一个http请求服务器 然后服务器收到之后 做出响应到用户 哪怕是一个很小的交互 都会返回一个完整的HTML页面 而且用户每次都要浪费时间和带宽去重新读取整个页面ajax是一种用于创建快速动态网页的技术 通过在后天与服务器进行少量数据交换 使页面实现异步更新 这意味着可以在不重新加载整个页面的情况下 对网页的某部分进行更新同步请求 是等待原创 2020-10-06 21:16:50 · 1433 阅读 · 0 评论 -
jquery-创建元素和添加子元素
一、创建新元素1、使用$函数创建新元素var $newElement=$('<div><p>段落</p></div>');//创建元素,返回jQuery对象说明：1）创建的新元素不会自动的把新元素插入到页面中，我们还需要明确的指定其插入到页面中的位置（比如使用append方法，指定 其插入位置为某个元素的最后一个子元素） 2）返回的jQuery对象中只包含html片段最顶层（外层）的元素，对于后代元素我们可以像处理页面中已有元素一样，使用原创 2020-10-05 15:17:37 · 6359 阅读 · 0 评论 -
jQuery中下拉动画slideDown
对于隐藏的元素，在将其显示出来的过程中，可以对其进行一些变化的动画效果。之前学过了show方法，show方法在显示的过程中也可以有动画，但是.show()方法将会匹配元素的宽度，高度，以及不透明度，同时进行动画操作。这里将要学习一个新的显示方法slideDown方法.slideDown()：用滑动动画显示一个匹配元素.slideDown()方法将给匹配元素的高度的动画，这会导致页面的下面部分滑下去，弥补了显示的方式常见的操作，提供一个动画是时间，然后传递一个回调，用于知道动画是什么时候结束.slid原创 2020-09-30 21:19:00 · 776 阅读 · 0 评论 -
jQuery基础知识总结
1、什么是JQuery？它是js的一个框架，它是开源的项目。对底层的js进行封装，我们通过js框架就可以快速的完成DOM对元素的增删改查操作，并提供了动画功能。jquery对外提供api让开发者去开发jquery插件（就是一个功能模块，用户只要做一些简单的配置就完成复杂的功能）。jquery目前是比较流行的一个JQuery框架。（宗旨：写得少，做的多）。2、JQuery特点:轻量级强大的选择器出色的DOM封装可靠的事件处理机制完善的Ajax出色的浏览器兼容性丰富的插件支持完原创 2020-09-29 20:31:24 · 136 阅读 · 0 评论 -
JS中cookie的用法
一. js给cookie 设值 function setCookie(){ //（1）cookie有效期1天，可自行设置 var days = 1；//设置cookie保存一天 var exp = new Date();//获取当前时间 exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000)；//换成毫秒 document.cookie =原创 2020-09-21 15:29:34 · 749 阅读 · 0 评论 -
BOM常见操作之常见弹窗语法
①警告窗window.alert('我是警告窗');【注】以弹出的形式，出现；现在很少用②输入窗window.prompt('我是输入窗');【注】以字符串的形式存储在输入框输入的数据信息；如果是数值必须转换成数值类型，在运算③确认窗window.cinfirm('我是确认框');【注】返回值，是boolean值，确定----->true；取消------->false；...原创 2020-09-18 20:44:17 · 251 阅读 · 0 评论 -
JS-Dom概念
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><script>window.onload = function() { var oUl = document.getElementById('ul1'); /*元素.ch原创 2020-09-17 15:16:32 · 123 阅读 · 0 评论 -
js鼠标移动事件案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style type="text/css">*{ margin:0; padding: 0;}#two{ background-color: black; positio原创 2020-09-16 20:12:08 · 548 阅读 · 0 评论 -
JS中简单的点击事件
一.点击后弹出事件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p id="p1" onclick="fun()">单击事件测试</p> </body> <script type="text/javascript">原创 2020-09-14 20:44:54 · 7252 阅读 · 0 评论 -
据学生的考试成绩，计算最高分、最低分、平均分和标准差。
<script type="text/javascript"> var classScore = [82, 56, 87, 96, 85, 74, 23, 56, 59, 85, 78, 74, 29, 98, 100, 46, 42, 85, 69]; var getSum=0; var getMax = 0; var getMin = 100; var average = 0; var getSqrt=0; var sums=0; for(va原创 2020-09-12 18:47:50 · 3670 阅读 · 0 评论 -
js函数定义和使用
js函数的声明函数是一段可以反复调用的代码块。JavaScript声明一个函数可用两种方法。第一种方法使用function命令。function命令后面是函数名，函数名后面是一对圆括号，里面是传入函数的参数。函数体放在大括号里面，大括号后面不用加分号。function print(s){ console.log(s);}上面的代码命名了一个print函数，以后使用print()这种形式，就可以调用相应的代码。第二种采用变量赋值的写法。var print = functi原创 2020-09-10 13:54:27 · 271 阅读 · 0 评论 -
js中的四种for循环
简单for 循环—循环代码块一定的次数先来看一下常见写法：const arr = [1, 2, 3];for(let i = 0; i < arr.length; i++) { console.log(arr[i]);}如果数组长度在循环过程中不会改变，将数组长度用变量存储起来会获得更好的效率，改进后的写法：const arr = [1, 2, 3];for(let i = 0, len = arr.length; i < len; i++) { console.转载 2020-09-08 15:20:47 · 613 阅读 · 0 评论 -
js中的循环语句
js中的循环语句可分为三种：1.while；2.do……while；3.for。while的语法为while (exp) {//statements;}var a=1,b=0; while(a<=1000){ if(a%2==0){ if(b%20==0) { document.write("<br>第"+parseInt(b/20+1)+"行转载 2020-09-07 15:32:27 · 139 阅读 · 0 评论 -
JavaScript（JS）的简单使用
一、JavaScript的简单介绍JavaScript是一种属于网络的脚本语言（简称JS）,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。JavaScript代码常存在于HTML文档中，被script标签所包转载 2020-09-05 20:07:59 · 257 阅读 · 0 评论 -
JavaScript编程基础
一、1 .JavaScript基础语法注释：1.单行注释：//单行注释多行注释：/**较长的多行*注释*/最好是针对某个功能来写注释语句在JavaScript中，语句一般以分号结尾，每条语句独占一行来写代码；不写分号也不会报错，但是代码压缩时可能会有问题，建议加上分号。let i = 10;console.log(i);//10可以使用C语言风格一对大括号将多条语句组合到一个代码块里。{let i = 10;console.log(i);//10}标识符转载 2020-09-04 19:24:43 · 282 阅读 · 0 评论 -
css浮动 float属性详解
css浮动 float属性详解一、什么是浮动？浮动，顾名思义，就是漂浮的意思。指的是一个元素脱离文档流，悬浮在父元素之上的现象。二、如何产生浮动？给元素本身添加float属性float值：left元素向左浮动。right元素向右浮动。inherit规定应该从父元素继承 float 属性的值。none默认值。元素不浮动，并会显示在其在文本中出现的位置。三、浮动有什么作用？作用：在html文档流中，分为行元素、块元素和行内块元素，行元素和行内块元素都是转载 2020-08-28 20:41:35 · 710 阅读 · 0 评论 -
css选择器及举例
css选择器及举例转载 2020-08-27 14:35:23 · 243 阅读 · 0 评论 -
css 盒子模型理解
css 盒子模型理解一、css盒子模型概念CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：图中最内部的框是元素的实际内容，也就是元素框，紧挨着元素框外部的是内边距padding，其次是边框（border），然后最外层是外边距（margin），整个构成了框模型。通常我们设置的背景显示区域，就是内容、内边距、边框这一块范围。而外边距margin是透明的，不会遮挡周边的其他转载 2020-08-26 20:38:33 · 347 阅读 · 0 评论 -
css的基础用法之标签选择
一.css的四种引入方式#1、内联式<p style="color: red;font-size: 50px;text-align: center">Egon是一个非常了不起的人</p>#2、嵌入式<head> <style> p { color: red; font-size: 50px; text-align: center }转载 2020-08-25 19:51:20 · 837 阅读 · 0 评论 -
HTML表格代码
表格代码<table></tabie>< table width（表格宽度。可以用像素或百分比表示。）="" height=""（行高） border=""（边框）cellpadding=""（内容跟单元格边框的边距。）cellspacing=""(单元格之间的间距。)align=""（对齐方式。）bgcolor=""（背景色）background=""（背景图片。）><tr（行） align=""（一行的内容的水平对齐方式）valign（一行的内容的垂平对齐.转载 2020-08-24 20:02:45 · 14201 阅读 · 0 评论 -
html行内元素、块级元素和行内块元素的区别
1、行内元素大致有b, big, i, small, tt，abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var，a, bdo, br, img, map, object, q, script, span, sub, sup, input, label, select, textarea（粗体为较为常用）2、块级元素有div、p、dl,dt,dd,nav、aside、header、footer、section、article、ul-li、ad原创 2020-08-23 15:35:57 · 222 阅读 · 0 评论 -
单标签和双标签的区别
定义单标签：由一个标签组成。例如<hr/>双标签：由“开始标签”和“结束标签”两部分构成。例如<p></p><p>是开始标签，表示一个段落的开始。</p>是结束标签，表示一个段落的结束。HTML单标签和双标签总汇表...原创 2020-08-23 15:26:05 · 463 阅读 · 0 评论 -
GET和POST的区别
GET和POST的区别GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark，而POST不可以。GET请求会被浏览器主动cache，而POST不会，除非手动设置。GET请求只能进行url编码，而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。GET请求在URL中传送的参数是有长度限制的，而POST么有。对参数的数据类型，GET只接受ASCII字符，而POST没有限制。原创 2020-08-23 15:03:30 · 100 阅读 · 0 评论 -
笔记
原创 2020-08-22 18:27:38 · 86 阅读 · 0 评论