JavaScript数组排序

sort()

语法:arrayObject.sort(sortby)

阅读全文

使用pm2部署nodejs

运行node服务时,如果直接通过node app来启动,如果报错了,整个服务就会直接停止运行。所以开发时一般都会使用supervisor,不过感觉supervisor只是拿来用作开发环境的。后来在网上找了一下,了解到目前似乎最常见的线上部署nodejs项目的有forever,pm2这两种。

阅读全文

ReactNative之两端兼容问题

TextInput

  • iOS下的textAlign取值 auto left right center justify

阅读全文

ReactNative之学习入门指南

基础内容

ES6语法

    阅读全文

    ReactNative之iconfont使用

    iconfont显示成图形图标的字体,因为字体是矢量化图形,具有分辨率无关的特性,在任何分辨率和ppi下面,都可以做到完美缩放,不像传统位图如:png,jpg一样,放大后会有锯齿或者模糊。
    为什么使用iconfont对比图片大小来说容量更小,支持样式修改(大小,颜色),适应多分辨率,网上有很多现成的iconfont资源可以使用。

    阅读全文

    ReactNative之CocoaPods基础知识

    在使用react-native的时候,安装ios依赖时经常就会使用到cocoapods,这里我们介绍一下cocoaPods。

    阅读全文

    ReactNative之导航器使用

    接上面那篇文章,上篇文章主要是介绍了react-navigation的相关配置和样式设置等,这篇文章主要讲讲react-navigation内的navigation属性。

    阅读全文

    ReactNative之导航器配置

    监听事件

    let _this = null;

    export default class WebViewPage extends Component {
    static navigationOptions = ({ navigation }) => ({
    // ......
    onPress={() => _this.reload() }>
    // ......
    )
    });
    componentDidMount() {
    _this = this;
    }
    _reload() {
    console.log("aaaaaaa");
    }

    阅读全文

    ReactNative集成至原有iOS项目

    一、准备工作

    1. React Native 开发基础环境

    这个可以直接参考我之前写的,环境搭建相关的文章。如果已经按上篇文章操作过,或者说已经在Mac平台已经成功运行过React Native应用,那可以直接忽略这一步。

    阅读全文

    ReactNative之常用组件

    <Image />

    <Image /> API

    阅读全文

    ReactNative之基础内容

    环境搭建完了,我开始了解一下ReactNative的基础内容吧。包括样式、高度宽度、

    阅读全文

    ReactNative之环境搭建

    环境配置

    按照官网https://reactnative.cn/docs/0.51/getting-started.html的教程一步一步来,不过还是遇坑无数,这里记录一下遇到的坑。

    阅读全文

    ReactNative之样式手册

    在React Native中,你并不需要学习什么特殊的语法来定义样式。我们仍然是使用JavaScript来写样式。所有的核心组件都接受名为style的属性。这些样式名基本上是遵循了web上的CSS的命名,只是按照JS的语法要求使用了驼峰命名法,例如将background-color改为backgroundColor。以下备忘一下,常用的样式和用法说明。

    阅读全文

    HTML5之离线缓存

    前言

    乐刻教练端业务是一个Hybrid APP,通过原生APP提供调用原生能力的外壳,内部逻辑全部使用H5页面实现。 这种方式在早期产品需求快速迭代,客户端资源紧张的情况下,解决了很大一部分问题。但随着业务需要和使用人数的增加,教练端已经有点力不从心的。在3月份,已经对教练端进行过一次优化,主要集中在资源加载、初始数据、转场动画等。接下来,想要结合HTML5离线缓存机制,进行一些优化尝试。

    阅读全文

    JavaScript之数组的常用操作函数

    js对数组的操作非常频繁,但是每次用到的时候都会被搞混,都需要去查相关API,感觉这样很浪费时间。为了加深印象,所以整理一下对数组的相关操作。

    阅读全文

    JavaScript之字符串的常用操作函数

    字符串的操作在js中非常繁琐,但也非常重要。在使用过程中,也会经常忘记,今天就对这个进行一下整理。

    阅读全文

    大学毕业后的第一个小结

    不知不觉毕业已经将近三年了,干前端也有两年多了,从刚开始的门外汉也慢慢的成为一个能独立干活的职业猿了。两三年时间经历了很多次选择,从弱电到编程,从上海到杭州,但每一次的选择似乎都让自己向上又迈了一步。

    阅读全文

    VueJs之Toast插件

    插件是什么

    插件通常用于为 Vue 添加全局级别的功能。Vue.js 的插件应当有一个公开方法 install 。这个方法的第一个参数是 Vue 构造器 , 第二个参数是一个可选的选项对象:

    阅读全文

    javaScript事件详解

    事件绑定和普通事件有什么区别

    事件绑定就是针对dom元素的事件,绑定在dom元素上。普通事件即为非针对dom元素的事件。

    阅读全文

    call、apply和bind的区别

    JavaScript的一大特点是,函数存在定义时的上下文运行时的上下文以及上下文是可以改变的这样的概念。call、apply和bind都是为了改变某个函数运行时的上下文而存在的,换句话说,就是为了改变函数体内部this的指向。以下是三个相似点:

    阅读全文

    CSS3的新特性

    CSS3,这个新一代的标准应运而生。为了满足现有的对于Web UI 的开发需求,它提供了一系列强大的功能,如许多新的CSS 属性(文字,布局,颜色等等),各种CSS 特效,甚至还支持CSS 动画、元素的变换。

    阅读全文

    使用AWS搭建一年免费的Shadowscoke

    第 1 章 创建服务器展开目录

    1.1 原理

    众所周知目前的网页访问基本都是 C/S 模式,而在中国由于客户机向服务器的发起的请求,如果是禁网则可以被 GWF 识别封杀,那么我们的原理就是让一个客户机(对我们来说它就是我们的代理人)在国外替我们拿到数据然后再传回来,为了防止传回的数据被 GWF 识别,我们要对数据加密,目前比较优秀的即使 shadowsocks。

    阅读全文

    cordova学习资源整理

    已经好久没有做有关cordova的项目了,但是还是经常会有小伙伴来问有关cordova的问题,有一些自己也回答不上来。现在就将以前保存的资源整理整理分享出来,有需要的小伙伴自取哈~~

    阅读全文

    canvas 图片合成填坑记

    需求

    要用代码来实现多张外部图片和文字的合并而且要上传到七牛云,再将图片链接通过客户端分享出去。图片背景需要支持用户自定义更换。

    阅读全文

    写一个npm包

    一、注册npm账号

    • 怎么将代码提到github,大家都知道需要一个github账号

    阅读全文

    Python 入门指北

    安装Python

    目前,Python有两个版本,一个是2.x版,一个是3.x版,这两个版本是不兼容的。由于3.x版越来越普及,我们的教程将以最新的Python 3.5版本为基础。请确保你的电脑上安装的Python版本是最新的3.5.x,这样,你才能无痛学习这个教程。

    阅读全文

    VueJs之组件

    组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。

    阅读全文

    VueJs之过滤器

    Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。

    阅读全文

    VueJs之全局方法和变量

    1. 模块引入

    新建一个特定模块,用户组织管理全局变量和全局方法,然后在需要用到的地方引入该模块即可。

    阅读全文

    VueJS之Vuex使用指南

    Vuex 是 状态管理的编程模式 + 工具库,适用于 Vue.js 编写的应用。它作为一个集中化的 store (状态存储),服务于应用中的所有组件,其中的规则保证了状态只会在可预测的方式下修改。另外,它能与 Vue 官方提供的 devtools 扩展 集成,提供高级功能,如,无需配置就可以基于时间轴调试,以及状态快照的 导入 / 导出。

    阅读全文

    mac上nginx使用

    一、安装

    执行如下命令

    brew search nginx
    brew install nginx

    阅读全文

    抓包工具Charles使用

    Charles其实是一款代理服务器,通过成为电脑或者浏览器的代理,然后截取请求和请求结果达到分析抓包的目的。该软件是用Java写的,能够在Windows,Mac,Linux上使用。开发iOS都在Mac系统上吧,安装Charles的时候要先装好Java环境。

    阅读全文

    混合开发的真机调试

    在做混合APP的内嵌前端项目时,需要在真机上进行对页面的相关内容进行调试,所以在这里记录一下,相关的调试方法。

    阅读全文

    云服务之nginx配置https

    保证nginx已经引入ssl模块

    SSL证书介绍

    SSL 证书是一种数字证书,它使用 Secure Socket Layer 协议在浏览器和 Web 服务器之间建立一条安全通道,从而实现:

    阅读全文

    云服务之ngnix部署配置

    在项目开发中需要自己搭建配置前端服务,发布代码,所以捣鼓了一下nginx。在这里记录一下,相应的常规配置。

    阅读全文

    云服务之nginx安装

    Nginx是一款轻量级的网页服务器、反向代理服务器。相较于Apache、lighttpd具有占有内存少,稳定性高等优势。它最常的用途是提供反向代理服务。

    阅读全文

    forever的使用

    forever可以看做是一个nodejs的守护进程,能够启动,停止,重启我们的app应用。
    官方的说明是说:A simple CLI tool for ensuring that a given script runs continuously(一个用来持续(或者说永远)运行一个给定脚本的简单的命令行工具)。
    Github地址:https://github.com/nodejitsu/forever

    阅读全文

    云服务之部署node项目

    服务器配置

    • 类型:阿里云学生服务器
    • 地域:华南 1(China South 1 Zone A)

    阅读全文

    云服务之Linux常用命令

    Mac链接操作Linux服务器

    SCP命令

    copy本地文件到服务器的命令如下:

    阅读全文

    NodeJs之基础使用备忘

    npm的常用命令

    npm -v          #显示版本,检查npm 是否正确安装。

    npm install express #安装express模块

    npm install -g express #全局安装express模块

    npm list #列出已安装模块

    npm list -g # 列出全局已安装模块

    npm show express #显示模块详情

    npm update #升级当前目录下的项目的所有模块

    npm update express #升级当前目录下的项目的指定模块

    npm update -g express #升级全局安装的express模块

    npm uninstall express #删除指定的模块

    # 初始化一个node项目目录(引导用户创建package.json,package.json中包含项目名称、版本、作者、git仓库地址)
    npm init(交互模式)
    npm init -y(非交互模式)

    阅读全文

    ES6的新特性概述

    ES6对语言进行了重大的升级,相对于ES5有了很多的新特性。

    阅读全文

    浅谈JS模块规范:AMD,CMD,CommonJs

    随着JS模块化编程的发展,处理模块之间的依赖关系成为了维护的关键。AMD,CMD,CommonJS是目前最常用的三种模块化书写规范。

    阅读全文

    浏览器的工作原理

    浏览器的主要功能是将用户选择得web资源呈现出来,它需要从服务器请求资源,并将其显示在浏览器窗口中,资源的格式通常是HTML,也包括PDF、image及其他格式。用户用URI(Uniform Resource Identifier 统一资源标识符)来指定所请求资源的位置。

    阅读全文

    CSS之动画使用

    CSS动画的两大组成部分:transition和animation。

    阅读全文

    CSS之BFC(块级格式化上下文)

    BFC是什么?从没有认识到最初的认识是一个关键且困难的过程。网上的很多文章都会写道:BFC 是一个环境。这样的写法让人看了就头疼:我们在HTML和CSS中好像从没接触过环境这个概念。

    下面不妨让我用通俗的方式解释一下BFC的概念:BFC可以简单的理解为某个元素的一个CSS属性,只不过这个属性不能被开发者显式的修改,拥有这个属性的元素对内部元素和外部元素会表现出一些特性(后面会讲到),这就是BFC。

    阅读全文

    JavaScript去重算法

    var arr = ['a', 'b', 'c', '1', 0, 'c', 1, '', 1, 0];
    ///////////////////////////不兼容IE6-8
    function unique2(arr) {
    var result = [];
    for (var i = 0; i < arr.length; i++) {
    if (result.indexOf(arr[i]) === -1) {
    result.push(arr[i]);
    }
    }
    return result; //["", 0, "1", 1, "a", "b", "c"]
    }
    console.log(unique2(arr));
    ///////////////////////////兼容所有浏览器
    function indexOf(arr, item) {
    if ([].indexOf()) {
    var e = arr.indexOf(item);
    return e;
    } else {
    for (var i = 0; i < arr.length; i++) {
    if (arr[i] === item) {
    return i;
    }
    }
    return -1;
    }
    }
    function unique3(arr) {
    var result = [];
    for (var i = 0; i < arr.length; i++) {
    if (indexOf(result, arr[i]) === -1) {
    result.push(arr[i]);
    }
    }
    return result; //["", 0, "1", 1, "a", "b", "c"]
    }
    console.log(unique3(arr));

    阅读全文

    前后端分离之JWT用户认证

    在前后端分离开发时为什么需要用户认证呢?原因是由于HTTP协定是不储存状态的(stateless),这意味着当我们透过帐号密码验证一个使用者时,当下一个request请求时它就把刚刚的资料忘了。于是我们的程序就不知道谁是谁,就要再验证一次。所以为了保证系统安全,我们就需要验证用户否处于登录状态。

    阅读全文

    前后端分离之跨域问题

    最近在做的一个项目,原本是通过SpringMVC结合freemarker模板引擎和JSP实现HTML页面和后端的数据交互,现在为了业务需要,要将前后端拆分出来。使用Restful API的形式进行交互。然后刚上路就遇到坑了,在这里记录一下如何填坑,以防不时之需。这里介绍的方法是SpringMVC架构通过CROS协议解决跨域问题。

    阅读全文

    ESLint入门指南

    ESLint 是一个插件化的 javascript 代码检测工具,它可以用于检查常见的 JavaScript 代码错误,也可以进行代码风格检查,这样我们就可以根据自己的喜好指定一套 ESLint 配置,然后应用到所编写的项目上,从而实现辅助编码规范的执行,有效控制项目代码的质量。

    阅读全文

    Normalize 入门简介

    Normalize.css只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。

    阅读全文