<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ddny090930的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ddny090930</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ddny090930]]></copyright><item><title><![CDATA[在移动端显示控制台信息]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227431</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227431</guid><author>ddny090930</author><pubDate>Mon, 09 Sep 2019 11:26:00 +0800</pubDate><description><![CDATA[1..在node环境的项目中，我们使用install下载

npm install vconsole

下载完成后，在项目中引用代码

import vConsole from 'vconsole'

然后项目中就会显示




2.在页面中直接使用

&lt;script src="https://cdn.bootcss.com/vConsole/3...]]></description><category></category></item><item><title><![CDATA[常见函数封装（自用，随时更新）]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227429</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227429</guid><author>ddny090930</author><pubDate>Tue, 27 Aug 2019 14:57:00 +0800</pubDate><description><![CDATA[1.事件绑定与事件销毁

  /*
   *说明：为了绑定事件的时候，不支持传递scope.
   *参数：绑定目标，绑定事件，绑定函数，scrop常用this
   *返回：函数（用于销毁绑定）
   */function connectEvent(target, event_name, fn, scope) {
    if (!target.on || typeof ...]]></description><category></category></item><item><title><![CDATA[SublimeText 3 常见快捷键]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227409</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227409</guid><author>ddny090930</author><pubDate>Thu, 22 Aug 2019 14:35:00 +0800</pubDate><description><![CDATA[·F12
跳转至预定义


·F11
全屏模式


·Ctrl+A
本文全选


·Ctrl+F
打开底部搜索框，查找关键字。


·Ctrl+D
本文件选中光标选中的单词


·Ctrl+L
选中光标所在一行


·Ctrl+Z
撤销


·Ctrl+Y
前进


·Ctrl+←
向左单位性地移动光标，快速...]]></description><category></category></item><item><title><![CDATA[vue的自定义指令]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227424</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227424</guid><author>ddny090930</author><pubDate>Tue, 20 Aug 2019 09:38:00 +0800</pubDate><description><![CDATA[点击元素之外触发函数

&lt;template&gt;
  &lt;div v-clickoutside="clickItemOut"&gt;&lt;/div&gt;
&lt;/template&gt;

const clickoutside = {
  bind (el, binding, vnode) {
    function documentHandler...]]></description><category></category></item><item><title><![CDATA[修改滚动条样式]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227403</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227403</guid><author>ddny090930</author><pubDate>Mon, 19 Aug 2019 17:44:00 +0800</pubDate><description><![CDATA[在固定元素中css添加

overflow:scroll

然后内容超出时，会显示横向及纵向滚动条，如图

css修改滚动条样式代码

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #CCCCCC;...]]></description><category></category></item><item><title><![CDATA[vue、react中循环遍历为什么会有key，key有什么作用？]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227399</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227399</guid><author>ddny090930</author><pubDate>Wed, 07 Aug 2019 09:46:00 +0800</pubDate><description><![CDATA[先讲一下，vue和react都是在操作虚拟dom，并且根据diff算法进行新旧dom对比，从而更新dom，以vue举例：
vue官方文档中写到有
key的特殊属性主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用 key，它会基于 key...]]></description><category></category></item><item><title><![CDATA[自定义坐标系的转换方式]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227402</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227402</guid><author>ddny090930</author><pubDate>Thu, 25 Jul 2019 09:30:00 +0800</pubDate><description><![CDATA[最近在做有关地图的项目，然鹅，客户提供的位置坐标经过他们自己公司进行自定义转换，而不是传统意义上的CJCS2000（又叫WGS84/EPSG:3857/墨卡托坐标系/真实坐标系）或GCJ02（国测局标准），对于这种坐标系，无法从leaflet中的crs进行转换（leaflet能做到什么地步，请看https://leafletjs.com/reference-1.5.0.html#crs）...]]></description><category></category></item><item><title><![CDATA[了解var与let的区别]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227421</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227421</guid><author>ddny090930</author><pubDate>Wed, 24 Jul 2019 10:00:00 +0800</pubDate><description><![CDATA[var是ES5定义变量的一种声明方式。
let是ES6定义变量的一种声明方式---可定义局部变量，即定义块级作用域。

以下列简单的函数进行表现二者作用域的不同

在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域和全局作用域，没有块级作用域，所以{}限定不了var声明变量的访问范围。

{
　　var i=0
}
console.log(i)    /...]]></description><category></category></item><item><title><![CDATA[转载的几个好用的工具---插座学院]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227417</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227417</guid><author>ddny090930</author><pubDate>Mon, 22 Jul 2019 18:26:00 +0800</pubDate><description><![CDATA[很多人都不愿意承认，加班，真的是因为自己效率太低。
不会用Excel写函数，于是把数据一行行手打；
不知道用软件把音频转成文字，于是反复听写会议音频，把一整天浪费在了整理会议纪要上；
从来不用思维导图，所以做项目丢三落四，再多花时间去填补漏洞……
普通职场人的竞争，很多时候都轮不到拼智商、拼创意，光在效率上，就被别人甩了十万八千里。
我们曾向大家征集了好用的职场高效神器，收好这...]]></description><category></category></item><item><title><![CDATA[openlayer 5 获取中心点]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227415</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227415</guid><author>ddny090930</author><pubDate>Mon, 22 Jul 2019 17:56:00 +0800</pubDate><description><![CDATA[根据openlayer5中方法map.getView().getCenter()同样可以获取中心点坐标。
------------------------------------------------------------------------------------------------------------------

之前在控制台把map对象打印出来后，有一个很...]]></description><category></category></item><item><title><![CDATA[设置自己的bat运行文件-自己用，随时扩展]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227414</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227414</guid><author>ddny090930</author><pubDate>Tue, 16 Jul 2019 14:34:00 +0800</pubDate><description><![CDATA[start "" "E:\SEST_H5"

start "" "C:\Program Files\Sublime Text 3\sublime_text.exe" 

start "C:\Program Files(x86)\Google\Chrome\Application\chrome.exe" http://localhost:8083

cmd /k "c...]]></description><category></category></item><item><title><![CDATA[vue-cli 运行打开浏览器]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227396</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227396</guid><author>ddny090930</author><pubDate>Mon, 15 Jul 2019 10:02:00 +0800</pubDate><description><![CDATA[在配置好项目之后的package.json文件中，找到运行的script，其中“serve”中增加配置“ --open”

"scripts": {
    "serve": "vue-cli-service serve --open",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lin...]]></description><category></category></item><item><title><![CDATA[yarn的淘宝镜像]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227413</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227413</guid><author>ddny090930</author><pubDate>Tue, 11 Sep 2018 11:36:00 +0800</pubDate><description><![CDATA[现在有很多人使用npm但是很多人也开始使用了更快的更方便额的yarn,可是yarn也有下载速度慢，容易被墙的担忧~又不能像npm那样直接安装淘宝镜像，所以就有了更改yarn的yarn源~


yarn config set registryhttps://registry.npm.taobao.org-g

这样就更改了yarn的源，既然改都改了，我们不如也把常用地，较大...]]></description><category></category></item><item><title><![CDATA[sourcetree跳过注册的方法（貌似不好使了）]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227390</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227390</guid><author>ddny090930</author><pubDate>Thu, 04 Jan 2018 13:38:00 +0800</pubDate><description><![CDATA[当前只有Win的版本，Mac自行百度（笑）
很多人用git命令行不熟练，那么可以尝试使用sourcetree进行操作。
然鹅~~sourcetree又一个比较严肃的问题就是，很多人不会跳过注册或者操作注册。
废话不多，我们直接开始跳过注册阶段的操作。

下载好之后会有这么一个界面要求你注册或登录。（不管它）将下面的一串串放进我的电脑的地址栏，打开sourcetree的文件夹
...]]></description><category></category></item><item><title><![CDATA[图片懒加载的两种方式]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227387</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227387</guid><author>ddny090930</author><pubDate>Wed, 11 Oct 2017 09:18:00 +0800</pubDate><description><![CDATA[我们在平常的网站或者移动端app上常会见到鼠标或手势动作过快，而看到的图片没有加载出来是由色块或是其他图片代替的情况，过1秒或几秒之后，图片被显示出来。这里，使用了一种技术，图片懒加载。
为什么会出现这种技术呢？
因为，在我们前端工作项目中，页面的渲染速度很是重要，其中的一大问题就是图片加载速度会拖累整个页面体验，常会出现加载半张图片或是残缺，网速不好的有时候还会出现图片加载不出来等...]]></description><category></category></item><item><title><![CDATA[谈一谈最近学了一段时间的node.js]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227386</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227386</guid><author>ddny090930</author><pubDate>Thu, 21 Sep 2017 17:37:00 +0800</pubDate><description><![CDATA[官方说明
1.NodeJS宣称其目标是“旨在提供一种简单的构建可伸缩网络程序的方法”。
2.node是一个基于Chrome V8引擎进行代码解释的、轻量、可伸缩的具有事件驱动和非阻塞I/O机制的js运行环境。
3.node适合处理高并发要求的项目，适合高I/O密集型应用。
所以：不适合CPU密集型应用；
CPU密集型应用给Node带来的挑战主要是：由于JavaScript单线程...]]></description><category></category></item><item><title><![CDATA[随便讲讲我对于svn和git的想法]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227383</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227383</guid><author>ddny090930</author><pubDate>Thu, 21 Sep 2017 15:06:00 +0800</pubDate><description><![CDATA[1.SVN是集中式版本管理工具，而Git是分布式版本管理工具，这是核心区别。
二者都有集中的库，只是git偏向于分布式，用户可以再自己电脑上克隆一份自己的库，即使在断网的情况下也能够查看版本，创建分支等。而svn则不会这样。
2.SVN是对于文件进行操作，git是对元数据进行操作。
.git隐藏文件夹与.SVN相比二者体积相差很多，.git是克隆版本库，拥有中心版本的所有东西，例如...]]></description><category></category></item><item><title><![CDATA[【浅谈面向对象】]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227379</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227379</guid><author>ddny090930</author><pubDate>Tue, 19 Sep 2017 09:27:00 +0800</pubDate><description><![CDATA[面向对象很多人都会有疑问，那么面向对象出来还要提到面向过程。

面向对象的基本概念就是“一切皆对象”，为的是解决系统的可维护性，复用性，以及扩展性，并且有三大基本特征，而且与常见的面向过程是两个不同的概念。
面向对象有三个基本特征：封装，继承，多态；
封装主要是面向对象和类，也是把事务抽象成类的概念让数据和方法可对其进行操作，增加其可扩展性。
继承是一种能力，可以使用现有的类...]]></description><category></category></item><item><title><![CDATA[【简单理解】gulp和webpack的区别]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227410</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227410</guid><author>ddny090930</author><pubDate>Tue, 19 Sep 2017 08:51:00 +0800</pubDate><description><![CDATA[Gulp和Webpack的基本区别：
gulp可以进行js，html，css，img的压缩打包，是自动化构建工具，可以将多个js文件或是css压缩成一个文件，并且可以压缩为一行，以此来减少文件体积，加快请求速度和减少请求次数；并且gulp有task定义处理事务，从而构建整体流程，它是基于流的自动化构建工具。
Webpack是前端构建工具，实现了模块化开发和文件处理。他的思想就是“万物...]]></description><category></category></item><item><title><![CDATA[iScroll在谷歌浏览器中的问题]]></title><link>https://blog.youkuaiyun.com/ddny090930/article/details/101227377</link><guid>https://blog.youkuaiyun.com/ddny090930/article/details/101227377</guid><author>ddny090930</author><pubDate>Mon, 18 Sep 2017 08:44:00 +0800</pubDate><description><![CDATA[通常情况下，我们会使用iScroll.js做移动端的下拉刷新和上拉加载功能，当然，还有很多其他功能。
不过，在使用iScroll的时候，在谷歌浏览器中出现不支持的情况，即，做移动的时候，出现卡顿或是每次只下拉或上拉几像素的问题。
所以，，应该将PointerEvent关闭。
那么什么是PointerEvent？又该如何关闭呢？
简单来说就是浏览器的统一指针事件，随着科技发展，移动...]]></description><category></category></item></channel></rss>