jason_stellina-CSDN博客

原创 JavaScript对象

JavaScript中对象通常包括两种类型：内置对象和浏览器对象，此外用户还可以自定义对象。JavaScript中常见内置对象有String对象、Array对象、Date对象、Boolean对象、Number对象、Math对象、Object对象

2021-03-13 18:56:50 116

js字符串方法总结var str="hellow world";str.charAt(1) //e 返回给定位置的字符str.charcodeAt(1) //101 返回给定位置字符的字符编码str[1] //e ie8及其以上版本concat() //可以接受任意多个参数拼接成新的字符串，但不会改变原字符串slice() //截取字符串，接受一或两个参数（开始位置和结束位置）,接受负值时会将负值与字符串长度相加subtring() //截取字符串，接受一个或两个参数（开始位置和结束位置，

2021-03-10 17:39:05 81

原创 ES6中Set和Map简单用法

Set数据结构ES6提供了新的数据结构，它类似于数组，但是成员值都是唯一的，没有重复的值例如电商网站中的搜索功能，用户搜索完成之后网站会记录用户搜索的关键字，方便用户下次直接点击历史关键字就可以搜索了，搜索历史关键字的存储就可以使用Set数据结构。Set本身是一个构造函数，用来生成Set数据结构const s= new Set();Set函数可以接受一个数组作为参数，用来初始化const set new Set([1,2,3,4,4]);当向Set数据结构中传递初始值时，会将重复的值过滤掉

2020-10-29 15:19:09 178

原创响应式布局的原理和实现方法

什么是响应式布局可以自动识别屏幕宽度，并做出相应调整的网页设计，布局和展示的内容可能会有所改变当提到响应式布局时，自然会想到自适应布局，那两者到底有什么区别呢什么是自适应布局同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整网页内容大小两者的区别响应式布局是自适应布局的改进，当网页内容过多时，整体会显得拥挤，布局和展示的内容可能会有所变动如何实现响应式布局1、媒体查询css3媒体查询可以让我们针对不同的媒体类型定义不同的样式，当重置浏览器窗口大小的过程中，页面也会根据浏览器的高度和宽

2020-10-29 11:11:46 5790

原创 css常见的三栏式布局实现方法

三栏式布局三栏式布局是最常见的布局方式，应用场景：左、右两侧定宽，中间内容自适应如何实现三栏式布局呢1、利用浮动通过左侧向左浮动，右侧向右浮动，最后渲染中间部分来实现的；因为中间部分是最后渲染的因此在html中中间部分写在div的最后面缺点：当中间内容高于两侧时，两侧的高度不会随中间的内容变高而变高<div class="box"> <div class="left">我是左边的盒子</div>

2020-10-24 16:46:10 171

原创对于flex布局的简单总结

一、Flex布局是什么Flex意为弹性布局，用来为盒模型提供最大的灵活性任何元素都可以指定为Flex布局.box{ displsy:flex;}/* 行内元素也可以使用flex布局 */.box{ display:inline-flex;}/* Webkit内核浏览器，必须加上-webkit 前缀*/.box{ display:-webkit-flex; display:flex;}设置为flex布局以后，子元素的float，clear，vertical-align属性将失效

2020-10-24 16:45:44 236

原创居中的几种方法

水平居中行内元素水平居中.center{ text-align:center;}块级元素水平居中已知宽度块级元素水平居中.center{ width:200px; margin:0 auto; border:1px solid #ccc;}未知宽度块级元素水平居中，宽度不固定设置table值.center{ display:table; margin:0 auto; border:1px solid red;}设置inline-block(多个块状元

2020-10-17 22:42:36 308

原创深拷贝和浅拷贝的实现

浅拷贝只是拷贝一层，更深层次对象级别的只拷贝引用（只将地址拷贝给了新对象）//浅拷贝的实现方法一：var obj={ id:1, name: 'jason', msg:{// 浅拷贝遇到对象级别的数据，只是将地址拷贝过去 age:18 }};var o={};for(var k in obj){ // k是属性名 obj[k] 属性值 o[k] = obj[k];}console.log(o);o.msg.age=20;console.log(obj);//age:20

2020-10-17 17:55:56 348

原创对于script标签的理解

script标签的产生为了解决JavaScript既能与html页面共存，又不影响页面的显示效果，为web增加同意的脚本支持script标签的属性1. type属性默认值为type=‘text/javascript’type是代替已经废弃的language属性，表示代码使用的脚本语言的内容类型2. src属性（指定外部脚本文件的URL）如果要在网站的多个页面上运行相同的JavaScript，则应该创建外部JavaScript文件，而不是重复编写相同的脚本。使用.js扩展名保存脚本文件，然后使用

2020-10-17 17:55:44 642

m0_46158288的博客