<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[h_el_lo的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/h_el_lo</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; h_el_lo]]></copyright><item><title><![CDATA[js知识点学习笔记]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/109116728</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/109116728</guid><author>h_el_lo</author><pubDate>Tue, 14 Mar 2023 13:51:02 +0800</pubDate><description><![CDATA[计算机基础


编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，最终得到结果的过程。


计算机语言：指人与计算机之间的通讯的语言。


计算机语言分为机器语言，汇编语言、高级语言。


汇编语言只是指令采用英文缩写和指令符，更容易识别和记忆。


高级语言：包括c语言、c++、java、c#、php、javascript等。


编程语言有很强的的逻辑和行为能力，是主动的，标记语言（html）不用于向计算机发出指令，常用于格式化链接，是用来被读取的，是被动的。


计算机硬件（输入设备]]></description><category></category></item><item><title><![CDATA[浅谈浅克隆和深度克隆复杂数据类型的数据]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/124848224</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/124848224</guid><author>h_el_lo</author><pubDate>Wed, 25 May 2022 10:18:18 +0800</pubDate><description><![CDATA[浅克隆
浅克隆可以把源对象上的数据复制到目标对象上去,对于源对象上简单数据类型可以完全复制，对于源对象上的复杂数据类型则复制的是引用地址

]]></description><category></category></item><item><title><![CDATA[前端图片转成base64并压缩的实现方案]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/124802067</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/124802067</guid><author>h_el_lo</author><pubDate>Mon, 16 May 2022 18:30:15 +0800</pubDate><description><![CDATA[图片转base64方案

]]></description><category></category></item><item><title><![CDATA[h5针对移动端适配问题]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/124800177</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/124800177</guid><author>h_el_lo</author><pubDate>Mon, 16 May 2022 17:46:41 +0800</pubDate><description><![CDATA[h5适配移动端

]]></description><category></category></item><item><title><![CDATA[微信小程序里面嵌套的h5使用微信sdk配置踩坑]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/124801608</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/124801608</guid><author>h_el_lo</author><pubDate>Mon, 16 May 2022 17:25:28 +0800</pubDate><description><![CDATA[小程序嵌套h5使用微信sdk接口

]]></description><category></category></item><item><title><![CDATA[浅谈vue项目的优化]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/124551653</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/124551653</guid><author>h_el_lo</author><pubDate>Mon, 16 May 2022 16:44:54 +0800</pubDate><description><![CDATA[一、静态图片压缩
通过配置webpack,安装image-webpack-loader插件来压缩图片
  chainWebpack: config =&gt; {
      //开启图片压缩
      config.module.rule('images')
      .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
      .use('image-webpack-loader')
      .loader('image-webpack-loader')
      ]]></description><category></category></item><item><title><![CDATA[解决嵌套在小程序中h5页面的缓存问题]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/124796635</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/124796635</guid><author>h_el_lo</author><pubDate>Mon, 16 May 2022 14:56:32 +0800</pubDate><description><![CDATA[针对微信小程序中嵌套的web-view页面缓存清除方案
框架技术： vue2

方案一
（1）方案：
动态的给项目中的js和css资源文件加版本号或者时间戳,，在每次更新代码时更新js、css文件名，用户在加载页面时在引入文件名称变化时都会重新请求资源。这样就能实现清除缓存的目的。
（2）实现：
在vue.config.js文件中增加相关配置，在打包时给生成的js和css文件加上时间戳
代码如下：
const Timestamp = new Date().getTime()
module.exports .]]></description><category></category></item><item><title><![CDATA[前端生成pdf和word]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/122079017</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/122079017</guid><author>h_el_lo</author><pubDate>Wed, 22 Dec 2021 10:10:38 +0800</pubDate><description><![CDATA[生成pdf

引入html2canvas和jsPDF插件
调用html2canvas


pdfdom是导出的页面最外成元素，a4纸的大小592.28*841.89px

 html2canvas(pdfdom,
            {	
                padding: 0,
                width: 592.28 * 2,
                dpi: 192,
                scale: 2, // 页面缩放
           ]]></description><category></category></item><item><title><![CDATA[es6的promise语法理解学习]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/121831981</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/121831981</guid><author>h_el_lo</author><pubDate>Thu, 09 Dec 2021 16:53:06 +0800</pubDate><description><![CDATA[function getNum(num) {
    return new Promise((resolve,reject) =&gt; {
        setTimeout(() =&gt; {
            if(num &lt; 10) {
                resolve(num * 2)
            }else {
                reject('数字大于10')
            }
        },100)
    })
}
f]]></description><category></category></item><item><title><![CDATA[用js实现百度热搜榜的动态的效果]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/121810361</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/121810361</guid><author>h_el_lo</author><pubDate>Thu, 09 Dec 2021 11:48:08 +0800</pubDate><description><![CDATA[实现效果



html代码如下


   &lt;div class="box"&gt;
        &lt;ul&gt;
            &lt;li&gt;
                &lt;div class="imgbox"&gt;
                    &lt;img src="https://fyb-1.cdn.bcebos.com/hotboard_img/704d02b8f97781861dce050a22f8f970?x-bce-process=i..]]></description><category></category></item><item><title><![CDATA[利用css3的3d旋转透视加动画做的一个骰子动态效果]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/121789698</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/121789698</guid><author>h_el_lo</author><pubDate>Wed, 08 Dec 2021 14:05:41 +0800</pubDate><description><![CDATA[实现效果



代码


 &lt;div class="father"&gt;
        &lt;div class="son son1"&gt;1&lt;/div&gt;
        &lt;div class="son son2"&gt;2&lt;/div&gt;
        &lt;div class="son son3"&gt;3&lt;/div&gt;
        &lt;div class="son son4"&gt;4&lt;/div&gt;
        &lt;d..]]></description><category></category></item><item><title><![CDATA[canvas学习做一些记录]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/121746414</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/121746414</guid><author>h_el_lo</author><pubDate>Mon, 06 Dec 2021 15:07:52 +0800</pubDate><description><![CDATA[标签

canvas标签用来初始出来一块画布,可以用来绘制处理图形
getContext(“2d”)用来绘制2d图形

var canvas = document.getElementById('tutorial');
var ctx = canvas.getContext('2d');

常用的api
绘制矩形

绘制填充一个矩形

fillRect(x, y, width, height)


绘制一个矩形的边框

 strokeRect(x, y, width, height)


清除指定矩形区域，]]></description><category></category></item><item><title><![CDATA[webpack打包学习]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/121694787</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/121694787</guid><author>h_el_lo</author><pubDate>Fri, 03 Dec 2021 11:34:43 +0800</pubDate><description><![CDATA[webpack安装
`npm install webpack webpack-cli`

webpack配置

创建webpack.config.js配置文件

        const path = require('path')
        module.exports = {
            mode: 'development', // 打包模式,生产模式压缩,开发模式不压缩代码
            entry: './main.js', // 入口文件
            o]]></description><category></category></item><item><title><![CDATA[数组的一些操作方法学习概括]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/121398735</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/121398735</guid><author>h_el_lo</author><pubDate>Thu, 18 Nov 2021 14:44:15 +0800</pubDate><description><![CDATA[数组的基本操作
创建数组

字面量创建

let arr = []


new 一个数组

    let arr = new Array()

数组常用方法

isArray

let arr = []
let isArr = Array.isArray(arr)
console.log(isArr) // true


instanceof

	let istrue = arr instanceof Array
   	console.log(istrue); // true


join()将数组转化]]></description><category></category></item><item><title><![CDATA[通过定位和css3里的transform实现鼠标经过卡片动态滑动的效果]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/121374122</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/121374122</guid><author>h_el_lo</author><pubDate>Wed, 17 Nov 2021 11:23:52 +0800</pubDate><description><![CDATA[实现效果


html页面


&lt;body&gt;
    &lt;div class="box"&gt;
        &lt;div class="item"&gt;
            &lt;div class="hover"&gt;
                hello
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="item"&gt;
            &lt;div class..]]></description><category></category></item><item><title><![CDATA[使用es6的class类写的todos小案例]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/121252256</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/121252256</guid><author>h_el_lo</author><pubDate>Wed, 10 Nov 2021 17:09:46 +0800</pubDate><description><![CDATA[案例只有添加和删除以及本地存储功能，利用es6class封装了一个功能类

&lt;div class="box"&gt;
        &lt;button class="deleteBtn"&gt;删除&lt;/button&gt;
        &lt;input type="text"&gt;
        &lt;button class="addBtn"&gt;添加&lt;/button&gt;
        &lt;ul class="todos"&gt;
           
 .]]></description><category></category></item><item><title><![CDATA[实现h5的拖放盒子的功能并且交换元素的位置]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/119252425</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/119252425</guid><author>h_el_lo</author><pubDate>Wed, 10 Nov 2021 13:36:53 +0800</pubDate><description><![CDATA[&lt;div id="box1" ondragover="allowDrop(event)" 
	 ondrop="drop(event)"&gt;
	 &lt;!-- draggable设置可拖放 ondragstart拖动什么  --&gt;
		&lt;img src="video/school.gif" alt="" draggable="true" id="img1" ondragstart="drag(event)"&gt;
	&lt;/div&gt;
	&lt;!-- ondragover ]]></description><category></category></item><item><title><![CDATA[实现vue大数据全屏和退出全屏操作]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/121242687</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/121242687</guid><author>h_el_lo</author><pubDate>Wed, 10 Nov 2021 10:22:48 +0800</pubDate><description><![CDATA[一、封装设置全屏和退出全屏的函数：

设置全屏

setFullScreen() {
            let el = document.documentElement;
            let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen
            if (rfs) { // typeof rfs != ]]></description><category></category></item><item><title><![CDATA[实现图片上传和预览以及多图上传]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/119931701</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/119931701</guid><author>h_el_lo</author><pubDate>Thu, 26 Aug 2021 15:11:23 +0800</pubDate><description><![CDATA[前言

关于图片上传方法采用的是创建FormData对象处理文件数据和表单数据

预览图片

 function upload(th) {
        var file = th.currentTarget.files[0]
		// 创建文件读取对象
        var reader = new FileReader()
        reader.readAsDataURL(file)
        // 图片预览
        reader.onload = function (res)]]></description><category></category></item><item><title><![CDATA[关于数据可视化的大小屏自适应和缩放的问题]]></title><link>https://blog.youkuaiyun.com/h_el_lo/article/details/119930340</link><guid>https://blog.youkuaiyun.com/h_el_lo/article/details/119930340</guid><author>h_el_lo</author><pubDate>Thu, 26 Aug 2021 14:38:55 +0800</pubDate><description><![CDATA[方案一

通过设计图的尺寸来写页面，按大屏为宽度1920的设计图来说，页面的宽高完全按照设计图的尺寸来写，通过设置盒子的zoom值来实现大小屏自适应。

html页面：
&lt;body&gt;
	&lt;div id="container"&gt;
        &lt;div class="item"&gt;
            &lt;div class="left"&gt;
            &lt;/div&gt;
            &lt;div class="middle"&]]></description><category></category></item></channel></rss>