Sleeve sword-CSDN博客

原创移动端网页的基础制作

移动端不同于pc端，移动端的设备众多，不能将长宽高写为固定的宽高，那样的话在不同长宽高比的移动设备上就会显示差距较大，在移动端网页布局的显示不能追求完全的一致，只能是差距不大即可，这是有移动设备的种类繁多决定的。比较好的布局原则是留白固定，宽高不可固定。Viewport：手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的

2020-10-14 21:27:36 748

原创 JavaScript 阿贾克斯

Ajax技术的核心是XMLHttpRequest对象用于在后台与服务器交换数据ajax 异步请求主要用来请求数据远程地址或者本地地址传统的web交互是用户触发一个http请求服务器然后服务器收到之后做出响应到用户哪怕是一个很小的交互都会返回一个完整的HTML页面而且用户每次都要浪费时间和带宽去重新读取整个页面ajax是一种用于创建快速动态网页的技术通过在后天与服务器进行少量数据交换使页面实现异步更新这意味着可以在不重新加载整个页面的情况下对网页的某部分进行更新同步请求是等待

2020-10-06 21:16:50 1347

原创 jquery-创建元素和添加子元素

一、创建新元素1、使用$函数创建新元素var $newElement=$('<div><p>段落</p></div>');//创建元素,返回jQuery对象说明：1）创建的新元素不会自动的把新元素插入到页面中，我们还需要明确的指定其插入到页面中的位置（比如使用append方法，指定　　其插入位置为某个元素的最后一个子元素）　　2）返回的jQuery对象中只包含html片段最顶层（外层）的元素，对于后代元素我们可以像处理页面中已有元素一样，使用

2020-10-05 15:17:37 6202

原创 jQuery中下拉动画slideDown

对于隐藏的元素，在将其显示出来的过程中，可以对其进行一些变化的动画效果。之前学过了show方法，show方法在显示的过程中也可以有动画，但是.show()方法将会匹配元素的宽度，高度，以及不透明度，同时进行动画操作。这里将要学习一个新的显示方法slideDown方法.slideDown()：用滑动动画显示一个匹配元素.slideDown()方法将给匹配元素的高度的动画，这会导致页面的下面部分滑下去，弥补了显示的方式常见的操作，提供一个动画是时间，然后传递一个回调，用于知道动画是什么时候结束.slid

2020-09-30 21:19:00 696

原创 jQuery基础知识总结

1、什么是JQuery？它是js的一个框架，它是开源的项目。对底层的js进行封装，我们通过js框架就可以快速的完成DOM对元素的增删改查操作，并提供了动画功能。jquery对外提供api让开发者去开发jquery插件（就是一个功能模块，用户只要做一些简单的配置就完成复杂的功能）。jquery目前是比较流行的一个JQuery框架。（宗旨：写得少，做的多）。2、JQuery特点:轻量级强大的选择器出色的DOM封装可靠的事件处理机制完善的Ajax出色的浏览器兼容性丰富的插件支持完

2020-09-29 20:31:24 101

原创 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 672

原创 BOM常见操作之常见弹窗语法

①警告窗window.alert('我是警告窗');【注】以弹出的形式，出现；现在很少用②输入窗window.prompt('我是输入窗');【注】以字符串的形式存储在输入框输入的数据信息；如果是数值必须转换成数值类型，在运算③确认窗window.cinfirm('我是确认框');【注】返回值，是boolean值，确定----->true；取消------->false；...

2020-09-18 20:44:17 202

原创 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 85

原创 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 497

原创 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 7135

原创据学生的考试成绩，计算最高分、最低分、平均分和标准差。

2020-09-12 18:47:50 3488

原创 JS关于哥德巴赫猜想

2020-09-11 18:39:11 176

原创 js函数定义和使用

js函数的声明函数是一段可以反复调用的代码块。JavaScript声明一个函数可用两种方法。第一种方法使用function命令。function命令后面是函数名，函数名后面是一对圆括号，里面是传入函数的参数。函数体放在大括号里面，大括号后面不用加分号。function print(s){ console.log(s);}上面的代码命名了一个print函数，以后使用print()这种形式，就可以调用相应的代码。第二种采用变量赋值的写法。var print = functi

2020-09-10 13:54:27 220

转载 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 531

转载 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 113

转载 JavaScript（JS）的简单使用

一、JavaScript的简单介绍JavaScript是一种属于网络的脚本语言（简称JS）,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。JavaScript代码常存在于HTML文档中，被script标签所包

2020-09-05 20:07:59 200

转载 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 226

转载 css浮动 float属性详解

css浮动 float属性详解一、什么是浮动？浮动，顾名思义，就是漂浮的意思。指的是一个元素脱离文档流，悬浮在父元素之上的现象。二、如何产生浮动？给元素本身添加float属性float值：left元素向左浮动。right元素向右浮动。inherit规定应该从父元素继承 float 属性的值。none默认值。元素不浮动，并会显示在其在文本中出现的位置。三、浮动有什么作用？作用：在html文档流中，分为行元素、块元素和行内块元素，行元素和行内块元素都是

2020-08-28 20:41:35 672

转载 css选择器及举例

css选择器及举例

2020-08-27 14:35:23 195

转载 css 盒子模型理解

css 盒子模型理解一、css盒子模型概念CSS css盒子模型又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：图中最内部的框是元素的实际内容，也就是元素框，紧挨着元素框外部的是内边距padding，其次是边框（border），然后最外层是外边距（margin），整个构成了框模型。通常我们设置的背景显示区域，就是内容、内边距、边框这一块范围。而外边距margin是透明的，不会遮挡周边的其他

2020-08-26 20:38:33 297

转载 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 697

转载 HTML表格代码

表格代码<table></tabie>< table width（表格宽度。可以用像素或百分比表示。）="" height=""（行高） border=""（边框）cellpadding=""（内容跟单元格边框的边距。）cellspacing=""(单元格之间的间距。)align=""（对齐方式。）bgcolor=""（背景色）background=""（背景图片。）><tr（行） align=""（一行的内容的水平对齐方式）valign（一行的内容的垂平对齐.

2020-08-24 20:02:45 13995

原创 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 181

m0_50266751的博客