qq_50613817的博客

原创 浅拷贝与深拷贝—原型与原型链

浅拷贝引用类型(null 对象 数组)的赋值操作都不是深拷贝：拷贝的是内存地址，最终两个变量指向的是同一个地址 ，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。const tian = { name: 'xiaoTian', age: 20}const t = tian t.age = 19console.log(tian.age) // 19深拷贝深拷贝是将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象

原创 Web前端性能优化——防抖处理/节流处理/图片懒加载

前端性能优化没有标准答案，越全面越好，如果做不到，就尽量从前端角度考虑原则多使用内存，缓存（以空间换时间，这种思想也适用于后台）访问频繁，变化不大减少 CPU 计算量，减少网络加载耗时入手1、 提升加载速度减少资源体积：压缩代码（如QQ的图片压缩等）减少访问次数：合并代码，SSR服务端渲染、缓存等使用更快的网络：CDNCSS 放在 head，JS 放在 body 最下面尽早开始执行 JS，用 DOMContentLoaded 触发懒加载（图片懒加载，上滑懒加载）2、 提升渲

原创 git命令

git命令创建仓库以 码云 为依托克隆仓库git clone git@gitee.com:dqtc/xxx.git修改文件修改 README.md#### 介绍这是一个测试项目提示 README.md 文件修改过检查状态git status更改对比使用 git diff 可以查看工作区中某个文件或所有文件的修改git diff提示 具体修改了哪些内容工作区和暂存区所有文件默认都在工作区，当使用 git add 命令之后，文件就进入暂存区git add 文件名.

原创 uni-app

文章目录uni-app基础使用介绍环境搭建创建项目并运行配置微信小程序项目目录开发规范全局配置和页面配置pages.json 初始样式pages 是页面配置globalStyle 是全局配置全局配置（pages.json）页面配置创建新项目配置基本的tabbarcondition启动模式配置基础组件text 组件的基本使用view组件的基本使用button按钮组件的基本使用image组件的基本使用uni中样式的学习及如何使用scss和字体图标基础的数据双向绑定v-bind和v-for的使用v-bindv-f

原创 React基础知识（必看）

文章目录React1. 是什么？2. 谁开发的?3. 为什么要学？4. React的特点安装安装命令执行命令JSX语法JSX产生的原因JSX的概述使用步骤嵌入JS表达式条件渲染列表渲染样式处理**行内样式 -style**类名 -classNameReact组件介绍函数创建组件类创建组件抽离成单独的JS文件React事件处理事件绑定事件对象有状态组件和无状态组件State和SetStatestate基本使用setState() 修改状态事件绑定this指向箭头函数利用bind方法class的实例方法表单处理

原创 VUE重点—腾讯云存储

腾讯云存储配置一个腾讯云COS注册一个腾讯云的开发者账号（按照腾讯云的注册方式、注册自己的账号）实名认证填写个人信息使用微信扫一扫 扫描二维码授权手机端授权成功点击领取免费产品选择对象存储COS点击0元试用，开通服务创建存储桶设置cors规则因为我们本身没有域名，所以这里设置成*，仅限于测试，正式环境的话，这里需要配置真实的域名地址腾讯云存储桶就设置好了安装JavaScript SDKnpm i cos-js-sdk-v5 --save开始代码咯！！

原创 前端面试题精选

文章目录一、Vue面试题1.vue的特点是什么2.vue父与子如何传值Vue父组件传给子组件Vue子组件给父组件传值需要使用自定义事件3.v-show和v-if指令的共同点和不同点?共同点：区别：4.vue当中的指令和它的用法?5.vue-loader是什么?使用它的用途有哪些?用途6.axios是什么?怎么使用?7.单页面应用和多页面应用区别及优缺点8.npm install常用的-S.-D、-g有什么区别?9.谈谈你对MVVM开发模式的理解MVC模式（Model-View-Controller）10、前

原创 前端常见面试题

文章目录1.vue的特点是什么2.vue父与子如何传值Vue父组件传给子组件Vue子组件给父组件传值需要使用自定义事件3.v-show和v-if指令的共同点和不同点?共同点：区别：4.vue当中的指令和它的用法?5.vue-loader是什么?使用它的用途有哪些?用途6.axios是什么?怎么使用?7.单页面应用和多页面应用区别及优缺点8.npm install常用的-S.-D、-g有什么区别?9.谈谈你对MVVM开发模式的理解MVC模式（Model-View-Controller）10、前端如何优化网站性

原创 webpack基础

原创 Vue基础

Vue基础Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。MVVMM数据模型–V视图模型–VM同步 Model和View的对象m 是vue实例中的data,自定义的数据或后端返回的数组不是后端

原创 脚手架必看

脚手架安装： npm install -g @vue/cli创建一个项目创建一个新的文件夹(code)，shift 鼠标右键打开PowerShell窗口运行命令：vue create hello-world选择：选择：选择：输入：n选择：输入：n 安装完成：在code文件夹中就创建了hello-world文件夹启动hello-world: npm rum serve出现说明此文件运行到了这两个地址上，一个是本地地址，一个人

原创 移动端---总结

移动端基础知识1 物理像素(像素点)物理像素:即设备像素，而物理像素点是屏幕显示的最颗粒，在同一设备上，它的物理像素和物理像素点是固定的。这是厂商在出厂时就设置好的，即一个设备的分辨率时固定的。比如iphone6的物理像素是750px * 1334px。设备出厂后的每一个像素点，类似一个小灯泡，由屏幕制造商决定，屏幕生产后无法修改。2 分辨率每一个长度方向上的像素个数乘以每一个宽度方向上的像素个数的表示形式，就叫做分辨率屏幕尺寸相同的手机，包含的像素点个数是不确定的，像素点越小，同一方向上容

原创 JS函数/声明/调用/函数内部this指向/严格模式/高阶函数

原创 JS正则表达式

今日小练习，如有不对的地方，请告诉我哦！

原创 JS面向对象/继承/原型链/this指向/call方法

面向对象1.对象与类的创建对象指“事物”在程序设计语言中的表现形式。 比如： 对于猫这种常见对象来说，他们具有颜色，名字，提醒等某些明确的特征，他们可以执行喵喵叫，睡觉，躲起来这些动作。对象的组成：属性 特性、特征 名词 变量方法 功能、行为 动词 函数类相似对象之间往往都有一些共同的组成特征。例如蜂鸟和老鹰都属于鸟类。对象这个词有时候可能会叫做实例，所以我们可以说老鹰是鸟类的一个实例，我们可以基于同一个类创建出许多不同的对象。类更像是一种模版，对象则是在这些模版的基础上被创建出来的实

原创 原生Ajax

1. 什么是Ajax?Ajax被认为是(AsynchronousJavaScript and XML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.Ajax = 异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必需重载整个网页面。（注意：Ajax 不是一

原创 JS/jquery/CSS总结

1. 小div在大div中水平垂直居中方法一：使用定位的方法 //大div .parent { width: 300px; height: 200px; border: 1px solid red; position:relative; } //小div .c

原创 JS数组/函数简单总结

数组数组的概念 数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。创建数组第一种：var arr=[];//定义空数组的第一种方式第二种：var arr=new Array();//定义空数组的第二种方式注意：Array => A要大写数组赋值var arr=[];//定义空数组arr[0]=10;//把数字10赋值到数组索

原创 JS基础 运算符/for循环

一、运算符1 .算术运算符：概念:算术运算使用的符号，用于执行两个变量或值的算术运算。 、 - 、*、 / 、%(求余数) 如果想得到精确的的结果 参与运算的数据必须有一个是小数2.比较运算符：概念:比较运算符（关系运算符）是两个数据进行比较时所使用的运算符，比较运算后，会返回一个布尔值(true / false)作为比较运算的结果。 < > = != <= >= == === !==3.逻辑运算符： && 、|| 、！ &&amp

原创 JaveScript基础知识

JaveScript是什么 1）JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言(Script是脚本的意思) 2）脚本语言:不需要编译，运行过程中由js解释器(js 引擎）逐行来进行解释并执行 3）现在也可以基于Node.js技术进行服务器端编程JS基础知识： 1）基础语法：变量、数据类型、数据类型、流程语句、数组、函数、内置对象 2）JS webapi ：dom、client、scroll、offset、js动画、轮播图 3）JS高级：面向对象、原创、

原创 认识HTML

认识HTML认识网页 主要由文字、图像和超链接等元素构成代码开发工具 Dreamweaver、SublimeText、WebStorm、HBuilder、vScodeHTML骨架标签 HTML标签：页面中最大的标签，根标签 双标签、单标签 标签关系：嵌套关系(父子)、并列关系(兄弟) 头部：注意再head标签中我们必须要设置的标签是title 标题：让页面拥有一个属于自己的网页标题 主体：元素包含文档的所有内容，页面内容，基本都是放到body里面的HTML初识 HTML：