前言距离微信小程序的兴起已经过去一段较长时间了，之前一直想尝试着写一个小demo玩玩，但是由于学校的各种事情以及准备面试的事情一直耽误。趁着公司放年假这段时间完成了对2048的复写，主体功能已经基本实现，还有一些细节地方待优化。
对于微信小程序的介绍1 微信小程序结构分析每个页面的基本构成依然是html、css、js，但是格式后缀上有些许变换，html与js不变，但是css=>wxss。同时每个项目都有三个关键的文件， app.js、app.json、app.wxss。
以下是官方对于这三个文件的介绍
app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量，调用框架提供的丰富的 API。
app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。
app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。
更多信息请阅读官方文档
同时微信小程序...阅读全文

安装与使用安装1npm install vue-image-scroll使用123456789101112131415161718192021 <template>      <div>       <slider v-bind="setting">      </div>    </template><script>import slider from 'vue-image-scroll';export default {  components: {    slider  },  data: function() {    return {      setting: {        image: ['1.jpg', '2.jpg', '3.jpg']      }    }  }}</script>本地调试12345git clone https://github.com/ShanaMaid/vue-image-scroll.gitnpm install npm run dev说明项目使用vue-cli开发，源文件在src/components/Slider.vue中，lib中...阅读全文

昨晚睡觉前刷掘金看到一道面试题，由此引发了一系列的拓展与思考。
面试题不使用loop循环，创建一个长度为100的数组，并且每个元素的值等于它的下标
以下是我的一些解决方案
12345678910111213141516171819Array.from(Array(100).keys())[...Array(100).keys()]Object.keys(Array(100))Array.prototype.recursion = function(length) {    if (this.length === length) {        return this;    }    this.push(this.length);    this.recursion(length);}arr = []arr.recursion(100)Array(100).map(function (val, index) {    return index;})当然还有一种比较作死的方法1var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12,...阅读全文

前言vue2越来越受欢迎，无奈现在在公司做的平台是以ng1.x为主，一直没有机会练手vue2，虽然写过一些小demo，但是与完整的项目相比较中间会少很多东西。于是趁在公司空闲的时候以及周末双休，自己用vue2复写了163musicPC端。相比较之掘金上大大写的很多都是纯静态页面vue2，实际开发中肯定会涉及到接口、数据渲染方面，本项目接口通过http-proxy-middleware， 一个http代理的中间件，进行http请求转发，实现跨域请求，直接复用网易爸爸的接口，在服务端对返回的JSON进行解构即可。
介绍vue-163-music(网易云音乐web版)，用vue仿写163音乐客户端版。
原计划仿写完所有页面，碍于网易的接口API有限，实现页面也有限。
不推荐手机端访问。
页面高度为670px，1366 X 768分辨率及其以下按F11全屏浏览效果更佳
Github项目地址:https://github.com/ShanaMaid/vue-163-music
欢迎issue，pr，star or follow！我将继续开源更多有趣的项目
在线版点击进入 http:...阅读全文

关于https小绿锁的加持小绿锁加持计划拖了有一段时间额，趁着五一假期终于搞定了，中间也是一波三折。
配置dns首先小绿锁的加持使用的是国外的cloudflare(以下简称cf)免费提供的SSL。在cf官网注册一个账号，添加你的域名站点，选择免费计划。
一切完成了以后点击上方一排中的dns图标，你可以看到cf为你提供了两个ns
用这两个ns去替换掉你域名的dns，博主的域名是在新网购买的，替换如下图
在cf的dns页面添加一条DNS Records，如下图
使用https在cf的Crypto页面，将SSL设置为flexible
注意，此时你的博客并不能通过https，此时用https访问会提示无效证书。因为刚设置完的时flexiable候其实没有绿色Active Certificate，官方在左侧已经说明了
It may take up to 24 hours after the site becomes active on Cloudflare for new certificates to issue.
这句话的大概意思就是说需要一段时间去激活证书，大概是24小时。...阅读全文