莫纷飞-CSDN博客

原创 git rebase: 合并/截取commit及分支间的commit拼接

git rebase: 合并/截取commit 及分支间的commit拼接一. 只涉及单独分支的操作1. 合并commit当前分支状态： A--------B-------C--------D |--想要合并的commit--|预计合并之后的状态：A--------B'(包含C, D)使用命令： git rebase -i [s...

2018-07-26 11:56:37 4935

原创在Node.js中访问MongoDB数据库

在Node.js中访问MongoDB数据库废话不多说，直接上步骤 Note: 请确保电脑上安装了mongoDB 以及 Node.js 附上安装的官方文档： 1. mongoDB社区版的Windows,MacOS,Linux的安装 PS: 当前官方最新版为V4.0版，本例子使用版本为V3.6 2. Node.js多平台安装一. 准备工作 Note: 如...

2018-07-19 14:39:08 1266

原创 ES6-一个关于函数解构赋值默认值的有趣案例

ES6-一个关于函数解构赋值默认值的有趣案例在说这个小案例前，先简单的梳理一下ES6的解构和默认值赋值 PS: 已经了解的同志的同志可以直接看小栗子1. ES6的解构ES6中引入了解构赋值的操作，其作用是：将值从数组Array或属性从对象Object提取到不同的变量中即分为两种情况：从数组Array中解构，以及从对象Object中解构①.从数组中解构c...

2018-07-17 18:56:07 3725 1

原创从CRP(关键渲染路径)优化中谈浏览器渲染原理

浏览器从收到 HTML、CSS 和 JavaScript 字节到对其进行必需的处理，从而将它们转变成渲染的像素这一过程中有一些中间步骤，这些必要的步骤，就是CRP浏览器完成的步骤：处理 HTML 标记并构建 DOM 树。处理 CSS 标记并构建 CSSOM 树。将 DOM 与 CSSOM 合并成一个渲染树。根据渲染树来布局，以计算每个节点的几何信息。将各个节点绘制到屏幕上。

2017-08-29 01:55:42 1151

原创 Chrome页面性能工具(performance，以前的timeline)——初探

先默默给自己一个例行奖励：写完这篇，我就去看番1.简单页面下面先自己写一个简单页面吧，多简单呢，如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Page performance</title></head><style> ul{ margin: 20px;

2017-08-25 00:55:34 7361

原创 Notification桌面提醒：HTML5新功能

1.Notification介绍window.Notification，是一个通过浏览器调用桌面弹窗的API，具体效果如下如今支持Notification基础功能的浏览器有Chrome,Firefox,Opera,Safari(IE在角落默默画圈)；支持Notification的option.icon功能的有Chrome，Firefox; 支持Notification的option.sou

2016-09-21 23:30:44 2223

原创如何使SVG内的animate标签属性多值变化

animate标签多值变化(非两值)今天在工作的时候内，想要实现一个circle的动画效果，效果的描述是这样的：园的半径从5，扩大到10，再从10减小到5，然后许仙循环但是在实际操作之中，却发现，规定属性值得form，to，by注定只能在两个值之间变化。（from和to的值是绝对的，by的值是相对的）。那么如何多值变化呢？其实还有一个属性叫做values。values的值是由3值及

2016-09-15 00:48:33 2278

原创如何将强大的SVG滤镜用在HTML元素中

SVG滤镜用至html元素上的方法SVG滤镜的强大有目共睹，不仅可以达到PS级别的图像处理效果，甚至可以通过添加动画达到前所未有的强交互效果，令人赞叹：一篇SVG滤镜交互的按钮demo。那么如何将svg的滤镜效果加入html元素中呢通过css自带的 filter:url(<url>) 用法即可，以下是例子<!DOCTYPE html><html lang="en"><head>

2016-09-14 00:47:28 1369

原创如何获取SVG中g标签的宽高及位置坐标

获取SVG中g标签的宽度高度及位置坐标1. 问题的出现对于普通的HTML元素，有很多获得其宽度width、高度height、距左left、距顶top等属性的方法：类似offsetWidth，clientWidth,width之类的，通过查看DOM元素的属性可以一探究竟：然而当遇到SVG的g标签的时候，却碰到问题了：明明在开发者工具中可以显示的宽高、位置坐标等属性，通过原有的of

2016-09-13 00:28:11 29859 2

原创滤镜高斯模糊的边界或边框问题的解决和优化

1. 所谓 “高斯模糊的边界问题” 介绍相信有很多刚刚接触SVG滤镜模糊的新人们都可能遇到过这种问题： 1. 当模糊偏量很小的时候：<svg width="100%" height="100%" viewBox="0 0 150 360" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"

2016-09-07 23:20:17 9083

原创 SVG_filter滤镜标签详解2

SVG_filter滤镜标签详解25. < feBlood>洪流感觉怎么说呢，这个标签是个非常粗暴的填充标签，只要用了这标签，一切都是那么单纯……不多说上代码<svg width="100%" height="100%" viewBox="0 0 150 360" preserveAspectRatio="xMidYMid meet" xmlns="htt

2016-09-06 00:20:11 1542

原创 SVG滤镜各元素解释.1

SVG滤镜各元素解释.1SVG滤镜各元素解释1 feGaussianBlur 高斯模糊 feBlend混合 feOffset偏移量 feMerge和 feMergeNode融合 feColorMatrix1. < feGaussianBlur >高斯模糊可参考的链接[MDN]实例1.1 代码如下<svg width="230" height="120" xmlns="http:

2016-09-04 23:10:13 1212

Mofier的博客