<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[CC_leather的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/CC_leather</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; CC_leather]]></copyright><item><title><![CDATA[大屏开发适配方案（vw/vh）]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/124492733</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/124492733</guid><author>CC_leather</author><pubDate>Fri, 29 Apr 2022 12:18:43 +0800</pubDate><description><![CDATA[背景
公司需要开发一个用于4k大屏展示的项目，所以给到的UI视觉稿也是参照4k屏进行了设计（单位为px），而我们开发所用的屏幕多为1080p/2k屏，为了让大家开发时不用关注适配问题，我设计了这套基于vw/vh的适配方案

技术栈

vue + sass

思路
视觉稿给到的宽高值都是基于4k屏，所以本地开发时不能直接使用，需要经过某种计算转换，name我们为了逻辑清晰，可以考虑设计三个函数来分别将宽/高/字体的px转为vw/vh。
以宽为例，视觉稿上的某元素宽为1000px，而4k屏的宽度为3840px，]]></description><category></category></item><item><title><![CDATA[Taro 2.0以上版本使用async-await报错 'regeneratorRuntime is not defined']]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/105077473</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/105077473</guid><author>CC_leather</author><pubDate>Tue, 24 Mar 2020 18:06:08 +0800</pubDate><description><![CDATA[taro版本：2.0.7
github地址：How to resolve regeneratorRuntime is not defined

怎么发生
在项目中使用async-await后，在VSCode中可以正常编译通过，但是在微信开发者工具中会报如下的错：
regeneratorRuntime is not defined
ReferenceError: regeneratorRuntim...]]></description><category></category></item><item><title><![CDATA[2020年了，你的MongoDB加权限验证了么]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/105053984</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/105053984</guid><author>CC_leather</author><pubDate>Mon, 23 Mar 2020 18:04:57 +0800</pubDate><description><![CDATA[翻了很多文章，也踩了很多坑，希望这篇文章能帮到也在给MongoDB设置权限的你。本文章采用nodejs后台为例。

1.进入mongodb的shell
mongo

2.切换到admin数据库
use admin

3.创建admin超级管理员用户

指定用户的角色和数据库

db.createUser(  
  { 
    user: "admin",  
    customData：{d...]]></description><category></category></item><item><title><![CDATA[2020年了，让mac下的mongoDB的安装简单点]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/105051719</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/105051719</guid><author>CC_leather</author><pubDate>Mon, 23 Mar 2020 17:55:28 +0800</pubDate><description><![CDATA[2020年了，让mac下的mongoDB的安装简单点前提条件安装（此处以4.2社区版本为例）运行连接使用

由于mongodb之后不开源了，所以现在执行该命令brew install mongodb已经无效。这也导致我在安装过程中走了不少弯路，希望这篇文章能对各位猿友有帮助。


官网安装教程：install-mongodb-on-os-x

前提条件

安装了XCode
安装了Homebrew
...]]></description><category></category></item><item><title><![CDATA[记一次Android Studio的Enable VT-x in your BIOS问题解决]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/94443903</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/94443903</guid><author>CC_leather</author><pubDate>Tue, 02 Jul 2019 15:38:26 +0800</pubDate><description><![CDATA[很久没运行AS里的Android虚拟机，今天再用时发现无法启动，并报了如下错误


Intel HAXM is required to run this AVD. 
/dev/kvm is not found. 
Enable VT-x in your BIOS security settings, ensure that your Linux distro has working KVM mod...]]></description><category></category></item><item><title><![CDATA[共享文件夹—— 一个实现Mac与PC互传文件，维护同一个文件夹简单的方法]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/81139214</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/81139214</guid><author>CC_leather</author><pubDate>Fri, 20 Jul 2018 22:02:51 +0800</pubDate><description><![CDATA[屋子里一个台式机，一个Mac，经常需要传文件。之前要么是用qq，要么用网盘，要么用U盘or移动硬盘。

虽然有点儿麻烦，但是一直懒得研究有什么简便方法。昨天觉得这么整实在太low了，哪像一个搞计算机的，实在忍不了了，开始研究。

 

先是用Mac上的共享，然后文件夹共享，AFP和SMB，研究了一会儿发现pc连不上。

 

当然，其实能用一些个软件架个ftp服务器，就是嫌麻烦。于是，给出下面这个...]]></description><category></category></item><item><title><![CDATA[JavaScript获取某月和某周的日期范围（ionic3）]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/81080341</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/81080341</guid><author>CC_leather</author><pubDate>Fri, 20 Jul 2018 21:55:01 +0800</pubDate><description><![CDATA[最近工作中，用到一个ionic3的日历控件，本身功能比较强大，基本满足了开发的需求，这个在后面的文章中单独做介绍。本章中主要说下获取某月和某周的日期范围。 

首先介绍下某周的的日期范围获取，这部分比较简单，直接上代码，在这部分代码中，我用到angular中管道对象DatePipe，作用是日期格式化，之前一直只是在html页面中用到，这次发现在js里，他依然很好用。当然啦，各位也可以用其他方式进行...]]></description><category></category></item><item><title><![CDATA[详述 hosts 文件的作用及修改 hosts 文件的方法]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/80448031</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/80448031</guid><author>CC_leather</author><pubDate>Fri, 25 May 2018 10:35:43 +0800</pubDate><description><![CDATA[1 什么是hosts文件？　　hosts是一个没有扩展名的系统文件，其基本作用就是将一些常用的网址域名与其对应的 IP 地址建立一个关联“ 数据库 ”。当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从hosts文件中寻找对应的 IP 地址，一旦找到，系统就会立即打开对应网页，如果没有找到，则系统会将网址提交 DNS 域名解析服务器进行 IP 地址的解析。2 hosts文件的作用2.1 加...]]></description><category></category></item><item><title><![CDATA[使用flexbox简单实现垂直居中布局]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/78061000</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/78061000</guid><author>CC_leather</author><pubDate>Fri, 22 Sep 2017 11:20:56 +0800</pubDate><description><![CDATA[垂直居中一直是css布局中绕不去的一个坎，今天我来介绍一种可以更简单来实现的方法--CSS3弹性盒子(Flexible
 Box 或 Flexbox)。注意，设为
 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。


首先，设置容器为flex布局
.vertical-container {
  height: 300px;
  displa]]></description><category></category></item><item><title><![CDATA[vue.js框架入门学习I]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/76147005</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/76147005</guid><author>CC_leather</author><pubDate>Wed, 26 Jul 2017 14:56:00 +0800</pubDate><description><![CDATA[最近开始学习vue.js,就在这儿记录下学习的过程和我自己碰到的一些问题，希望对看这篇文章的你能有帮助。
我主要是在菜鸟教程进行学习http://www.runoob.com/vue2/vue-tutorial.html，官方文档也要一起看https://cn.vuejs.org/v2/guide/syntax.html。
在学习前建议大家先安装下nodeJs和npm，也初步了解他们的操作和功]]></description><category></category></item><item><title><![CDATA[spring mvc 接收前台传来的json对象（转）]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/72700638</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/72700638</guid><author>CC_leather</author><pubDate>Wed, 24 May 2017 19:26:03 +0800</pubDate><description><![CDATA[1：自己研究的
    1） 页面ajax代码
     



Js代码  



   
msgObj = {"data":{"2013-11-08":3,"2013-11-07":5,"2013-11-06":3,"2013-11-05":12},"indata":{"2013-11-08":9,"2013-11-07":7,"2013-11-06":23,"2013-]]></description><category></category></item><item><title><![CDATA[css框架命名规范]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/54693709</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/54693709</guid><author>CC_leather</author><pubDate>Mon, 23 Jan 2017 15:09:59 +0800</pubDate><description><![CDATA[作者：泡泡
链接：https://www.zhihu.com/question/54962942/answer/142062359
来源：知乎
著作权归作者所有，转载请联系作者获得授权。

由历史原因及个人习惯引起的DOM结构、命名不统一，导致不同成员在维护同一页面时，无从下手，效率低下，迭代、维护成本极高。
命名原则：
1.概述
1.1基于姓氏命名法（继承+外来），如下图：
]]></description><category></category></item><item><title><![CDATA[ES6/ES2015核心内容]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/54090515</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/54090515</guid><author>CC_leather</author><pubDate>Thu, 05 Jan 2017 10:42:04 +0800</pubDate><description><![CDATA[ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。

也就是说，ES6就是ES2015。

虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6，但为了看懂别人的你也该懂点ES6的语法了…

在]]></description><category></category></item><item><title><![CDATA[js跨域数据请求解决办法]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/53689956</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/53689956</guid><author>CC_leather</author><pubDate>Fri, 16 Dec 2016 10:31:14 +0800</pubDate><description><![CDATA[本文整理了一下平时工作中碰到的数据跨域请求问题，有需要的朋友可以看下
受js同源策略的影响，不同域名间的请求或者同一域名，不同端口的url时，就会变成不被允许的跨域请求问题。


这时该怎么办，小菜我做了如下的一些整理。
一、jsonp
也就是将请求的url写入到script标签中，写法可分为直接写死和动态载入。
1.通过script标签引入，直接写死src中的url地址：]]></description><category></category></item><item><title><![CDATA[CSS3 border-image属性]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/53434594</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/53434594</guid><author>CC_leather</author><pubDate>Fri, 02 Dec 2016 14:47:57 +0800</pubDate><description><![CDATA[在经历了自己的学习和对网上大神们的理解的整理后，我言简意赅的整理下border-image的各属性含义以及用法。
顾名思义就是为边框应用背景图片，与我们平常用到的background还是有点类似。

一张图，让你基本了解

url：图片地址，即对应图中的灰色图片
4个数字参数：切割图片的宽度，单位是像素（px），也可使用百分比，按顺时针方向依次切割，如图中标明
切割后产生八个切片，四]]></description><category></category></item><item><title><![CDATA[初学jQuery动画效果]]></title><link>https://blog.youkuaiyun.com/CC_leather/article/details/52303051</link><guid>https://blog.youkuaiyun.com/CC_leather/article/details/52303051</guid><author>CC_leather</author><pubDate>Wed, 24 Aug 2016 18:35:50 +0800</pubDate><description><![CDATA[学习了jQuery动画效果后，感觉animate方法的功能还是很强大的，当然，我接下来的这段代码也只算是浅尝辄止，后面会随着学习的深入会不断提高动画效果和代码质量，希望各位大神指点。


这段代码是在样例的基础上进行了修改，实现了四个方块的转动，并最终回到起始位置。这里面主要是用到了animate方法的队列功能，同时也要注意div块的position属性的设置，为fixed，absolute]]></description><category></category></item></channel></rss>