时间未央-CSDN博客

原创 Vue解决赋值后修改新数组、对象会影响原数组、对象

当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。所以为了实现修改新对象而不影响原对象，我们需要进行深拷贝。深拷贝JSON.parse(JSON.stringify())computed: { data: function () { var obj={}; obj=JSON.parse(JS

2021-08-25 10:08:35 3934

原创判断设备是PC还是移动端

判断设备是PC还是移动端在做网页自适应开发时，需要对访问设备信息进行获取，PC和移动端可能要显示不同的样式或不同的内容。methods: { isMobile() { let flag = navigator.userAgent.match( /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG

2021-08-20 16:40:48 317

原创 elementUI组件不支持@keyup 的解决方法

使用elementUI的el-input组件后发现键盘事件无法触发解决如下这样写无法触发事件<el-input class="input" placeholder="请输入内容" v-model="input" @keyup.enter.native="search()"></el-input>由于el-input被elementUI封装后将原事件隐藏了，需要在keyup.enter事件后加.native来监听原生事件<el-input class="input"

2021-01-27 18:10:55 484

原创控制台输入cnpm、vue ui等指令无反应解决办法

控制台输入cnpm、vue ui等指令无反应解决办法卸载cnpmnpm uninstall -g cnpm --registry=https://registry.npm.taobao.org设置淘宝镜像npm set registry https://registry.npm.taobao.org npm set disturlhttps://npm.taobao.org/dist清空缓存npm cache clean --force会提示 using --fo

2021-01-26 22:30:52 513

原创 CSS入门笔记

CSSCSS-网页的美容师引入方式内部样式表行内样式表外部样式表CSS-网页的美容师CSS全称为“层叠样式表 (Cascading Style Sheets)”，有时我们也会称之为CSS样式表或级联样式表。它是一种标记语言，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS可以美化HTML，让HTML更漂亮，让页面布局更简单。它的最大价值是由HTML专注去

2020-11-27 18:35:09 61

原创 HTML常用标签（超详细）

HTML常用标签标题标签为了使网页更具有语义化，我们经常会在页面中用到标签，HTML提供了6个等级的网页标题。即<h1>–<h6> <h1>我是一级标题</h1> <h2>我是二级标题</h2> <h3>我是三级标题</h3> <h4>我是四级标题</h4> <h5>我是五级标题</h5> <h6>我是

2020-11-24 12:02:20 768

原创 html默认初始代码

前端入门笔记1前端=HTML+CSS+JavaScript文档类型声明标签<!DOCTYPE html>告诉浏览器，当前页面采取的是HTML5版本来显示网页注意：1.<!DOCTYPE html>声明位于文档中最前面的位置，处于标签之前。2.<!DOCTYPE html>不是一个HTML标签，它就是文档类型声明标签。llang语言种类<html lang="en">用来定义当前文档显示的语言1.en定义语言为英语2.zh-CN定义语

2020-11-24 11:49:46 1982

qq_44100778的博客