项目构建 July 15, 2019

Nginx conf 常用配置

Words count 5.9k Reading time 5 mins.

因为不熟悉Nginx,对他的匹配规则似懂非懂,所以平时在部署自己项目的时候经常会遇到各种问题,因此在此记录一下一路踩过的坑。

nginx.conf 与 conf.d 目录

首先Nginx里有一份基础配...

Read article

项目构建 July 15, 2019

Nginx conf 常用配置

Words count 5.9k Reading time 5 mins.

因为不熟悉Nginx,对他的匹配规则似懂非懂,所以平时在部署自己项目的时候经常会遇到各种问题,因此在此记录一下一路踩过的坑。

nginx.conf 与 conf.d 目录

首先Nginx里有一份基础配置nginx.conf文件,里面通常是nginx的一些默认配置信息,注意在默认配置前有一行引入自定义文件的代码

# Load modular configuration files from the /etc/nginx/conf.d directory.
# See http://nginx.org...
Read article

Article November 12, 2018

mac下卸载Node.js并使用nvm来管理Node版本

Words count 2.6k Reading time 2 mins.

转载自:https://www.zhihu.com/question/27389115/answer/36434788
转载自:https://blog.csdn.net/xieamy/article/details/70270039

前言

因为不小心的缘故,把自己电脑上的node版本由LTS升到了Current,从而遇到了之前有一个基于vue-cli上搭建的项目跑不起来,在读取配置文件的时候直接报fs模块的错误,因此有了想卸载Node.js再从新安装的想法。

当前环境

当前的环境是 Mac...

Read article

小程序 August 01, 2018

单页面应用微信分享跳坑指南

Words count 8.2k Reading time 7 mins.

前言

最近在开发的时候遇到了一个微信分享的bug,就是无论你在哪个路径下的页面,发送给朋友后点开都只会跳到项目的首页。本来微信分享这个只算是一个小功能,也很好解决,但由于项目的特殊性,使得在这个bug解决起来并没有那么顺手,所以记录一下备以后翻阅。

坑点

  • Vue单页面应用,前端通过Hash控制路由——iOS在微信中不能正常地改变浏览器的hash值,分享出去的页面地址被莫名其妙地添加了参数。

  • 微信的安全策略——由于存在js安全域名限制,使得在本地调试更难。

  • jssdk配置签名。

跳...

Read article

VUE July 08, 2018

从零到一搭建Vue项目工程(Vue全家桶、Vue测试、持续集成)

Words count 11k Reading time 10 mins.

开篇前记

入门前端有一段时间了,从大学就开始学习前端,到现在刚好毕业就整整4年,其中学习了不少东西,也新出不了少东西,前段的发展总是很快的,一不小心之前所学的技术就开始落后了。以前刚开始学的时候还在学html,css,js三件套,当然还会有JQuery,现在有些人入门都开始直接学Vue框架了。踩过很多坑。但是坑还要一个一个地爬出来,未知的东西还是要一个一个地探索,所以才有了冲动来写这篇文章,第一是为了总结我之前学过的知识和经验,比如Vue全家桶,wepback构建Vue环境等。其次是在我没有实践...

Read article

JAVASCRIPT December 10, 2017

如何通过JS通过媒体查询规则来做样式控制

Words count 1.8k Reading time 2 mins.

在移动开发中,我们可以通过CSS的@media媒体查询来控制在不同屏幕宽度上应用不同的样式,但是在某些情况下,我们也希望可以通过脚本来作更多的控制。下面就通过一个新特性window.matchMedia来作控制。

通过传入一个@media规则进window.matchMedia方法会返回一个新的MediaQueryList 对象,这个对象表示指定的媒体查询字符串解析后的结果。

mql = window.matchMedia(mediaQueryString)

其中mediaQueryString...

Read article

CSS-LESS-SASS December 09, 2017

关于移动端像素的显示问题

Words count 4.2k Reading time 4 mins.

在移动端开发的过程中大家都会发现,移动端的显示一般与桌面端的不一样。比如在iphone6上显示一个1334x750像素大小块状元素,虽然在苹果官网上iphone6标称的屏幕像素密度是1334x750规格,但是我们却发现这个1334x750像素大小的块状元素却不能铺满整个屏幕。那到底是为什么呢?下面从几个方面来作探讨。

像素密度(PPI)

PPI(Pixel Per Inch),即表示每英寸有多少像素,类似于人口密度和建筑密度,如下图举例了几种PPI的表示。

以iphone6为例,一般像素密度的...

Read article

MONGODB November 30, 2017

MongoDB Shell命令

Words count 6.4k Reading time 6 mins.

开启MongoDB数据库服务

  mongo根目录/bin/mongod -f 配置文件目录/配置文件名
例:./bin/mongod -f conf/mongod.conf

Mongod.conf文件内容参考如下:

dbpath = /data/mongodb
logpath = /data/mongodb/mongodb.log
logappend = true
port = 27017
fork = true
auth = true

Mongod命令各常用参数说明:

...
参数 说明
Read article

Article September 11, 2017

渐进式图片加载效果

Words count 3.4k Reading time 3 mins.

前些日子在逛知乎,发现有个效果挺不错的,就是当一开始页面上的图片是模糊的,过一会图片变清晰。突然感觉这种效果比传统的占位图效果要好的多,于是在好奇心的驱使下百度了一下效果,得出的实现常用可以分为图床和图片地址替换。下面简单叙述一下两个方案的实现思路:

图床

就是在图片原来的地方放一个标签用来放模糊的照片,盖在原来清晰大图片的上方,当大图加载成功后,原来盖在上面的图片隐藏掉。图床可以是一个Div或者是Canvas等。

地址替换

思路和上面差不多,一开始的时候先加载一张低清的图,把高清图片的地址存...

Read article

JAVASCRIPT August 09, 2017

JavaScript 设计模式与开发实践

Words count 9.4k Reading time 9 mins.

基础知识

一、this、call 和 apply

this的指向

除去不常用的with和eval的情况,具体到实际应用中,this的指向大致可以分为以下4种:

  • 作为对象的方法调用。
  • 作为普通函数调用。
  • 构造器调用。
  • Function.prototype.call或Function.prototype.apply调用。
  1. 作为对象的方法调用

当函数作为对象的方法被调用时,this指向该对象:

var obj = {
	a: 1,
    getA: function() {
    	alert...
Read article

JAVASCRIPT August 06, 2017

Javascript 数据类型

Words count 5.6k Reading time 5 mins.

  本文摘录于Javascript高级程序设计(Professional JavaScript for Web Developers)并加上了自己的一些理解,如发现本文有什么错误之处,请麻烦通过以下方式联系我作修正,谢谢!
  微信号: kuntang9080
  邮箱:kuntang@163.com


ECMAScript中有5种简单数据类型(也称基本数据类型):Undefined、Null、Boolean、Number、String。还有一种复杂数据类型:Object。


typeof 操...

Read article
Load more
0%