Write the Code. Change the World.

11月 06

方法一

使用 composer 根据需要安装具体版本的laravel

// php 5.6.4以下版本最高安装laravel5.2
composer create-project --prefer-dist laravel/laravel blog "5.2.*"

blog 为项目名,文件都被安装在blog目录下

如果安装完成后,发现没有安装vendor。请不要担心,请将 php.ini 里面的mbstring extension=php_mbstring.dll 打开。

方法二

  1. 下载laravel安装包。
composer global require "laravel/installer=~1.1"
  1. ~/.composer/vendor/bin 路径添加到系统环境变量中, 这样 laravel 执行文件就会存在你的系统。

  2. 创建项目。

// XXX 为项目名
laravel new XXX

参考:https://docs.golaravel.com/docs/5.2/installation/

阅读全文 >>

11月 06

mac或linux下安装composer很方便。在win下稍微麻烦一点。想要使用composer,还是得去安装。

  1. 下载 Composer-Setup.exe,然后安装。安装的时候,会提示选择 php.exe 的位置,选择好即可。然后一步一步的安装。

  2. php 目录下,打开 php.ini 文件,开启openssl扩展。去掉 extension=php_openssl.dll 前面的分号;

  3. 设置环境变量,将php目录添加到系统环境变量中。计算机->属性->更改设置->高级->环境变量->系统变量->Path->编辑

  4. 下载 composer.phar,将其放到 php 目录下。然后,在php目录下新建一个文件 composer.cmd,内容写成:**@php “%~dp0composer.phar” %* ** 保存。运行这个文件,然后打开cmd运行:composer。

  5. 设置全局镜像。

composer config -g repo.packagist composer https://packagist.phpcomposer.com

// 或

composer config -g repo.packagist composer https://packagist.laravel-china.org

镜像介绍

https://pkg.phpcomposer.com/

https://laravel-china.org/composer

阅读全文 >>

11月 06

现象

android手机打开html网页,点击按钮时,down 状态会出现阴影。

处理

给这些按钮加一个样式即可。如下:

.no-shadow{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

阅读全文 >>

10月 17

在用webpack打包的时候,所打包的文件,会经常使用到 module.exports,exports,export和export default,import与require 这些语法。看起来眼花缭乱,其实,都是有迹可循的。

基本问题

  1. module.exportsexports 是属于 CommonJS 模块规范。
  2. exportexport default 是属于 es6 语法。

  3. 同样 importrequire 分别属于 es6CommonJS

  4. module.exportsexportsexportexport default 都是导出模块。 importrequire 则是导入模块。

module.exports 和 exports 的区别与联系

Node应用由模块组成,采用CommonJS模块规范。根据这个规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。

CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即module.exports)是对外的接口。加载某个模块,其实是加载该模块的module.exports属性。

阅读全文 >>

10月 17

前边

es6 语法使用也越来越多了,本来已经落后了,再不学习就更落后落后了。

es6模块设计思想更是突出。es6模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。es6模块加载是静态加载,使得静态分析成为可能。有了它,就能进一步拓宽 JavaScript 的语法,比如引入宏(macro)和类型检验(type system)这些只能靠静态分析实现的功能。

es6模块自动采用严格模式,不管你有没有在模块头部加上”use strict”;。

既然是模块,模块功能怎么构成呢。模块功能有 exportimport 两部分构成。export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。

export

一个模块,就是一个独立的文件。通过export,将内部的变量,对象,方法,类输出给外部。并且export在顶级使用,如果在块内部使用就会报错。

export有以下一些规定。

  1. export 必须在顶级使用。
  2. export命令规定的是对外的接口。必须用{}包裹起来,或直接 export。

  3. export 输出接口与外是动态绑定的。 无论改变哪个,该数据都会改变。

  4. 既然export是输出接口,就有一个接受接口。接受用import,也需要要用{}包裹起来。

  5. 一个模块中,可以有多个 export。

  6. export可以使用 as 关键字重命名。

阅读全文 >>

9月 21

vue

https://cn.vuejs.org/

https://www.awesomes.cn/

http://element.eleme.io/#/zh-CN/

https://www.iviewui.com/

https://n3-components.github.io/N3-components/component.html

bootstrap + vue

http://yuche.github.io/vue-strap/

https://bootstrap-vue.js.org/

https://uiv.wxsm.space/getting-started/

react

https://ant.design/index-cn

css study

http://cssreference.io/

js effects

https://threejs.org/

https://github.com/iview/iview-doc

https://threejs.org/examples/?q=waves#canvas_particles_waves

https://segmentfault.com/q/1010000010716445

阅读全文 >>

9月 04

很多框架,网站,实现的模态窗口体验不是那么完美。不过,知乎的模态窗口却是很完美的。比如登录。知乎的模态窗口实现了以下几点:

  1. 弹出模态窗口后。所有滚动条都隐藏(如果有的话),并且鼠标滑轮,无论怎么滚动,被半透明遮挡在下边的内容岿然不动。
  2. 弹出模态窗口后。窗口在水平和垂直方向是都是居中的。

  3. 关闭模态窗口后。滚动条功能恢复。

Demo: https://api.qiubg.com/demo/vnmodal

gitHub: https://github.com/vini123/vnmodal

阅读全文 >>

8月 30

在nodejs中使用express来搭建框架可以说是非常的简单方便,但是一般默认创建的都是http服务器,也就是只能通过http协议进行访问。如今https已经是发展趋势,我们应该顺应时代的潮流。这里,将记录下这个的配置过程。

生成证书文件

先进入到项目的目录。

cd /alidata/service/node.js/server/im/

1. 生成私钥key文件

openssl genrsa 1024 > private.pem  

阅读全文 >>

8月 29

Node.js 官网下载地址:https://nodejs.org/en/download/

注意,这里分两种版本,LTS(长期支持,成熟可靠)和Current(稳定版,最新特性)。选择合适的版本安装。

下载好Mac对应的版本。然后安装。安装完成后,会出现下边提示。

Node.js was installed at

   /usr/local/bin/node

npm was installed at

   /usr/local/bin/npm

Make sure that /usr/local/bin is in your $PATH.

确定,安装完成。

使用

安装完成后,可以在终端中查看版本。

node -v
npm -v

使用国内的淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

阅读全文 >>