代词

人称

• 第一人称（I）
• 第二人称（you）
• 第三人称（he / she / it）

阅读全文

在vue的conponents中，我们经常需要写style scoped，但是不知道你们有木有遇到过需要写background-image的时候，一般大家都把image资源放在哪儿呢？

在npm run dev，开发状态，无论image放在/src中，还是/src/assets中、或者在/static中，在components中都是可以引用到的~ 一如vue-cli的API文档中写的：

阅读全文

自定义方式

安装koa

1

node install -g koa(或node install koa --save)

阅读全文

冒泡排序

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

//冒泡排序
function bubbleSort (arr){
    for(var i=0;i<arr.length-1;i++){
        for(var j=i+1;j<arr.length;j++){
            if(arr[i]>arr[j]){//如果前面的数据比后面的大就交换
                var temp=arr[i];
                arr[i]=arr[j];
                arr[j]=temp;
            }
        console.log(arr);
        }
    }
    return arr;
}
console.log("The result is:" + bubbleSort(arr));

阅读全文

atom是Github开发的一款前端编辑软件，好用程度几乎直逼sublime，重点就是atom和sublime一样支持很多很多的插件。所以为了让atom更适合个人的编辑习惯，我们要自己安装一些喜欢的插件，跟元宝君一起来安装吧。
我们打开atom，在settings中会找到”Install”选项，我们可以在搜索框中查找所需的插件并安装。

阅读全文

前端在编写移动端页面时，尤其微信端页面中，经常会发现微信自带的浏览器有一个很神奇的地方，就是网页可以在浏览器上上下左右的拖拽：

就像上图，如果在遇到需要在页面上绘制或者做拖拽功能时，很容易跟这个自带功能相冲突的情况。那怎么阻止移动端页面在维信、手机浏览器等上上下可拖拽滑动的问题呢？元宝君找到两个方法。

阅读全文

1.CORS

CORS（Corss-Origin Resource Sharing,跨资源共享），基本思想是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应的成功或失败。即给请求附加一个额外的Origin头部，其中包含请求页面的源信息（协议、域名和端口），以便服务器根据这个头部决定是否给予响应。

阅读全文

作为一名前端居然没有一个自己的个人网站简直low啊，元宝工作这么久一直想有一个自己的个人网站，之前有试过Github提供的Github Page创建个站，不过全部框架需要自己写，本君（最近深中“三生三世”的毒）平时工作也没有时间设计页面，所以那个网站就不了了之了。这里有一个学习 Github Page 教你分分钟搭建自己的博客的教程可以参考。

后来偶然间看到hexo搭配Github可以搭建一个有设计有框架的使用blog，元宝想都没想直接开始啦！特此用这篇文章记录一下完成的过程。

阅读全文

从css3发布以来出现了很多新颖的css属性，颠覆了css2的很多样式写法。其中改变最大要属的就是流式布局和弹性布局的变化了。移动端为了实现更好的兼容性，使用弹性布局无疑是最完美的布局方案了。一直以来对box-flex的属性不甚详解，今天好好分析整理，分享一些心得，另附上一些代码具体解释。

阅读全文