<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[H5_zhoujun的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/H5_zhoujun</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; H5_zhoujun]]></copyright><item><title><![CDATA[Vue中的底层原理]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93226890</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93226890</guid><author>H5_zhoujun</author><pubDate>Thu, 10 Dec 2020 16:41:00 +0800</pubDate><description><![CDATA[数据驱动
当数据发生改变时，视图也会进行更新，这叫做数据驱动，也就是数据驱动视图
深入响应式原理
数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新
双向数据绑定原理
当我们使用 v-model 指令绑定了表单元素时，那么我们可以在视图直接获得数据，当视图发生改变时，数据也会进行更新

综上： 三者都是应用了同一个底层原理，这个底层原理由es5的 Object.d...]]></description><category></category></item><item><title><![CDATA[前沿功能及改动]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/110879784</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/110879784</guid><author>H5_zhoujun</author><pubDate>Tue, 08 Dec 2020 20:01:31 +0800</pubDate><description><![CDATA[cookie
cookieStore
转载博客
原来操作cookie只有document.cookie一个api
Chrome 87 版本中 新的API：cookieStore(异步)
获取cookie
cookieStore.get('cookieName')
cookieStore.get({domain:'cookieName'}) // 可获取该域名下所有cookie

设置 Cookie
cookieStore.set({name:'cookieName',value:cookieValue,do]]></description><category></category></item><item><title><![CDATA[前端学习杂记(JS)]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/102697081</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/102697081</guid><author>H5_zhoujun</author><pubDate>Mon, 21 Sep 2020 15:12:05 +0800</pubDate><description><![CDATA[这篇博文是自己在工作中学到的关于JS的之前不知道的新知识。
将其记录下来并分享一下
处理一个对象内的数据的方法
Object.entries(data).forEach([key, value]) =&gt; {
	// dosomething
	}
// Object.entries(data)  data为我们要处理的对象 返回一个数组每项为对象键值对组成的数组的二维数组 如：
const d...]]></description><category></category></item><item><title><![CDATA[将页面内容生成图片并下载]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/108710668</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/108710668</guid><author>H5_zhoujun</author><pubDate>Mon, 21 Sep 2020 15:04:27 +0800</pubDate><description><![CDATA[使用 html2canvas
安装
npm i html2canvas -S

具体代码
import React, { Component } from "react";
import html2canvas from 'html2canvas';

export default class download extends Component {
  constructor(props) {
    super(props);
  }
  
  download = () =&gt; {
    con]]></description><category></category></item><item><title><![CDATA[一些少见的前端函数记录]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/106696829</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/106696829</guid><author>H5_zhoujun</author><pubDate>Thu, 11 Jun 2020 20:55:56 +0800</pubDate><description><![CDATA[一些偏门的js方法
//	获取GPU信息
(function () {
    var canvas = document.createElement('canvas'),
        gl = canvas.getContext('experimental-webgl'),
        debugInfo = gl.getExtension('WEBGL_debug_renderer_info');
 
    console.log(gl.getParameter(debugInfo.UNMAS]]></description><category></category></item><item><title><![CDATA[前端学习杂记(css)]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/102695852</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/102695852</guid><author>H5_zhoujun</author><pubDate>Wed, 23 Oct 2019 10:37:41 +0800</pubDate><description><![CDATA[这个博文是记录我在工作中学到的关于css的一些之前不知道的新知识
实现元素内文字垂直水平居中的方法:
// (1) 常用方法
height: 50px;
text-align: center;
line-height: 50px;   //行高与高度设置为一样 则字体垂直居中

// (2) 学到的新方法
display: flex;
align-items: center;
justify-co...]]></description><category></category></item><item><title><![CDATA[学习笔记(高阶正则表达式)]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/102676963</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/102676963</guid><author>H5_zhoujun</author><pubDate>Tue, 22 Oct 2019 10:15:26 +0800</pubDate><description><![CDATA[正则表达式中有前瞻（Lookahead）和后顾（Lookbehind）的概念，需要注意一点，正则表达式中的前和后和我们一般理解的前后有点不同。一段文本，我们一般习惯把文本开头的方向称作“前面”，文本末尾方向称为“后面”。但是对于正则表达式引擎来说，因为它是从文本头部向尾部开始解析的（可以通过正则选项控制解析方向），因此对于文本尾部方向，称为“前”，因为这个时候，正则引擎还没走到那块，而对文本头部方...]]></description><category></category></item><item><title><![CDATA[react组件的数据挂载方式]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/98239351</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/98239351</guid><author>H5_zhoujun</author><pubDate>Fri, 02 Aug 2019 21:35:38 +0800</pubDate><description><![CDATA[React中数据分为两个部分

属性
状态
一般来说 频繁变化的就写成状态

属性(props)
props是正常从外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是你可以通过父组件主动重新渲染的方式来传入新的 props
属性是描述性质、特点的，组件自己不能随意更改。
之前的组件代码里面有props的简单使用，总的来说，在使用一个组件的时候，可以把参数放在标签的属...]]></description><category></category></item><item><title><![CDATA[react元素和组件]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/98237488</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/98237488</guid><author>H5_zhoujun</author><pubDate>Fri, 02 Aug 2019 20:59:17 +0800</pubDate><description><![CDATA[react开发需要引入多个依赖文件：react.js、react-dom.js，分别又有开发版本和生产版本，create-react-app里已经帮我们把这些东西都安装好了。把通过CRA创建的工程目录下的src目录清空，然后在里面重新创建一个index.js. 写入以下代码:
// 从 react 的包当中引入了 React。只要你要写 React.js 组件就必须引入React, 因为react...]]></description><category></category></item><item><title><![CDATA[vue中的监听属性和计算属性]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/95373948</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/95373948</guid><author>H5_zhoujun</author><pubDate>Wed, 10 Jul 2019 20:20:11 +0800</pubDate><description><![CDATA[计算属性（computed）

vue中的计算属性是非常棒的东西，它兼具了逻辑和变量。可以让我们不再关注视图层，值关注代码的逻辑即可。至于数据如何展现则只需由Vue负责，不需要我们的参与。
所以如果在面临选择是使用计算属性还是监视属性的情况下，优先选择计算属性

        &lt;p&gt;Original message: "{{ message }}"&lt;/p&gt;
       ...]]></description><category></category></item><item><title><![CDATA[mongodb数据库]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/95079883</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/95079883</guid><author>H5_zhoujun</author><pubDate>Mon, 08 Jul 2019 18:00:12 +0800</pubDate><description><![CDATA[mongodb
安装配置

在Mongodb官网下载最新版本的Mongodb下载地址
下载msi的window安装包，可以装到C盘或者D盘目录下
配置
由于我是安装在D盘的环境下
D:\Program Files (x86)\MongoDB\Server\3.2\bin

所以在bin文件夹下找到mongod.exe命令，然后通过管理员执行mongod --dbpath x路径x，路径可以是任何地...]]></description><category></category></item><item><title><![CDATA[Webpack 配置文件书写]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/94721934</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/94721934</guid><author>H5_zhoujun</author><pubDate>Fri, 05 Jul 2019 11:11:55 +0800</pubDate><description><![CDATA[Webpack 配置文件书写
webpack配置文件
也是Node.js文件
这个文件也是一个独立的 Common.js 模块
webpack单页面配置
const path = require('path')

// 1. 创建模块

const webpackConfig = {
  entry: './src/index.js', //网络路径（ 相对路径 ）
  output: { //出...]]></description><category></category></item><item><title><![CDATA[框架级的数据请求]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93226533</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93226533</guid><author>H5_zhoujun</author><pubDate>Fri, 21 Jun 2019 20:08:24 +0800</pubDate><description><![CDATA[框架级的数据请求


axios ( 第三方库 — 别人封装好的库 )


fetch ( javascript 原生提供 )


vue这边的数据请求的发展



vue-resource ( Vue 以前自己封装使用的请求类库 ) ，但是 vue-resource作者已经放弃更新了
vue-resource 作者推荐我们使用 axios
vue-resource 用法  和  axios   ...]]></description><category></category></item><item><title><![CDATA[Vue随想]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93224223</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93224223</guid><author>H5_zhoujun</author><pubDate>Fri, 21 Jun 2019 19:48:36 +0800</pubDate><description><![CDATA[vue是 MVVM 框架

M： Model    数据
V： View        视图
VM: ViewModel  视图模型

mustache语法糖对数据类型的支持（ js语法的支持 ）
数据类型：
​      第一种划分：
​        基础数据类型： number string boolean
​        复杂数据类型: Object( array  function )...]]></description><category></category></item><item><title><![CDATA[项目开发相关随笔]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93222231</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93222231</guid><author>H5_zhoujun</author><pubDate>Fri, 21 Jun 2019 19:34:42 +0800</pubDate><description><![CDATA[前后端分离 、 前后端不分离

市场流行：

前后端分离


前后端分离好处：

开发方法优化了
对亿万级数据请求可以做并发处理


很久以前（ 10 - 13年 ） 前后端不分离项目

不分离：
前端 --》 后端 --》 jsp  --&gt; 前后端项目集成（ 成功 ）
前端 --》 后端 --》 jsp  --&gt; 前后端项目集成（ 失败 ） -前端二次反工 -后端反工 -集成

互联...]]></description><category></category></item><item><title><![CDATA[token概要]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93220836</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93220836</guid><author>H5_zhoujun</author><pubDate>Fri, 21 Jun 2019 19:22:45 +0800</pubDate><description><![CDATA[Token
在计算机身份认证中是令牌（临时）的意思，在词法分析中是标记的意思。一般作为邀请、登录系统使用。
1 token的使用场景

无状态请求
保持用户的登录状态
第三方登录（token+auth2.0）

2 token使用流程


先安装openssl( https://blog.youkuaiyun.com/sunhuansheng/article/details/82218678 )

先安装pe...]]></description><category></category></item><item><title><![CDATA[express 概要]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93208946</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/93208946</guid><author>H5_zhoujun</author><pubDate>Fri, 21 Jun 2019 17:36:04 +0800</pubDate><description><![CDATA[1.express是什么？
Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能
2. express的优点?

express可以帮助我们快速构建web服务器 /  api服务器
express提供了一个快速生成工具 express-generator

快速生成工具： 帮助我们快速创建一个项目的工具



3. 安装...]]></description><category></category></item><item><title><![CDATA[前端开发规范]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/92772063</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/92772063</guid><author>H5_zhoujun</author><pubDate>Tue, 18 Jun 2019 11:26:10 +0800</pubDate><description><![CDATA[前端的开发规范
本文主要从以下几个方面来概述前端的开发规范

目录构建规范
前端命名规范
前端工作规范
开发文档的书写规范

1. 前端目录构建规范
我们从命名原则、根目录、业务逻辑等方面进行目录构建
1.1 命名原则：
- 简洁明了（如下：）
  * src 源代码   
  * img  图片资源    image images
  * js  JavaScript脚本  
  * dep 第...]]></description><category></category></item><item><title><![CDATA[node.js 概念和文件系统]]></title><link>https://blog.youkuaiyun.com/H5_zhoujun/article/details/91491774</link><guid>https://blog.youkuaiyun.com/H5_zhoujun/article/details/91491774</guid><author>H5_zhoujun</author><pubDate>Wed, 12 Jun 2019 11:00:41 +0800</pubDate><description><![CDATA[为什么是JavaScript


node js 不是因为js 产生的


node 选择了js


what is node ？
Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境      王者
Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效

事件驱动： 任务执行，发布者，订阅者，事件驱动 （  on  emit  ）
非阻塞： 执行某一...]]></description><category></category></item></channel></rss>