Gnemoah6的博客

原创 前端面试（持续更新）

前端面试题

原创 react基础

react基础1、react脚手架使用使用React脚手架初始化项目初始化项目，命令： npx create-react-app my-pronpx 目的：提升包内提供的命令行工具的使用体验原来：先安装脚手架包，再使用这个包中提供的命令现在：无需安装脚手架包，就可以直接使用这个包提供的命令create-react-app 这个是脚手架名称 不能随意更改my-pro 自己定义的项目名称启动项目，在项目根目录执行命令： npm start2、jsx2.1、jsx中使用js表达

原创 腾讯云存储

腾讯云存储注册登录领取免费试用的云存储第一步，我们必须先拥有一个腾迅云的开发者账号第二步，实名认证填写个人身份信息扫描二维码授权点击领取免费产品选择对象存储COS开启试用我们需要来创建一个存储图片的存储桶选择配置设置公有读私有写配置跨域问题因为我们本身没有域名，所以这里设置成*****，仅限于测试，正式环境的话，这里需要配置真实的域名地址在我们发布以后要更改成自己的域名，以免被攻击2、在代码中如何使用2.1、在生

原创 解决页面刷新vuex中数据丢失问题

解决页面刷新vuex中数据丢失问题遇到的问题：当我们在后台获取到用户信息之后把用户的用户名显示到页面，首次显示是没有问题的， 当我们页面刷新的时候vuex里面获取到的用户名数据就会丢失了。解决方法（方法1）主要思路：在我们点击登录的时候把后台返回用户的数据拿到，放进本地的缓存里面，当我们页面刷新的时候在去本地缓存里面取出数据，在进行渲染主要的代码：//这是在我们主页面或者实在组件里面//当页面加载的时候执行这个代码 created () { //这一行代码的意思就是调用vuex里面

原创 微信小程序云开发

微信小程序云开发1、操作数据库1.1、使用图形化的方式添加数据创建添加记录添加字段以及字段类型1.2、在小程序里面添加数据// 插入一条数据async insert(){// 在开始使用数据库 API 进行增删改查操作之前，需要先获取数据库的引用const db=wx.cloud.database({ env: 'test-7g9mcwh6bc16c84f', traceUser: true,})//要操作一个集合，需先获取它的引用，我这里的引用是(todus),这里注

原创 web前端微信小程序

web前端微信小程序1、基础部分讲解1.1 下载开发工具1.1.1 微信开发文档第一步进入开发文档： https://developers.weixin.qq.com/miniprogram/dev/framework/第二步打开工具下载微信开发者工具稳定版1.2 注册成为开发者微信公众平台https://mp.weixin.qq.com/，进行注册账号2、微信开发工具的了解2.1 小程序项目的主要目录文件作用以wxss为后缀名的文件主要是写一些样式的，自认为就像css功能一

原创 面试题更新

面试题1、vue的特点是什么？国人开发的一个轻量级框架。双向数据绑定，在数据操作方面更为简单。视图、数据、结构分离，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作。组件化，方便封装和复用虚拟DOM：dom操作是非常耗费性能的，不再使用原生的dom操作节点，极大解放dom操作2、vue中父子组件是如何传值的？下面链接描述的详细链接地址父传子父组件在引用子组件时，通过属性绑定（v-bind:）也可以缩写为（:），把需要传递给子组件的数据，传递到子组件内部，供子组件使用。

原创 vuex简单入门

vuex1、vuex的简单介绍Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。2、vuex的安装使用第一种安装方式：是我们通过命令 npm i vuex --sove第二种方式就是在我们安装v

原创 css基础重拾

css基础重拾1、核心知识@规则@namespace 告诉 CSS 引擎必须考虑XML命名空间。@media, 如果满足媒体查询的条件则条件规则组里的规则生效。@page, 描述打印文档时布局的变化.@font-face, 描述将下载的外部的字体。@keyframes, 描述 CSS 动画的关键帧。@document, 如果文档样式表满足给定条件则条件规则组里的规则生效。 (推延至 CSS Level 4 规范)@charset用于定义样式表使用的字符集，不能再html页面使用，而是在层

原创 vue脚手架

脚手架安装全局安装npm install -g @vue/cli创建项目vue create 项目名选择 Manually select features选择 Choose Vue version、Babel、Router ==>选择 2.x版本选择 no ==>选择 In dedicated config files ==>选择 no ==>最后在终端运行 npm run serve项目结构[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来

原创 webpack的使用

webpack的使用1、webpack的安装与配置1.1、webpack安装//在集成终端里面输入命令npm install webpack webpack-cli --save-dev//这里--save-dev也可以简写为-D，这个的含义是只在开发中使用，在项目上线之后不使用，-S是-save的简写的，意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。1.2、webpack的基本配置module.exports={ mode:'devel

原创 vue组件基础

vue组件基础1、注册组件和使用1.1、创建组件的关键字 Vue.component()1.2、注册组件：Vue.component('list-itme', { template: `<li :class="{bianse:current_id==id}" v-on:click="dianji(id)">{{title}}</li>`,})//这个里面“list-itme”就是注册的组件，名字可以自己任意取//这个里面“template”就是组件Dom 结构，里面写

原创 node.js基础总结

node.js总结1、node.js和js知识结构的关系相同点：node.js和js都要学习ECMAScript（通俗讲就是js基础知识）不同点：node.js不学习js的DOM和BOM，要学习Node模块API2、node.js里面重要的nrm的了解2.1 nrm的一些基本命令npm install nrm –g (这个命令是下载nrm的命令，-g是全局安装)npm install nodemon（安装了一个nodemon）npm uninstall xx（卸戟程序）nodemon x

原创 node.js异步处理

同步异步问题解决1、什么是同步代码，什么是异步代码同步：console.log('before');console.log('after');//同步代码的执行顺序是从上到下的，是单线程的，上面代码没有//没有执行完毕，下面代码是不能执行的异步：定时器，还有node.js里面的异步读取文件console.log('before');setTimeout( () => { console.log('last');}, 2000);console.log('after')

原创 web前端微信小程序

web前端微信小程序1、基础部分讲解1.1 下载开发工具1.1.1 微信开发文档第一步进入开发文档： https://developers.weixin.qq.com/miniprogram/dev/framework/第二步打开工具下载微信开发者工具稳定版1.2 注册成为开发者微信公众平台https://mp.weixin.qq.com/，进行注册账号2、微信开发工具的了解2.1 小程序项目的主要目录文件作用以wxss为后缀名的文件主要是写一些样式的，自认为就像css功能一

转载 js原型和继承

原型和继承1、对象的几种创建方式1.1字面量方式var obj = {};//不常用此种方式在主要用来创建 json 数据，一般不会用来创建对象1.2普通的方式var Person=new Object()Person.name='lhy'Person.age=18Person.speak=function(){ console.log('hello');}console.log(Person);缺点：因为是基于 Object 基类创建，所以无法获知对象的具体类型初始化

原创 js正则表达式笔记

1、字符匹配代码演示// 模板：{m,n}表示最少连续出现m次，最多连续出现n次（特别注意，是连续出现） var regex=/ab{2,5}c/g; // 表示a和c之间b最少连续出现2次，最多连续出现五次 var str='abc,abbc,abbbc,abbbbc,abbbbbc,abbbbbbbc' console.log(str.match(regex)) // 输出["abbc", "abbbc", "abbbb

原创 this指向的所有情况

this指向的所有情况情况一、在普通的函数里面，当调用函数时，this的指向是window代码示范function mode(){ console.log(this)//这里this的值是window } mode()情况二、在构造函数里面this的指向是实例的对象代码示范unction Mode(){ console.log(this) } var aa=new Mode() //new关键字，通过函

转载 js原型和继承

原型和继承1、对象的几种创建方式1.1字面量方式var obj = {};//不常用此种方式在主要用来创建 json 数据，一般不会用来创建对象1.2普通的方式var Person=new Object()Person.name='lhy'Person.age=18Person.speak=function(){ console.log('hello');}console.log(Person);缺点：因为是基于 Object 基类创建，所以无法获知对象的具体类型初始化

原创 css相关总结

css的快捷键快捷键：fos 是表示像素co是颜色rgba（0，0，0，0.5）其中0.5是透明度bgc是背景色fwb字体加粗 fwn是不加粗fsi是斜体 fsn是不斜体tdu是下划线 tdn不加下划线brc 按钮颜色设置ts 是设置阴影颜色border是边框，solid是实线，dotted是虚线**white-space：nowrap；**是不换行快捷键overlow：hidden**text-overlow：ellipsis；**出现省略号标签就是横线伪类选择器：h

原创 css伪类和伪元素

原创 jquery基础知识

11.8 jquery笔记1. jquery和$的关系是jquery的简写，在编写jquery代码时是jquery的简写，在编写jquery代码时是jquery的简写，在编写jquery代码时可以代替jquery2.入口函数的多种写法// 第一种: 简单易用。 ***$(function () { ... // 此处是页面 DOM 加载完成的入口}) ; // 第二种: 繁琐，但是也可以实现 （ready：准备，dom准备好了）$(document).rea

原创 js和jQuery用法的区别

1、获取元素①.根据ID取元素JS:取到的是一个DOM对象。var div = document.getElementByID("one");1JQUERY:取到的是一个JQUERY对象。var div = $("#one");1括号里面是根据某个东西来找，相当于一个选择，如果我们要根据ID来找，在样式表里的ID是用#来表示的，所以在这里我们直接带入井号，整句的意思就是根据ID为one的来查找。②.根据class取元素，在数组里面如果要取DOM对象使用索引的方式，如果要取JQUERY对

原创 js的内置对象

1 - 内置对象1.1 内置对象1.1.1 Math对象介绍Math 对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整、最大值等）可以使用 Math 中的成员。属性，方法名功能Math.Pl圆周率Math.floor()向下取整Math.ceil()向上取整Math.round()四舍五入版 就近取整 注意 -3.5 结果是 -3Math.abs()绝对值Math.max()/Math.min()求

原创 js基础部分总结

js基础部分总结1 - JavaScript注释1.1 单行注释单行注释的注释方法如下：// 双斜杠发，快捷键是选中想注释的代码按（ctrl + /）1.2 多行注释多行注释的方法如下：/*这是我不想要的内容*//* */ 多行文本注释的快捷键是 （alt + shift + a）2 - JavaScript输入输出语句方法说明归属alert(想输出的值)浏览器弹出警示框浏览器console.log(想输出的值)控制台打印输出的结果浏览器

原创 js数组的介绍

1 数组1.1 数组的概念数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组js中创建数组有两种方式：利用 new 创建数组var 数组名 = new Array() ；var arr = new Array(); // 创建一个新的空数组注意Array()，A要大写利用数组字面量//1. 使用数组字面量方式

原创 js for循环 while循环介绍

js循环1-循环1.1 for循环语法结构for（初始化变量；条件表达式；操作表达式）{ //循环体}名称作用初始化变量通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。条件表达式用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。操作表达式用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。执行过程：初始化变量，初始化操作在整个

原创 css盒子浮动简单介绍

浮动1.1 css 布局的三种机制1.普通流（标准流）块级元素会独占—行，从上向下顺序排列;常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行;常用元素: span、a、i、em等1.2 浮动1.2.1 什么是浮动（float）概念:元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制移动到指定位置作用让多个盒子（div）水平排列成一行，使得浮动成为布局的重要手段。可以实现盒子的左

原创 javascript 变量的简单介绍

变量1. 变量的定义1.1 变量的定义的语法结构​ 语法结构：var 变量名 = 变量值;​ Javascript的变量是弱类型​ 定义变量时，没有初始化值 就会不清楚该变量的值的类型​ 只有在为变量初始化值 才会知道该变量的值的类型1.2 定义变量的几种方式1.2.1 定义变量并初始化值// 1.定义变量，并初始化值 var v = '我是变量';/*定义变量 - 变量的定义，并且初始化值*/ console.log=(v); /

原创 css标签显示模式

标签显示模式1.1.1） 块级元素（block-level）常见的块级元素<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等，其中<div>标签是典型的块元素。块级元素的特点（1）比较霸道，自己独占一行（2）高度，宽度，外边距和内边距都可以控制（3）宽度默认是父元素宽度的100%（4）是一个容器及盒子，里面可以放行内或者块级元素1.1.2 ）行内元素（inline-level）

原创 css伪类的使用和注意事项

css伪类的使用和注意事项1）伪类的介绍伪类的使用大多都是服务于a标签，使得a标签在页面上有更好的展示效果，我们可以通过一些伪类来描述一个元素的状态。2）常见的伪类:link 应用于未被访问过的链接；:hover 应用于鼠标悬停到的元素；:active 应用于被激活的元素，鼠标点着不放；:visited 应用于被访问过的链接，与:link互斥。3）代码的展示:hover 当鼠标在元素上悬停时元素颜色变红ul li a:hover{ color: red;