xuxunjy-CSDN博客

原创移动端开发

在PC端，屏幕1200两端留白在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备一． Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小：document.documentElement.clientWidth移动设备上

2020-10-14 19:59:46 130

原创 jQuery是什么

基础知识jQuery是js库，能够帮助我们轻松实现一些原本比较麻烦的功能jquery每个版本分为两个小版本：压缩版与未压缩版，压缩版文件较小但是没有排版和注释，不方便阅读，未压缩版文件较大，有排版和注释，方便阅读jQuery实际上就是一个js文件，加载到页面就可以直接使用可以通过 CDN(content Distrubute net)来引用jQuery基本语法选择器基本选择器1.id选择器 $("#idName")2.类选择器 $(“className”)3.元素选择器$(“TagN

2020-10-06 15:18:08 1296

原创 vue基础语法

<div id="app"> <h2>{{message}}</h2> <h2>{{message}},李银河</h2> <h2>{{firstName+' '+lastName}}</h2>//Mustache中不仅可以写变量，也可以写表达式 <h2>{{num*2}}</h2> </d..

2020-10-05 21:18:25 117

原创 jquery的一些基础事件方法

常用的jQuery事件方法(1)（document）.ready()（document）.ready()（document）.ready()（document）.ready()允许我们在文档完全加载完后执行函数等价于 $（function（）{}）（2）click（）click（）方法当按钮点击事件被触发的时候会调用一个函数该函数在用户点击HTML元素的时候执行（3）blur（）失去焦点时触发，一般input输入框，当光标离开（失去焦点）就会触发（4）hover（）鼠标悬停在元素上面触发效果显示（sh

2020-09-30 20:36:48 517

原创 ES6中的箭头函数

2020-09-29 20:18:05 54

原创如何使用JS来实现抽取幸运观众

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #title {

2020-09-21 19:39:09 523

原创使用JS实现添加删除功能

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #tb{ margin: 200px auto; text-align: center; width: 300px; background-color: darkgoldenrod

2020-09-18 19:58:30 1067 2

原创 js实现轮播图

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ width: 700px; height: 500px; } </style> </head> <body> <h1 id="h"&gt

2020-09-17 18:47:39 67

原创 JS事件

event.targetevent中的target表示的是触发事件的对象addEventListener()// -通过这个方法也可以给元素绑定响应函数;// -参数:// 1.事件的字符串,不要on// 2.回调函数,当事件被触发时该函数会被调用// 3.是否在捕获阶段触发事件,需要一个布尔值,一般都为false// 使用addEventListener()可以同时为同一个元素的相同事件绑定多个响应函数,// 这样当事件被触发时,响应函数将会将会按照绑定的顺序执行事件的

2020-09-16 18:36:48 168

原创 DOM方法

获取当前元素的子节点通过具体的元素节点调用元素不包括字符，节点包括空格和字符元素是标签之类的， 1.getElementsByTagName() -方法，返回当前节点的指定标签名后代节点 2.childNodes -属性，表示当前节点的所有子节点 3.firstChild -属性，表示当前节点的第一个子节点 4.lastChild -属性，表示当前节点的最后一个子节点 5.children 属性可以获取当前元素的所有子元素 6.firstEle

2020-09-14 15:15:39 227

原创 JS修改css样式

通过JS修改css样式语法：元素.style.样式名=“样式值”；注意，如果在CSS中的样式名中含有 - ；这种名称在JS中是不合法的，比如background-color；需要将这总命名改为驼峰命名法：backgroundColor我们通过style设置的都是内联样式，而内联样式优先级比较高，所以通过JS代码修改的样式往往会立即显现但是如果在样式中写了！important，则此时样式会有一个最高的优先级，即使通过JS也不能覆盖样式，此时会导致JS的样式修改失效所以尽量

2020-09-12 20:47:05 585

原创 JS中的this

this关键字解析器在调用函数每次都会向函数内部传递一个隐含的参数，·这个隐含的参数就是this，this指向的是一个对象这个对象我们称之为上下文对象根据函数的调用方式的不同，this指向的对象也不同 1.以函数的形式被调用时，this永远指向的都是window 2.以方法的形式被调用时，this指向的是调用方法的那个对象 3.以构造函数的形式调用时，this是新建的那个对象 4.使用call和apply调用时，this是指定的那个对象构造函数构造函数就是一个普通函数，创

2020-09-11 18:34:27 76

原创 JS中的DOM

DOM（document object model）文档对象模型js中通过dom来对HTML文档进行操作。只要理解了DOM就可以随心所欲操作web网页-文档文档表示的就是整个HTML页面、对象对象表示将网页中的每一部分转换成对象模型使用模型来表示对象之间的关系，这样方便我们获取对象节点节点node，是构成我们网页的最基本的组成部分，网页中每一个部分都可以称为是一个节点比如：html标签，属性，文本，注释，整个文档等都是一个节点虽然都是节点，但是实际上他们

2020-09-10 18:50:47 127

原创 java script 中的数组与原型对象

数组（array）·数组也是一个对象·它和我们普通对象功能有些类似，也是用来储存一些值的·不同的是普通对象用字符串作为属性名，·而数组使用数字作为索引操作元素·索引从0开始的整数就是索引· 数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据var arr=new array ( );创建一个数组arr[0]=123;console.log(arr.length);输出arr [ ]数值的长度arr[length]=123;向arr数组的最后面一位添加值

2020-09-08 15:31:27 585

原创 JS中的函数与方法

函数function函数也是一个对象，函数中可以封装一些功能代码，在需要的时候可以调用执行这些代码使用typeof检查一个函数对象是，返回的是function创建一个函数对象的第一种方法var fun= Function();第二种方法使用函数声明来创建一个函数对象function fun(形参1，形参2){语句}封装到函数中的代码不会立即执行，而是调用的时候执行。调用函数语法：函数对象名() 例如：fun()创建一个匿名函数function(){}可以在函数的（）中指定一个

2020-09-07 15:14:42 346

原创 javaScript中的对象

如何访问对象对象.属性名注意：创建对象时，属性用逗号隔开，而不是分号；对象的分类：内建对象 -由ES标准中定义的对象，在任何的ES的实现中都可以使用 -比如： math String Number boolean function object。。。。。2.宿主对象 -由JS运行环境提供的对象，目前主要指浏览器提供的对象 -比如BOM,DOM3.自定义对象 -由开发人员自定义的对象。创建对象使用new关键字创建的函数叫构造函数(constru

2020-09-05 15:24:12 92

原创 java Script基础和运算符

初识javascript一个完整的javascript包括以下三部分1.ECMAscript2.DOM,通过js操控网页3.BOM，通过js操控浏览器JS的特点1.JS是一种解释型语言2.类似c和java的语法结构3.动态语言-指的是他的变量可以保存任意类型的值4.基于原型的面向对象js的基本语句<!-- 可以将js代码写到onclick中当我们点击按钮时，js代码才会执行虽然可以将js代码写在超链接的href属性中，这样当点击超链接时会执行js代码虽然可

2020-09-04 18:48:29 331

原创 css布局

4.布局4.1文档流所谓文档流就是按照元素的顺序从左到右，由上而下的方式排列4.2定位默认的文档流很多时候不能满足我们的要求，那么我们就需要更多的、更丰富的布局手段，这个时候就需要定位了定位方式有static、fixed、relative、absoluteStatic静态定位（默认）无定位，元素正常出现在流（文档流）中不受left，right，top，bottom的影响Relative相对定位absolute绝对定位Fixed固定定位z-index为了处理样式重叠事件，我们需要用

2020-08-28 15:34:08 79

原创 css选择器和jscript基本知识

选择器1.元素选择器用标签来作为选择器，选中所有相应元素2.类选择器根据class的属性来选择元素，样式定义为Classname（xxxxxxxx）3.id选择器根据id名来选择元素，样式定义为#id(xxxxxx属性选择器关系选择器E F:选择E元素后代F（所有后代，包括子类，孙类）E>F：选择E元素的直接后代元素（也就是子类）E+F：选择E元素的第一个弟弟FE~F：选择E元素的所有弟弟元素F并选择器将同样的样式放在一起，类名直接用逗号隔开通配符选择器通配符选择

2020-08-27 14:44:32 177

原创 css背景相关属性和盒子

Css颜色RGB(red greed bule)（0.0.256）#0010ffCss中的颜色表示方式预定义颜色：bule。Red。black16进制颜色：#0f0f0fRGB颜色（128.0.0）全红RGBA在RGB的基础上又添加了表示透明度的alphaHSL：用色调，饱和度，和透明度三个分量来表示颜色HSL：在HSL的基础上又增加了表示透明度的alpha <p style="color: aqua;">直接定义颜色，预定义颜色</p> <p

2020-08-26 14:28:49 454

原创 css的基本标签与概念

Css的基本概念Casccading style sheet 层叠样式表选择器标签<p <div之类的标签使用方式：直接输入标签名类（class）：class名字使用方式：输入点+class名Id：id名使用方式：输入#+id名一帮来说我们写css文件的时候用的都是第二种选择器，class名给这是应为id名一般被作为js的选择器给class命名也是有规范的，像xxx-xxxx这样做的好处

2020-08-25 14:21:40 502

原创 HTML中的div和span标签

divdiv 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 div 固有的唯一格式表现。可以对同一个div 元素应用 class 或 id 属性来添加额外的样式，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。span之前有个项目需要对文字实现局部点击；实现时用到了Span,感觉很有意思，所以记录一下。Span主要用于TextView中内容的显示，可以控制内容的大小，

2020-08-24 19:58:54 289

原创块级元素，行内块级元素，行内元素的区别

行内元素行内元素不会自己占据一行，从左至右排列，并且设置不了宽高，行内块级元素行内块级元素也不会自己占据一行，但是可以设置其长宽，具有行内元素和块级元素的特征，是最为常用的。块级元素自己占据一行...

2020-08-23 16:52:24 81

原创 HTML单标签和双标签

HTML中有一些标签只有一部分，但有一些却有两部分，他们之间有什么区别呢？单标签<br>;<img><hr><input><mate>待补充双标签<html></html><head></head><body></body>等等非常多的标签。那么他们之间有什么区别呢？首先单目只有一部分，而双目有开始部分和结束部分两部分组成。然后他们的结束也有不同。单标签

2020-08-23 15:28:39 675 1

原创 get和post的区别

get和post的区别**get和post是HTML中重要的一环那么他们之间有什么区别呢？？getpost长度有要求，不可以超过浏览器的URL长度对长度没有要求后退不会被刷新后退会被刷新（浏览器应会提醒用户）相比post安全性较差比get更安全因为是在URL中，所以响更快响应较get更慢-可以被缓存或收藏为书签--不可被缓存或收藏-安全性很差直接显示在URL地址中比get更加安全直接在URL中传递参数通过request body传递参

2020-08-23 15:06:49 112 1

原创初学web

初学webweb的基本概念**web可以做什么：**网页，公众号，动画等等**URL:**统一资源定位器,网络资源的定位（ID）网络资源的地址**h5：**包括html，css，jsp等等**服务器：**一台性能（内存大，运行快）强悍的电脑，安装提供服务的软件（apache，tomcat，HS，Nginx）**云服务：**不需要自己购买服务器（阿里云，腾讯云，百度云）**浏览器：**帮助我们打开网页...

2020-08-22 15:16:13 241 2

xuxunjy的博客