<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Gnemoah6的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Gnemoah6</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Gnemoah6]]></copyright><item><title><![CDATA[前端面试（持续更新）]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/126363003</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/126363003</guid><author>Gnemoah6</author><pubDate>Tue, 16 Aug 2022 11:41:36 +0800</pubDate><description><![CDATA[前端面试题]]></description><category></category></item><item><title><![CDATA[react基础]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/117231195</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/117231195</guid><author>Gnemoah6</author><pubDate>Mon, 24 May 2021 20:07:59 +0800</pubDate><description><![CDATA[react基础
1、react脚手架使用
使用React脚手架初始化项目

初始化项目，命令： npx create-react-app my-pro

npx 目的：提升包内提供的命令行工具的使用体验
原来：先安装脚手架包，再使用这个包中提供的命令
现在：无需安装脚手架包，就可以直接使用这个包提供的命令
create-react-app  这个是脚手架名称 不能随意更改
my-pro  自己定义的项目名称


启动项目，在项目根目录执行命令： npm start

2、jsx
2.1、jsx中使用js表达]]></description><category></category></item><item><title><![CDATA[腾讯云存储]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/116791391</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/116791391</guid><author>Gnemoah6</author><pubDate>Fri, 14 May 2021 15:39:26 +0800</pubDate><description><![CDATA[腾讯云存储
注册登录领取免费试用的云存储


第一步，我们必须先拥有一个腾迅云的开发者账号


第二步，实名认证



填写个人身份信息



扫描二维码授权



点击领取免费产品



选择对象存储COS



开启试用



我们需要来创建一个存储图片的存储桶



选择配置设置公有读私有写



配置跨域问题



因为我们本身没有域名，所以这里设置成*****，仅限于测试，正式环境的话，这里需要配置真实的域名地址
在我们发布以后要更改成自己的域名，以免被攻击


2、在代码中如何使用
2.1、在生]]></description><category></category></item><item><title><![CDATA[解决页面刷新vuex中数据丢失问题]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/116458616</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/116458616</guid><author>Gnemoah6</author><pubDate>Thu, 06 May 2021 17:26:16 +0800</pubDate><description><![CDATA[解决页面刷新vuex中数据丢失问题
遇到的问题：
当我们在后台获取到用户信息之后把用户的用户名显示到页面，首次显示是没有问题的， 当我们页面刷新的时候vuex里面获取到的用户名数据就会丢失了。
解决方法（方法1）
主要思路：在我们点击登录的时候把后台返回用户的数据拿到，放进本地的缓存里面，当我们页面刷新的时候在去本地缓存里面取出数据，在进行渲染
主要的代码：
//这是在我们主页面或者实在组件里面
//当页面加载的时候执行这个代码
  created () {
    //这一行代码的意思就是调用vuex里面]]></description><category></category></item><item><title><![CDATA[微信小程序云开发]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/116159923</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/116159923</guid><author>Gnemoah6</author><pubDate>Mon, 26 Apr 2021 16:16:06 +0800</pubDate><description><![CDATA[微信小程序云开发
1、操作数据库
1.1、使用图形化的方式添加数据
创建

添加记录

添加字段以及字段类型

1.2、在小程序里面添加数据
// 插入一条数据
async insert(){
// 在开始使用数据库 API 进行增删改查操作之前，需要先获取数据库的引用
const db=wx.cloud.database({
  env: 'test-7g9mcwh6bc16c84f',
  traceUser: true,
})
//要操作一个集合，需先获取它的引用，我这里的引用是(todus),这里注]]></description><category></category></item><item><title><![CDATA[web前端微信小程序]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/115706188</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/115706188</guid><author>Gnemoah6</author><pubDate>Wed, 14 Apr 2021 18:48:05 +0800</pubDate><description><![CDATA[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功能一]]></description><category></category></item><item><title><![CDATA[面试题更新]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/115504975</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/115504975</guid><author>Gnemoah6</author><pubDate>Thu, 08 Apr 2021 09:33:09 +0800</pubDate><description><![CDATA[面试题

1、vue的特点是什么？

国人开发的一个轻量级框架。
双向数据绑定，在数据操作方面更为简单。
视图、数据、结构分离，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作。
组件化，方便封装和复用
虚拟DOM：dom操作是非常耗费性能的，不再使用原生的dom操作节点，极大解放dom操作

2、vue中父子组件是如何传值的？
下面链接描述的详细
链接地址
父传子

父组件在引用子组件时，通过属性绑定（v-bind:）也可以缩写为（:），把需要传递给子组件的数据，传递到子组件内部，供子组件使用。
]]></description><category></category></item><item><title><![CDATA[vuex简单入门]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/115311171</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/115311171</guid><author>Gnemoah6</author><pubDate>Mon, 29 Mar 2021 20:57:30 +0800</pubDate><description><![CDATA[vuex
1、vuex的简单介绍
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。
2、vuex的安装使用
第一种安装方式：是我们通过命令 npm i vuex --sove
第二种方式就是在我们安装v]]></description><category></category></item><item><title><![CDATA[css基础重拾]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/115081890</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/115081890</guid><author>Gnemoah6</author><pubDate>Mon, 22 Mar 2021 15:47:34 +0800</pubDate><description><![CDATA[css基础重拾
1、核心知识
@规则

@namespace 告诉 CSS 引擎必须考虑XML命名空间。
@media, 如果满足媒体查询的条件则条件规则组里的规则生效。
@page, 描述打印文档时布局的变化.
@font-face, 描述将下载的外部的字体。
@keyframes, 描述 CSS 动画的关键帧。
@document, 如果文档样式表满足给定条件则条件规则组里的规则生效。 (推延至 CSS Level 4 规范)
@charset用于定义样式表使用的字符集，不能再html页面使用，而是在层]]></description><category></category></item><item><title><![CDATA[vue脚手架]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/114678830</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/114678830</guid><author>Gnemoah6</author><pubDate>Thu, 11 Mar 2021 20:11:56 +0800</pubDate><description><![CDATA[脚手架
安装
全局安装
npm install -g @vue/cli

创建项目
vue create 项目名

选择 Manually select features
选择 Choose Vue version、Babel、Router ==&gt;
选择 2.x版本
选择 no ==&gt;
选择 In dedicated config files ==&gt;
选择 no ==&gt;
最后在终端运行 npm run serve
项目结构
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来]]></description><category></category></item><item><title><![CDATA[webpack的使用]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/114592075</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/114592075</guid><author>Gnemoah6</author><pubDate>Tue, 09 Mar 2021 17:46:12 +0800</pubDate><description><![CDATA[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]]></description><category></category></item><item><title><![CDATA[vue组件基础]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/114387856</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/114387856</guid><author>Gnemoah6</author><pubDate>Fri, 05 Mar 2021 11:34:44 +0800</pubDate><description><![CDATA[vue组件基础
1、注册组件和使用
1.1、创建组件的关键字 Vue.component()
1.2、注册组件：
Vue.component('list-itme', {
	template: `&lt;li :class="{bianse:current_id==id}" v-on:click="dianji(id)"&gt;{{title}}&lt;/li&gt;`,
})
//这个里面“list-itme”就是注册的组件，名字可以自己任意取
//这个里面“template”就是组件Dom 结构，里面写]]></description><category></category></item><item><title><![CDATA[node.js基础总结]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/113564449</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/113564449</guid><author>Gnemoah6</author><pubDate>Tue, 02 Feb 2021 16:32:50 +0800</pubDate><description><![CDATA[node.js总结
1、node.js和js知识结构的关系
相同点：node.js和js都要学习ECMAScript（通俗讲就是js基础知识）
不同点：node.js不学习js的DOM和BOM，要学习Node模块API
2、node.js里面重要的nrm的了解
2.1 nrm的一些基本命令

npm install nrm –g (这个命令是下载nrm的命令，-g是全局安装)
npm install nodemon（安装了一个nodemon）
npm uninstall xx（卸戟程序）
nodemon x]]></description><category></category></item><item><title><![CDATA[node.js异步处理]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/113357489</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/113357489</guid><author>Gnemoah6</author><pubDate>Thu, 28 Jan 2021 20:14:20 +0800</pubDate><description><![CDATA[同步异步问题解决
1、什么是同步代码，什么是异步代码


同步：
console.log('before');
console.log('after');
//同步代码的执行顺序是从上到下的，是单线程的，上面代码没有
//没有执行完毕，下面代码是不能执行的



异步：定时器，还有node.js里面的异步读取文件
console.log('before');
setTimeout(
 () =&gt; { console.log('last');
}, 2000);
console.log('after')]]></description><category></category></item><item><title><![CDATA[web前端微信小程序]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/111873970</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/111873970</guid><author>Gnemoah6</author><pubDate>Mon, 28 Dec 2020 20:15:05 +0800</pubDate><description><![CDATA[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功能一]]></description><category></category></item><item><title><![CDATA[js原型和继承]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/111649306</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/111649306</guid><author>Gnemoah6</author><pubDate>Thu, 24 Dec 2020 19:22:49 +0800</pubDate><description><![CDATA[原型和继承
1、对象的几种创建方式
1.1字面量方式
var obj = {};//不常用

此种方式在主要用来创建 json 数据，一般不会用来创建对象
1.2普通的方式
var Person=new Object()
Person.name='lhy'
Person.age=18
Person.speak=function(){
  console.log('hello');
}
console.log(Person);

缺点：

因为是基于 Object 基类创建，所以无法获知对象的具体类型
初始化]]></description><category></category></item><item><title><![CDATA[js正则表达式笔记]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/111631592</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/111631592</guid><author>Gnemoah6</author><pubDate>Thu, 24 Dec 2020 15:10:24 +0800</pubDate><description><![CDATA[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]]></description><category></category></item><item><title><![CDATA[this指向的所有情况]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/111591663</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/111591663</guid><author>Gnemoah6</author><pubDate>Wed, 23 Dec 2020 15:47:10 +0800</pubDate><description><![CDATA[this指向的所有情况
情况一、
在普通的函数里面，当调用函数时，this的指向是window
代码示范
function mode(){
          console.log(this)//这里this的值是window
      } 
      mode()


情况二、
在构造函数里面this的指向是实例的对象
代码示范
unction Mode(){
        console.log(this)
      }
      var aa=new Mode() //new关键字，通过函]]></description><category></category></item><item><title><![CDATA[js原型和继承]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/111504194</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/111504194</guid><author>Gnemoah6</author><pubDate>Tue, 22 Dec 2020 08:27:33 +0800</pubDate><description><![CDATA[原型和继承
1、对象的几种创建方式
1.1字面量方式
var obj = {};//不常用

此种方式在主要用来创建 json 数据，一般不会用来创建对象
1.2普通的方式
var Person=new Object()
Person.name='lhy'
Person.age=18
Person.speak=function(){
  console.log('hello');
}
console.log(Person);

缺点：

因为是基于 Object 基类创建，所以无法获知对象的具体类型
初始化]]></description><category></category></item><item><title><![CDATA[css相关总结]]></title><link>https://blog.youkuaiyun.com/Gnemoah6/article/details/110872212</link><guid>https://blog.youkuaiyun.com/Gnemoah6/article/details/110872212</guid><author>Gnemoah6</author><pubDate>Tue, 08 Dec 2020 14:12:28 +0800</pubDate><description><![CDATA[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]]></description><category></category></item></channel></rss>