一事无成的温柔9-CSDN博客

原创 12 个拷贝数组的 JS 技巧

12 个拷贝数组的 JS 技巧数组拷贝经常被误解，但这并不是因为拷贝过程本身，而是因为缺乏对 JS 如何处理数组及其元素的理解。JS 中的数组是可变的，这说明在创建数组之后还可以修改数组的内容。这意味着要拷贝一个数组，咱们不能简单地将旧数组分配给一个新变量，它也是一个数组。如果这样做，它们将共享相同的引用，并且在更改一个变量之后，另一个变量也将受到更改的影响。这就是我们需要克隆这个数组的原因。接着来看看一些关于拷贝何克隆数组的方法和技巧。方法 1 - 使用Array.slice方法 <scrip

2020-12-08 19:57:36 379

原创响应式设计--字体随着屏幕分辨率变化字体大小发生改变--经典js

响应式设计字体随着屏幕分辨率变化，字体大小发生改变—经典js1.首先响应式与自适应的区别响应式：一个网站，改变屏幕宽度时网页的结构和样式发生相应的改变响应式使用场景：网页的内容不宜过多、不宜复杂{}自适应：多个网站，当改变屏幕宽度时，网站整体进行替换自适应使用场景：结构复杂的网站、大型网站{淘宝、腾讯、搜狐}2.单位介绍常用单位ps（绝对像素）rem相对于html（根目录：root）em相对于父级vh、vw相对于设备的（v视窗 h高度 w宽度）注意：vw在pc端存在bug 尽量

2020-12-03 19:55:19 2572

原创 Vue中父子数据的传递-详细

Vue中父子数据的传递在vue中，父子组件的关系可以总结为prop向下传递，$emit事件向上传递，父组件通过prop给子组件下发数据，子组件通过事件给父组件发送消息父传子：父组件通过props传递一个变量给子组件接收，子组件通过v-bind绑定一个变量接收demo1： <div id="app">  <cpn v-bind:cmovies='movies'>&

2020-11-09 16:34:35 351

原创 Vue的每个生命周期具体形式展示

Vue的生命周期vue的生命周期：1.vue创建之前beforeCreated2.创建created3.挂载之前beforeMouted4.挂载mouted5.更新之前beforeUpdate6.更新完成updated7.销毁之前 beforeDestory8.销毁完成destoryeddemo:dom结构部分：<div id="app" ref="app">  {{name}}</div&g

2020-11-03 15:34:51 190

原创 Vue中methods和computed、watch的区别

Vue中methods和computed、watch的区别demo1 <div id="app1"> <h2>mustache:{{firstName}}   {{lastName}}</h2> <h2>mustache:{{firstName + " " + lastName}}</h2> <h2>methods:{{getFullName()}}</h2

2020-11-02 15:17:39 115

原创 js、css、html试题3

1.请写出以下的运算结果alert（typeof（a））//undefinedalert(typeof(undefined)) //undefinedalert(typeof(NaN)) //numberalert(typeof(null))//objectvar a = "123abc";alert(typeof(+a));//numberalert(typeof(!!a));//booleanalert(typeof(a + ""));//stringalert(1 == "1");

2020-09-10 10:33:03 151

原创 html、css、javascript试题

html、css、javascript试题1.求最后x=? y=? z=? 考点：预编译，函数提升，后面的覆盖前面的var x=1,y=z=0;function add(n){return n=n+1}y=add(x);function add(n){return n=n+3}z=add(x);答案 1，4，4，同一个函数，后面会覆盖前面的，fn add 会升到前面2.为一个数组去重eg：arr=“a”,“b”,234,34,“a”,“b”,3,1,4,3答： Array

2020-09-02 11:04:28 625

原创 HTML、css、javascript题目

HTML、css、javascript题目1.如何居中一个浮动元素？补充以下代码？#my-defined{ position:absolute; width:300px; height:500px;}答：#my-defined{ position:absolute; width:300px; height:500px; left：50%；margin-left：-150px}2.请根据下面html和css代码画出布局示意图（不用精确到像素）<!DOCT

2020-08-31 15:57:38 446

weixin_49015555的博客