还不下马受降-CSDN博客

原创深浅拷贝

网上看找的深浅拷贝的只是找了都有点难看懂，所以照自己理解，简单一点来总结知识铺垫，关于js的数据类型，基本数据类型（string，number，boolean，null，undefine，symbol)，以及引用数据类型(object，arry…）。在存储的时候，基本数据类型存储在栈种，而引用数据类型存储在堆当中。-一般数据类型赋值：在给变量赋值的时候，基本变量赋值：a = b，a得到b的值，但是重新开辟一块空间。这样a，b互不影响。引用数据类型赋值：例如object_a .

2021-05-08 20:18:52 62

原创实时打印时间

new一个Date()，setInterval()每隔一秒执行一次读取时间的函数，并innerHTML到屏幕上。很简单，但是会觉得挺有意思。每秒更新一次<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .

2021-05-04 02:15:17 119

原创 slice/splice

slice传递两个参数，截取数组中的这两个数之间的元素，从第一个参数开始，到第二个参数结束，不包括第二个参数，返回的是一个新的数组，对于原数据并无影响splice是删除数组中的元素，包括第二个参数所在的元素也一起删除，并且可在函数后面添加元素，元素会从第一个参数的位置插入，剩余的参数依次排列<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na.

2021-05-03 20:05:50 112

原创 2021-05-03

js数组的四个操作函数，尾部：push()，添加并返回数组长度 pop()删除并返回被删除的元素头部unshift()从头部添加并返回添加后的数组长度，shift()删除并返回被删除的元素的值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial

2021-05-03 14:12:27 147

原创简单flex侧边栏布局

flex侧边栏布局，侧边插入网址然后网页内容显示在ifram窗口内，但是只是简单的插入，所以当点击的时候跳转的链接就会进入新的页面，因为新的地址中并没有target属性。flex两个属性，快速垂直居中。：justify-conteng:center, align-conteng:center;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name

2021-05-02 21:14:53 609

原创 flex布局基础

- display：flex；设置盒子为flex布局。flex弹性布局相对于一般布局方式很方便分为父项、子项，主轴、侧轴的属性设置。- flex-direction 设置主轴- flex-wrap 设置子项是否换行排列，不划行排列，子项增加时候，自动压缩子项宽度。**- justify/align-content：**主/侧轴的属性，flex-start、flex-end、center设置前后中的排列位置，space-around，子项平分剩余宽度，space-between平分宽度，但是不包括两

2021-05-02 21:07:34 316

原创 v-model：单选框、复选框、登陆检查

v-model实现的是数据的双向绑定，更多应用在表单中，绑定的数据实时变化。通过绑定用户输入获取数据。复选框：input类型为checkbox，给value赋不同的值，成为不同的选项，然后v-model绑定Vue实例中的数组，当选中的时候，值就会传递到数组中，因为双向绑定，在数组中添加选项的值，选项就会被选中，达到预选的效果。单选框：单选框input类型为radio，绑定一个Vue变量，选不同的但选项，绑定的值变化，达到单选效果，同样，在data中给变量赋值，达到预选效果。登陆检查：将输入的值绑定，.

2021-05-02 14:51:32 468

原创组件概念及使用

组件就是将页面拆分，分成不同的块，块中包含其他的块，可类比树的结构。组件使用分为三个部分：1.声明组件 2.注册组件 3.使用组件声明组件：var app = vue.extent({template: })注册组件：全局注册：Vue.component( ”标签名“,组件名称);局部注册：在Vue实例中注册就成为该实例作用范围的局部组件：components: { 标签名：组件名 }组件的嵌套，在父组件中注册子组件，然后在父组件的template模板中就可以使用子组件组件只是框.

2021-05-02 14:17:48 458

原创 axios基本使用

ajax不是一门语言，而是一种访问方式，异步的js和xhml。<script>标签引入axios，添加@click事件以后，根据输入的需要查询的信息条数，查询笑话结果。然后v-for显示到页面。引用方法简单，axios.get().then()为基础，在连接中加入动态的需要查询的条数。值得注意的是，在axios下，由于this指针不再是vue实例中的指针，如果在axios中使用this指针，指向的不一样，因此把vue实例中的this复制给that，让that和this指向同一个地址，然后在

2021-05-02 13:08:50 132

原创简单插值

导入vue以后，el挂载可以使用类选择器（ el=’.class’），也可以使用id选择器(el = ‘#id’)，新手期刚开始的使用大概率会因为选择器的错误而导致虽然程序没有错误但是会没有运行结果，打开浏览器检查console的结果。插值就是在vue实例中的data中声明变量，然后用{{data}}显示到页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &lt

2021-05-02 12:40:42 60

原创 CSS过渡

过渡效果与hover一起使用，是对于hover中的效果的过渡设置，hover是最终的效果，过度设置实现过程transition：width .5s ease 1s；第一个是需要设置过度的属性，第二个是过渡的时间，第三个是过渡的时间曲线，第四个是开始时间。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte

2020-12-05 15:12:16 331

原创 HTML5多媒体标签video

video标签<!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> video{

2020-11-21 15:07:00 76

原创 HTML语义化标签

语义化标签HTML5通过语义化标签，来让标签的书写更方便，更具有标识度。先前都是通过div设置盒子，相对来说不容易理解，但是对于敲代码的时候来说，区别不是很大，似乎就是直接给了类，省区了div标签，但是语义化标签主要是供给搜索引擎识别的。<pre> 头部标签<nav> 导航标签<article> 内容标签<section> 定义文档某个区域<aside>

2020-11-21 10:34:03 70

原创 border制作三角形

border显示正方形定义一个盒子（div)，不定义宽高，只定义边框，那么内容部分为零，所看到的部分就是边框，一个大小为0，只有边框的盒子，通过设置边框的大小，改变盒子的占位大小。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .triang

2020-11-21 10:00:21 100

原创精灵图&字体图片

精灵图精灵图（sprite），精灵图是把需要用到的小图标都放在一张大的图上面，然后在页面访问数据库申请加载图片的时候，那么这张大图上的小图标就可以只加载一次，把这张大图加载到浏览器上，然后通过设置这张背景图片在盒子先的位置，来显示不同的图标，在需要使用背景图片的时候，url指向同一张背景图片。实现了只加载一次，就得到了多个图标，减少了访问次数，减小数据库的压力。在把图片作为背景图片的时候，以左上角与盒子对齐，然后通过position设置背景图片需要显示的位置，position的x,y的值的设置也是以左上

2020-11-20 15:31:58 153

weixin_43865846的博客