<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[seiEight的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/seiEight</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; seiEight]]></copyright><item><title><![CDATA[【腾讯地图自适应缩放-fitBounds()】]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/135528381</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/135528381</guid><author>seiEight</author><pubDate>Thu, 11 Jan 2024 14:26:00 +0800</pubDate><description><![CDATA[逻辑说明：基于腾讯地图fitBounds()方法设置地图显示范围，需要获取左上和右下两个点位的坐标作为参考。循环坐标列表，得到上下左右最远的点，之后将左上和右下分别组合，获得两个点。调用方法fitBounds()]]></description><category></category></item><item><title><![CDATA[【坐标范围计算显示缩放级别zoom自适应显示地图】]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/135528184</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/135528184</guid><author>seiEight</author><pubDate>Thu, 11 Jan 2024 14:24:08 +0800</pubDate><description><![CDATA[【代码】【坐标范围计算显示缩放级别zoom自适应显示地图】]]></description><category></category></item><item><title><![CDATA[html导出PDF]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/130953634</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/130953634</guid><author>seiEight</author><pubDate>Tue, 30 May 2023 17:43:38 +0800</pubDate><description><![CDATA[【代码】html导出PDF。]]></description><category></category></item><item><title><![CDATA[PDFJS实现PDF转图片]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/130953543</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/130953543</guid><author>seiEight</author><pubDate>Tue, 30 May 2023 17:38:49 +0800</pubDate><description><![CDATA[JavaScript本身不支持PDF转换为图片的功能。但可以使用PDF.js库来将PDF转换为canvas图片，此篇记录一种写法。引入压缩包build文件夹下pdf.js和pdf.worker.js，以及web文件夹下cmaps文件夹。示例（基于jquery，vue）2.创建dom用于渲染。]]></description><category></category></item><item><title><![CDATA[Javascript实现图片热区自适应和高亮]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/130953441</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/130953441</guid><author>seiEight</author><pubDate>Tue, 30 May 2023 17:36:10 +0800</pubDate><description><![CDATA[图片热区通过img的usemap绑定map下的area，area绑定事件jQuery库：jquery.rwdImageMaps.min.js jquery.maphilight.min.js示例（依赖jQuery，vue）]]></description><category></category></item><item><title><![CDATA[NPM镜像地址设置与查看]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/114014043</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/114014043</guid><author>seiEight</author><pubDate>Wed, 24 Feb 2021 11:12:16 +0800</pubDate><description><![CDATA[设置
$ npm config set registry  https://registry.npm.taobao.org/


淘宝镜像 https://registry.npm.taobao.org/
默认镜像 https://registry.npmjs.org

查看
$ npm config get registry


]]></description><category></category></item><item><title><![CDATA[关于nprogress和bootstrap的paginator]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/96202502</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/96202502</guid><author>seiEight</author><pubDate>Tue, 16 Jul 2019 23:17:22 +0800</pubDate><description><![CDATA[nprogress
进度条，一般用于发出ajax请求时使用
引入文件
&lt;link rel="stylesheet" href="assets/nprogress/nprogress.css"/&gt;

&lt;script src="assets/nprogress/nprogress.js"&gt;&lt;/script&gt;

只需要调用两个方法
/*在ajax开始请求的时候  把进...]]></description><category></category></item><item><title><![CDATA[关于MUI的对话框]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/95936300</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/95936300</guid><author>seiEight</author><pubDate>Sun, 14 Jul 2019 22:57:04 +0800</pubDate><description><![CDATA[最近在使用MUI进行一个电商类项目，很多地方用到了其中的对话框dialog组件，做一个简单的总结
Dialog组件包括
alert 警告框

confirm 确认框

prompt 输入对话框

toast 自动消失提示框

我使用较多的是confirm和toast
toast
 mui.toast(message,{ option }) 
 
// message:'String' - 消息框显...]]></description><category></category></item><item><title><![CDATA[关于获取location地址栏的数据（？后边）]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/95364516</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/95364516</guid><author>seiEight</author><pubDate>Wed, 10 Jul 2019 18:47:04 +0800</pubDate><description><![CDATA[今天在学习中遇到需要通过地址栏传参数并接收使用，一时间忘记了怎么获取，这里做个笔记加深一下印象
获取地址栏的信息需使用location对象，获取？及其之后的数据使用的是 location.search
举个例子，获取的结果为
//https:*****.com/?key=1&amp;&amp;wd=s 获取结果为
// "?key=1&amp;&amp;wd=s"

获取的结果为String类型，...]]></description><category></category></item><item><title><![CDATA[less中的循环]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/95035129</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/95035129</guid><author>seiEight</author><pubDate>Sun, 07 Jul 2019 21:58:32 +0800</pubDate><description><![CDATA[在less中使用媒体查询做rem布局，刚开始是这样写的
.Mixin(){
  @media(min-width: 720px){
    html{
      font-size: 720px/750px*100px;
    }
  }
  @media(min-width: 750px){
    html{
      font-size: 750px/750px*100px;
    ...]]></description><category></category></item><item><title><![CDATA[template模板引擎基础总结]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/94657105</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/94657105</guid><author>seiEight</author><pubDate>Thu, 04 Jul 2019 21:38:38 +0800</pubDate><description><![CDATA[基础数据渲染
引入
&lt;!--原生的模板引擎文件--&gt;
&lt;script src="lib/jquery/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="lib/artTemplate/template-native.js"&gt;&lt;/script&gt;

编写模板
&lt;script id="template" type...]]></description><category></category></item><item><title><![CDATA[关于响应式]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/94591102</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/94591102</guid><author>seiEight</author><pubDate>Wed, 03 Jul 2019 22:05:24 +0800</pubDate><description><![CDATA[/*
    * 响应式布局 : 一个网站能够兼容多个终端,而不是为每一个终端做特定的版本
    * 优点 :
    * 面对不同的分辨率, 设备灵活性较强
    * 能够快捷的解决多个设备适应问题
    * 适合中小型网站
    * 缺点:
    * 兼容各种设备, 工作量较大, 效率不高
    * 代码累赘, 会出现影藏无用的元素, 导致加载时间长
    *
    * 原理 ...]]></description><category></category></item><item><title><![CDATA[用canvas画一个简陋的时钟]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/94011732</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/94011732</guid><author>seiEight</author><pubDate>Fri, 28 Jun 2019 16:03:46 +0800</pubDate><description><![CDATA[样式可以自己根据需要调整，这只是一个样板
代码有些繁琐 不多介绍，主要是使用 context.save()和context.restore()两个方法
var Clock = function(){
        this.ctx = document.querySelector("canvas").getContext("2d");
        this.w = this.ctx.can...]]></description><category></category></item><item><title><![CDATA[鼠标停止移动后指针消失]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/93512264</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/93512264</guid><author>seiEight</author><pubDate>Mon, 24 Jun 2019 19:08:17 +0800</pubDate><description><![CDATA[其实就是去判断指针的坐标是否变化
上代码
$.fn.moveStopEvent = function(callback){
        return this.each(function() {
            var x = 0,
                y = 0,
                x1 = 0,
                y1 = 0,
      ...]]></description><category></category></item><item><title><![CDATA[css单位em、px和rem]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/93390122</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/93390122</guid><author>seiEight</author><pubDate>Sun, 23 Jun 2019 17:20:31 +0800</pubDate><description><![CDATA[在对页面进行自适应时，查阅相关资料了解到，通常有两种方式将px转换为em或者rem，下面就上述三者之间的联系进行讲解：
em与px转换
一般浏览器默认1em=16p...]]></description><category></category></item><item><title><![CDATA[基于jQuery插件，做全屏网站fullpage]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/92667345</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/92667345</guid><author>seiEight</author><pubDate>Mon, 17 Jun 2019 18:09:27 +0800</pubDate><description><![CDATA[FullPage插件

基于 jQuery 的插件，它能够帮你很方便、很轻松的制作出全屏网站。
支持鼠标滚动，支持前进后退和键盘控制，多个回调函数，
支持手机、平板触摸事件，支持 CSS3 动画，支持窗口缩放，窗口缩放时自动调整，
可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等。
引用文件

    &lt;link rel="stylesheet" href="css/jq...]]></description><category></category></item><item><title><![CDATA[jQuery解绑事件]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/92412983</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/92412983</guid><author>seiEight</author><pubDate>Sun, 16 Jun 2019 17:49:29 +0800</pubDate><description><![CDATA[off(events,[selector],[fn])
off()  在选择元素上移除一个或多个事件的事件处理函数。

events

 一个或多个空格分隔的事件类型,比如"click"


selector

选择器


fn

事件处理程序函数以前附加事件上，或特殊值false

例:
$("p").off() //移出所有事件
$("p").off( "click", "**" ) //从所...]]></description><category></category></item><item><title><![CDATA[关于ajax获取的后台数据转换为JSON对象]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/92013595</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/92013595</guid><author>seiEight</author><pubDate>Fri, 14 Jun 2019 22:17:16 +0800</pubDate><description><![CDATA[在ajax请求获取的数据时String类型，对于用js操作这些数据有很大的阻挠，如果转换为JSON对象就很容易操作了。
举个例子
var data = this.responseText;
console.log(data);

其余代码不赘述了，这里我用data接受了假数据的内容，我们看一下输出内容

数据内容过多，就截取了一小部分，很明显这是String类型数据，接下来转化为json对象
da...]]></description><category></category></item><item><title><![CDATA[jQuery更改元素内容]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/91399834</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/91399834</guid><author>seiEight</author><pubDate>Mon, 10 Jun 2019 20:58:23 +0800</pubDate><description><![CDATA[html
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p id="text"&gt;111111111&lt;/p&gt;
&...]]></description><category></category></item><item><title><![CDATA[父窗口获取不了iframe中的元素及a标签页面整个刷新]]></title><link>https://blog.youkuaiyun.com/seiEight/article/details/91352110</link><guid>https://blog.youkuaiyun.com/seiEight/article/details/91352110</guid><author>seiEight</author><pubDate>Sun, 09 Jun 2019 12:49:45 +0800</pubDate><description><![CDATA[这次在学习jQuery时，页面的头和尾用了iframe标签嵌套页面，但在操作iframe中标签时碰到两个问题，一是a标签的跳转在局部刷新，二是获取不到iframe中的元素。
一
需要判断一下当前是不是最顶层的窗口，然后刷新最顶层的window，添加以下代码
if (window != top){
        top.location.href = "https://www.baidu.com/...]]></description><category></category></item></channel></rss>