<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Mofier的博客]]></title><description><![CDATA[暂写及待写方向：SVG滤镜，JQuery源码分析]]></description><link>https://blog.youkuaiyun.com/NEWSEKAES</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; NEWSEKAES]]></copyright><item><title><![CDATA[git rebase: 合并/截取commit及分支间的commit拼接]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/81217716</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/81217716</guid><author>NEWSEKAES</author><pubDate>Thu, 26 Jul 2018 11:56:37 +0800</pubDate><description><![CDATA[git rebase: 合并/截取commit 及 分支间的commit拼接



一. 只涉及单独分支的操作



1. 合并commit

当前分支状态：  



A--------B-------C--------D 
        |--想要合并的commit--|

预计合并之后的状态：



A--------B'(包含C, D)


使用命令： 
git rebase -i [s...]]></description><category></category></item><item><title><![CDATA[在Node.js中访问MongoDB数据库]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/81115074</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/81115074</guid><author>NEWSEKAES</author><pubDate>Thu, 19 Jul 2018 14:39:08 +0800</pubDate><description><![CDATA[在Node.js中访问MongoDB数据库

废话不多说，直接上步骤


  Note: 请确保电脑上安装了mongoDB 以及 Node.js 
  附上安装的官方文档： 
  1. mongoDB社区版的Windows,MacOS,Linux的安装 PS: 当前官方最新版为V4.0版，本例子使用版本为V3.6 
  2. Node.js多平台安装




一. 准备工作


  Note: 如...]]></description><category></category></item><item><title><![CDATA[ES6-一个关于函数解构赋值默认值的有趣案例]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/81086576</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/81086576</guid><author>NEWSEKAES</author><pubDate>Tue, 17 Jul 2018 18:56:07 +0800</pubDate><description><![CDATA[ES6-一个关于函数解构赋值默认值的有趣案例

在说这个小案例前，先简单的梳理一下ES6的解构和默认值赋值 
PS: 已经了解的同志的同志可以直接看小栗子



1. ES6的解构

ES6中引入了解构赋值的操作，其作用是：将值从数组Array或属性从对象Object提取到不同的变量中


  即分为两种情况：从数组Array中解构，以及从对象Object中解构




①.从数组中解构



c...]]></description><category></category></item><item><title><![CDATA[从CRP(关键渲染路径)优化中谈浏览器渲染原理]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/77662274</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/77662274</guid><author>NEWSEKAES</author><pubDate>Tue, 29 Aug 2017 01:55:42 +0800</pubDate><description><![CDATA[浏览器从收到 HTML、CSS 和 JavaScript 字节到对其进行必需的处理，从而将它们转变成渲染的像素这一过程中有一些中间步骤，这些必要的步骤，就是CRP

浏览器完成的步骤：
处理 HTML 标记并构建 DOM 树。
处理 CSS 标记并构建 CSSOM 树。
将 DOM 与 CSSOM 合并成一个渲染树。
根据渲染树来布局，以计算每个节点的几何信息。
将各个节点绘制到屏幕上。]]></description><category></category></item><item><title><![CDATA[Chrome页面性能工具(performance，以前的timeline)——初探]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/77546102</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/77546102</guid><author>NEWSEKAES</author><pubDate>Fri, 25 Aug 2017 00:55:34 +0800</pubDate><description><![CDATA[先默默给自己一个例行奖励：写完这篇，我就去看番1.简单页面下面先自己写一个简单页面吧，多简单呢，如下<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Page performance</title>
</head>
<style>
    ul{
        margin: 20px;]]></description><category></category></item><item><title><![CDATA[Notification桌面提醒：HTML5新功能]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52614739</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52614739</guid><author>NEWSEKAES</author><pubDate>Wed, 21 Sep 2016 23:30:44 +0800</pubDate><description><![CDATA[1.Notification介绍window.Notification，是一个通过浏览器调用桌面弹窗的API，具体效果如下 
如今支持Notification基础功能的浏览器有Chrome,Firefox,Opera,Safari(IE在角落默默画圈)； 
支持Notification的option.icon功能的有Chrome，Firefox; 
支持Notification的option.sou]]></description><category></category></item><item><title><![CDATA[如何使SVG内的animate标签属性多值变化]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52547094</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52547094</guid><author>NEWSEKAES</author><pubDate>Thu, 15 Sep 2016 00:48:33 +0800</pubDate><description><![CDATA[animate标签多值变化(非两值)今天在工作的时候内，想要实现一个circle的动画效果，效果的描述是这样的：
  园的半径从5，扩大到10，再从10减小到5，然后许仙循环
但是在实际操作之中，却发现，规定属性值得form，to，by注定只能在两个值之间变化。（from和to的值是绝对的，by的值是相对的）。 
那么如何多值变化呢？
  其实还有一个属性叫做values。values的值是由3值及]]></description><category></category></item><item><title><![CDATA[如何将强大的SVG滤镜用在HTML元素中]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52531623</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52531623</guid><author>NEWSEKAES</author><pubDate>Wed, 14 Sep 2016 00:47:28 +0800</pubDate><description><![CDATA[SVG滤镜用至html元素上的方法SVG滤镜的强大有目共睹，不仅可以达到PS级别的图像处理效果，甚至可以通过添加动画达到前所未有的强交互效果，令人赞叹：一篇SVG滤镜交互的按钮demo。那么如何将svg的滤镜效果加入html元素中呢
  通过css自带的 filter:url(<url>) 用法即可，以下是例子
<!DOCTYPE html>
<html lang="en">
<head>]]></description><category></category></item><item><title><![CDATA[如何获取SVG中g标签的宽高及位置坐标]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52518974</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52518974</guid><author>NEWSEKAES</author><pubDate>Tue, 13 Sep 2016 00:28:11 +0800</pubDate><description><![CDATA[获取SVG中g标签的宽度高度及位置坐标1. 问题的出现对于普通的HTML元素，有很多获得其宽度width、高度height、距左left、距顶top等属性的方法：
  类似offsetWidth，clientWidth,width之类的，通过查看DOM元素的属性可以一探究竟： 
  
然而当遇到SVG的g标签的时候，却碰到问题了：
  明明在开发者工具中可以显示的宽高、位置坐标等属性，通过原有的of]]></description><category></category></item><item><title><![CDATA[滤镜高斯模糊的边界或边框问题的解决和优化]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52464506</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52464506</guid><author>NEWSEKAES</author><pubDate>Wed, 07 Sep 2016 23:20:17 +0800</pubDate><description><![CDATA[1. 所谓 “高斯模糊的边界问题” 介绍相信有很多刚刚接触SVG滤镜模糊的新人们都可能遇到过这种问题： 
1. 当模糊偏量很小的时候：<svg width="100%" height="100%" viewBox="0 0 150 360"
     preserveAspectRatio="xMidYMid meet"
     xmlns="http://www.w3.org/2000/svg"]]></description><category></category></item><item><title><![CDATA[SVG_filter滤镜标签详解2]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52445373</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52445373</guid><author>NEWSEKAES</author><pubDate>Tue, 06 Sep 2016 00:20:11 +0800</pubDate><description><![CDATA[SVG_filter滤镜标签详解25. < feBlood>洪流
感觉怎么说呢，这个标签是个非常粗暴的填充标签，只要用了这标签，一切都是那么单纯……不多说上代码
<!--g1-->
<svg width="100%" height="100%" viewBox="0 0 150 360"
     preserveAspectRatio="xMidYMid meet"
     xmlns="htt]]></description><category></category></item><item><title><![CDATA[SVG滤镜各元素解释.1]]></title><link>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52435651</link><guid>https://blog.youkuaiyun.com/NEWSEKAES/article/details/52435651</guid><author>NEWSEKAES</author><pubDate>Sun, 04 Sep 2016 23:10:13 +0800</pubDate><description><![CDATA[SVG滤镜各元素解释.1SVG滤镜各元素解释1
 feGaussianBlur 高斯模糊
 
 
 feBlend混合 feOffset偏移量
 feMerge和 feMergeNode融合
 feColorMatrix1. < feGaussianBlur >高斯模糊可参考的链接[MDN]
实例1.1 代码如下
<svg width="230" height="120"
 xmlns="http:]]></description><category></category></item></channel></rss>