<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[M106588L的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/M106588L</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; M106588L]]></copyright><item><title><![CDATA[剪贴板功能的实现]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/103304445</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/103304445</guid><author>M106588L</author><pubDate>Fri, 29 Nov 2019 09:26:35 +0800</pubDate><description><![CDATA[利用利用的插件包  clipboard-polyfill

import React, { Component } from 'react'

import clipboard from "clipboard-polyfill"
import {Button} from "antd"

export default class Main extends Component {
    const...]]></description><category></category></item><item><title><![CDATA[当async/await碰见forEach-------------爆炸]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/103304266</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/103304266</guid><author>M106588L</author><pubDate>Fri, 29 Nov 2019 09:19:08 +0800</pubDate><description><![CDATA[let p = ['http://img3.imgtn.bdimg.com/it/u=3278834702,2663618759&amp;fm=26&amp;gp=0.jpg', 'http://img5.imgtn.bdimg.com/it/u=4180508012,1972588723&amp;fm=15&amp;gp=0.jpg', 'http://img10.360buyimg.com/n...]]></description><category></category></item><item><title><![CDATA[web前端总结]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/103155443</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/103155443</guid><author>M106588L</author><pubDate>Wed, 20 Nov 2019 08:41:19 +0800</pubDate><description><![CDATA[如果想要吸收更多的知识,请拿起你的小手，点击一下.
web前端总结
28个javascript的技巧

]]></description><category></category></item><item><title><![CDATA[Css动画]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/103035884</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/103035884</guid><author>M106588L</author><pubDate>Tue, 12 Nov 2019 18:38:38 +0800</pubDate><description><![CDATA[transition过渡动画
改变属性

位移 translate


transform

translate(x,y) 改变位移(2d)
translate(x,y,z) 3d转换 用于z轴的值
translateX(x)  改变x方向
translateY(y)  改变y方向
translateZ(z)  改变z方向

缩放 scale
scale(数值) 缩放元素的倍数
scale(x,y...]]></description><category></category></item><item><title><![CDATA[React与Vue的区别与联系原理]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/102793800</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/102793800</guid><author>M106588L</author><pubDate>Tue, 29 Oct 2019 10:13:14 +0800</pubDate><description><![CDATA[React与Vue的区别与联系原理

通常解答:

Vue是采用指令结合vue-loader实现构建用户界面的渐进式框架，React是采用jsx构建用户界面的组件化开发



大牛解法

在渲染用户界面的时候，DOM的操作是最昂贵，不幸的是没有库可以让这些原始操作变得更快。我们能做的最好的就是尽量减少DOM操作。Vue 和 React 都使用虚拟DOM来实现，并且两者工作一样好；

相同点：

都...]]></description><category></category></item><item><title><![CDATA[正则的定义及语法]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/102721536</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/102721536</guid><author>M106588L</author><pubDate>Thu, 24 Oct 2019 13:47:52 +0800</pubDate><description><![CDATA[正则的定义

正则就是规则，用来操作字符串的，判断字符串格式是否正确。
正则就是用来验证字符串的。

正则写法

语法:正则字面量（字符串）     var reg = // reg就可以验证字符串。

正则对象

语法：创建正则对象          对象:new RegExp(模式,修饰符);

正则对象和正则字符串的区别

(1)正则对象里：要使用双斜杠 \w ,\d,  转义时，也要双 \...]]></description><category></category></item><item><title><![CDATA[最全整理浏览器兼容性问题与解决方案]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/102500787</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/102500787</guid><author>M106588L</author><pubDate>Fri, 11 Oct 2019 14:34:14 +0800</pubDate><description><![CDATA[想要知道各个浏览器的兼容问题就请抬起你的小手点击下面的一段文字吧，快来吧！！！！！！！！！！！
 常见浏览器兼容性问题与解决方案

]]></description><category></category></item><item><title><![CDATA[简单倒计时实现，精确到到天，时，分，秒，具体可自行设置]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/102495829</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/102495829</guid><author>M106588L</author><pubDate>Fri, 11 Oct 2019 10:10:32 +0800</pubDate><description><![CDATA[欢迎来到我的博客
不废话，直接上代码，代码虽然简单，能给读者带来点丝毫的便利也是好的。
&lt;html&gt;
&lt;head lang="en"&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;倒计时实现&lt;/title&gt;
    &lt;style&gt;
        .ddd{
            width:...]]></description><category></category></item><item><title><![CDATA[egg+react 增加 删除 详情]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101754284</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101754284</guid><author>M106588L</author><pubDate>Mon, 30 Sep 2019 10:11:06 +0800</pubDate><description><![CDATA[以下的这些就是一个简单的增删查
技术栈
前台：react
后台： egg+mysql
后台

app/controller.user

'use strict';

const Controller = require('egg').Controller;
class userController extends Controller {
   //获取数据库数据
  async userlist...]]></description><category></category></item><item><title><![CDATA[egg+vue 登录,注册分页器，详情，添加]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101751209</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101751209</guid><author>M106588L</author><pubDate>Mon, 30 Sep 2019 09:46:46 +0800</pubDate><description><![CDATA[这是一个小型还没有完善的特别完整的案例，里面包括了上面的功能，希望对小伙伴们有帮助哦！！！！！！！
技术栈

前台  vue +element-ui
后台 egg+mysql

注意以下几点

首先需要配置 config.default.js和plugin，里面包括mysql的配置,以及安全检测的关闭。

* config.default.js
config.mysql = {
  // 单数据库...]]></description><category></category></item><item><title><![CDATA[豆瓣-》模糊搜索-》详情]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101264886</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101264886</guid><author>M106588L</author><pubDate>Tue, 24 Sep 2019 09:28:13 +0800</pubDate><description><![CDATA[这个里面包括了详情和模糊搜索

app.js 豆瓣接口

 globalData: {
    url: "http://t.yushu.im/",//主域名
    coming: "/v2/movie/coming_soon",//最近上映
    theaters: "/v2/movie/in_theaters",//热门
    top250: "/v2/movie/top250",//2...]]></description><category></category></item><item><title><![CDATA[微信小程序 购物车+详情+swiper]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101111020</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101111020</guid><author>M106588L</author><pubDate>Sat, 21 Sep 2019 17:10:08 +0800</pubDate><description><![CDATA[这个小案例里面有购物车的加减，全选，总价，总数，swiper,详情，对于初学微信小程序的小伙伴们,希望对你们能够有帮助哦。


如何小伙伴们要写本地数据的话可以写在app.js里面哦，


首先在主文件夹里面的app.json里面写上tabBar

这个里面有点击图片选中与没选中的生僻单词，一定要记住哦



 "tabBar": {
    "list": [
      {
        "...]]></description><category></category></item><item><title><![CDATA[解决各浏览器存在的兼容问题]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101102135</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101102135</guid><author>M106588L</author><pubDate>Sat, 21 Sep 2019 11:53:22 +0800</pubDate><description><![CDATA[1.问题：png24 位的图片在 iE6 浏览器上出现背景
解决：解决方案是做成 PNG8

2.问题：浏览器默认的 margin 和 padding 不同。
解决：方案是加一个全局的 *{margin:0;padding:0;} 来统一。

3.问题：IE6 双边距 bug，浮动后产生的双倍距离:块属性标签 float 后，又有横行的 margin 情况下，在ie6 显示 margin 比设置的...]]></description><category></category></item><item><title><![CDATA[axios封装请求响应拦截]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101101828</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101101828</guid><author>M106588L</author><pubDate>Sat, 21 Sep 2019 11:44:27 +0800</pubDate><description><![CDATA[这段代码是运用axios封装请求,响应,请求头，并且将get和post请求的接口直接暴露出来了，

小伙伴们如果需要使用，必须主要在请求后台数据的时候使用 post/get("接口").then(res=&gt;{console.log(返回数据)})

import axios from "axios";

let request = axios.create({
    /*
    * pr...]]></description><category></category></item><item><title><![CDATA[隐藏元素的各种方法]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101078295</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101078295</guid><author>M106588L</author><pubDate>Fri, 20 Sep 2019 21:07:59 +0800</pubDate><description><![CDATA[CSS隐藏元素的几种方法
1、display，使用none值会让元素从文档中直接删除，”直接消失不见了”
用法：display:none
优点：简单暴力，不需要多余代码。不占空间，对布局没影响。
缺点：元素从文档删除，不利于seo
2、text-indent，一般是首行缩2个中文字的用法是text-indent:2em。但当给他一个足够大的负值，大到一般我们浏览器无法显示。
用法：text-ind...]]></description><category></category></item><item><title><![CDATA[egg.js中使用egg-mysql操作mysql数据库]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101076673</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101076673</guid><author>M106588L</author><pubDate>Fri, 20 Sep 2019 20:43:22 +0800</pubDate><description><![CDATA[在 egg项目中安装 egg-mysql
npm i egg-mysql --save

2、在{app_root}/config/plugin.js中启用 egg-mysql插件:
'use strict';
/** @type Egg.EggPlugin */
module.exports = {
    //mysql
    mysql:{
        enable:true,
   ...]]></description><category></category></item><item><title><![CDATA[socket.io+egg+react_聊天室]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101076470</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101076470</guid><author>M106588L</author><pubDate>Fri, 20 Sep 2019 20:10:33 +0800</pubDate><description><![CDATA[技术栈：Socket+egg+react
前端react(vue和小程序都可以)
后端：egg,
通信工具：socket.io
socket官网：https://www.w3cschool.cn/socket/socket-1olq2egc.html

socket.io.js是什么呢:比如你和你的男朋友结婚了，你希望你们的家人都能见证你的幸福，这个聊天室就能帮你通知到你的家人们。
socket....]]></description><category></category></item><item><title><![CDATA[Socket_简单聊天室]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101055385</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101055385</guid><author>M106588L</author><pubDate>Fri, 20 Sep 2019 15:02:07 +0800</pubDate><description><![CDATA[socket是什么呢，通俗一点其实就是我们现在的微信，QQ所有的社交软件，所以现在我们把这个功能用简单的代码实现出来。
现在这个呢是一个简单的聊天室，前台运用了index.html和nodejs写出来的一个小型聊天室

app.js

首先需要下载一个ws



/*
* 搭建一个服务
* 等待客户端连接
* 收发消息
* ws
* */

//1: 引入模块
let WebSocket = re...]]></description><category></category></item><item><title><![CDATA[node.js爬虫]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101054850</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101054850</guid><author>M106588L</author><pubDate>Fri, 20 Sep 2019 11:23:45 +0800</pubDate><description><![CDATA[小伙伴们参考一下代码，可以将网上的代码收入你的囊中哦，加油！！！手指动起来吧
'use strict';

const Controller = require('egg').Controller;

const superagent = require('superagent')
const cheerio = require('cheerio')

function format3Mooc(h...]]></description><category></category></item><item><title><![CDATA[javascript之apply()和call()用法浅析]]></title><link>https://blog.youkuaiyun.com/M106588L/article/details/101034895</link><guid>https://blog.youkuaiyun.com/M106588L/article/details/101034895</guid><author>M106588L</author><pubDate>Thu, 19 Sep 2019 20:19:49 +0800</pubDate><description><![CDATA[每个函数都包含两个非继承而来的方法：apply()和call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。
首先，apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是Array的实例，也可以是arguments对象。
call()方法与apply()方法的作用相同。它们的区别仅在于接收参数的方式不同。对...]]></description><category></category></item></channel></rss>