<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[DGplayweb的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/DGplayweb</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; DGplayweb]]></copyright><item><title><![CDATA[pdfjs-dist]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/139743955</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/139743955</guid><author>DGplayweb</author><pubDate>Mon, 17 Jun 2024 14:47:23 +0800</pubDate><description><![CDATA[pdfjs-dist 版本过高会导致 项目编译启动失败！此为编译运行失败断点。]]></description><category></category></item><item><title><![CDATA[uni-app 微信小程序 ，base64转化二进制]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/138187665</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/138187665</guid><author>DGplayweb</author><pubDate>Thu, 25 Apr 2024 14:36:07 +0800</pubDate><description><![CDATA[uni-app base64]]></description><category></category></item><item><title><![CDATA[vue 中 Echarts 视图动态更新]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/122986116</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/122986116</guid><author>DGplayweb</author><pubDate>Thu, 17 Feb 2022 16:51:00 +0800</pubDate><description><![CDATA[vue 中 Echarts 视图动态更新
需求：父组件中数据跟新，子组件视图更新。
思路：子组件watch监听 props数据的变更，当监听到变更时，重新加载 options配置。
所以父组件只需要更新数据，子组件来接收监听
&lt;template&gt;
  &lt;div&gt;
    &lt;div :id="id" style="width:100%; height: 100%"&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;scri]]></description><category></category></item><item><title><![CDATA[js 下载图片自定义名字]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/121926745</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/121926745</guid><author>DGplayweb</author><pubDate>Mon, 20 Dec 2021 16:42:51 +0800</pubDate><description><![CDATA[图片转blob 亲测好用]]></description><category></category></item><item><title><![CDATA[JS处理JSON字符串转数组，数字超17为处理方法]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/121680609</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/121680609</guid><author>DGplayweb</author><pubDate>Mon, 20 Dec 2021 16:42:01 +0800</pubDate><description><![CDATA[这里写自定义目录标题
js 把json字符串解析成数组的时候  数字超过17位的 会把剩余的都补成0 造成数据错误   解决办法是 用正则把数字转成字符串 再解析就好了  配上一个正则 replace(/(\d{10,25})/g, ‘"$&amp;"’)  意思是把10-25位的数字转成字符串   这个是我遇到的问题 我字符串里有颜色  直接把数字转成字符串 会造成颜色错误。比如f00 会转成f"00"

...]]></description><category></category></item><item><title><![CDATA[webpack——核心概念]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/111473221</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/111473221</guid><author>DGplayweb</author><pubDate>Mon, 21 Dec 2020 13:39:13 +0800</pubDate><description><![CDATA[webpack核心概念：
1、entry (入口)
入口起点 (entry point) 指示 webpack 应该是用于那一模块，来作为构建其内部依赖的开始 

    module.exports = {
        entry:"path/tu/my/entry/file.js"
    }

2、output (出口)
output 属性告诉 webpack 在那里输出他所创建的bundle，以及如何命名这些文件

    const path = require('path')

    mo]]></description><category></category></item><item><title><![CDATA[常量 const]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/111469723</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/111469723</guid><author>DGplayweb</author><pubDate>Mon, 21 Dec 2020 11:14:45 +0800</pubDate><description><![CDATA[变量声明 const
const具有let以下属性
1、不属于顶层对象window
2、不允许重复声明
3、不存在变量提升
4、暂时性死区 (在块级作用域内let必须先声明再定义，不可以先定义再声明)
5、块级作用域
常量 不可变
ES5 定义常量
Object.defineProperty(window, 'a', {
  value: "这是一个常量",
  // 不可修改 true/false
  writable: false
})
console.log(a);
 a = 132;
console]]></description><category></category></item><item><title><![CDATA[ES6 换了名字的变量]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/111362653</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/111362653</guid><author>DGplayweb</author><pubDate>Fri, 18 Dec 2020 19:16:43 +0800</pubDate><description><![CDATA[ES6 换了名字的变量变量声明 let不属于顶层对象window不允许重复声明不存在变量提升暂时性死区块级作用域
变量声明 let
不属于顶层对象window
 	var a = 5;
	let b = 6;
	console.log(window.a);
	console.log(window.b);

很简单，由var声明的a是winow的属性，而由let声明的b并不是window的属性，所以let不属于全局对象window。
var声明的变量全部挂载到window上，那window这个变量就会变得越来]]></description><category></category></item><item><title><![CDATA[清楚浮动的方法]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/110858790</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/110858790</guid><author>DGplayweb</author><pubDate>Tue, 08 Dec 2020 11:32:30 +0800</pubDate><description><![CDATA[为什么要清除浮动？
清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题


如下，父盒子又border方便辨识，内部又有两个盒子，未加浮动，默认撑开父盒子



·现在是给两个子盒子加上 folat：left ，左浮动

可以明显看到父盒子的边框合在一块，height：0 ；


总结得出：
父级元素不给高度，而且子元素未加浮动时会自动撑开父级元素。
父级元素不给高度，子元素添加浮动，父元素不会被撑开，从而height为0，border变成一条线
清楚浮动的方法


父元素给予高度
很多]]></description><category></category></item><item><title><![CDATA[vue cli脚手架搭建]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/110824561</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/110824561</guid><author>DGplayweb</author><pubDate>Mon, 07 Dec 2020 18:43:14 +0800</pubDate><description><![CDATA[1、什么是vue­cli
是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。
2、全局安装vue­cli
前期准备
下载node安装包,傻瓜式安装(下一步,下一步……)
https://nodejs.org/en/
http://nodejs.cn/download


检查npm 版本，建议安装到最新版本。
【命令行查看版本号】
node ­v
npm ­v
【升级npm（可选操作）】npm install ­g npm
【修改为淘宝镜像（可选操作）】
npm c]]></description><category></category></item><item><title><![CDATA[ES6常见面试题（三）]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/109449572</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/109449572</guid><author>DGplayweb</author><pubDate>Mon, 02 Nov 2020 15:21:41 +0800</pubDate><description><![CDATA[15、使用class 手写一个promise
//创建一个Promise的类
  class Promise{
    constructor(executer){//构造函数constructor里面是个执行器
      this.status = 'pending';//默认的状态 pending
      this.value = undefined//成功的值默认undefined
      this.reason = undefined//失败的值默认undefined
      //状态]]></description><category></category></item><item><title><![CDATA[ES6常见面试题（二）]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/109340481</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/109340481</guid><author>DGplayweb</author><pubDate>Wed, 28 Oct 2020 20:19:55 +0800</pubDate><description><![CDATA[8、 setTimeout、Promise、Async/Await 的区别
事件循环中分为宏任务队列和微任务队列
其中setTimeout的回调函数放到宏任务队列里，等到执行栈清空以后执行promise.then里的回调函数会放到相应宏任务的微任务队列里，等宏任务里面的同步代码执行完再执行async函数表示函数里面可能会有异步方法，await后面跟一个表达式
async方法执行时，遇到await会立即执行表达式，然后把表达式后面的代码放到微任务队列里，让出执行栈让同步代码先执行
9、 promise有几种状]]></description><category></category></item><item><title><![CDATA[ES6常见面试题（一）]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/109290901</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/109290901</guid><author>DGplayweb</author><pubDate>Mon, 26 Oct 2020 15:41:39 +0800</pubDate><description><![CDATA[1、es5和es6的区别，说一下你所知道的es6
ECMAScript5，即ES5，是ECMAScript的第五次修订，于2009年完成标准化ECMAScript6，即ES6，是ECMAScript的第六次修订，于2015年完成，也称ES2015ES6是继ES5之后的一次改进，相对于ES5更加简洁，提高了开发效率ES6新增的一些特性：
1）let声明变量和const声明常量，两个都有块级作用域ES5中是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明
2）箭头函数ES6中的函数定]]></description><category></category></item><item><title><![CDATA[优化高性能JS代码的几个要点，以及背后的原理]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/109228162</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/109228162</guid><author>DGplayweb</author><pubDate>Thu, 22 Oct 2020 19:22:30 +0800</pubDate><description><![CDATA[写在前面
作为一个前端开发人员，我一直难以理解学习计算基础知识的重要性，这是因为我难以想象这些知识会以何种方式应用到前端开发的工作上。
然而在csapp 优化程序性能 这一节，彻底的改变了我的想法，作者讲述了对于一个正确，良好编写的c语言程序，如何优化它的性能。
对一段相同功能的代码，优化后与优化前产生了巨大的差别，速度得到了几十倍的提升。然而，令我困惑的是，js与c这两种在语言层次上相差如此之大的语言，这样的优化是否有同样的效果？经过实践，答案是yes。
因此计算机基础知识并不是空中楼阁，它确实有用，让你]]></description><category></category></item><item><title><![CDATA[JavaScript三目运算符的使用]]></title><link>https://blog.youkuaiyun.com/DGplayweb/article/details/103448353</link><guid>https://blog.youkuaiyun.com/DGplayweb/article/details/103448353</guid><author>DGplayweb</author><pubDate>Sun, 08 Dec 2019 20:32:13 +0800</pubDate><description><![CDATA[三目运算符
什么是：根据不同的条件，执行不同的操作/返回不同的值
语法： 条件1?值1或操作1: //如果满足条件1，就返回值1或执行操作1
条件2?值2或操作2: //否则，如果满足条件2，就返回值2或执行操作2
…?..: 默认值或操作; //否则，（前边条件都不满足） //执行默认操作，或返回默认值 总结：多个条件，多件事，多选一执行。
js：如果操作语句比较简单，建议用三目运算替代if…e...]]></description><category></category></item></channel></rss>