- 博客(31)
- 收藏
- 关注
RSS订阅
原创 javascript 重要概念
var存在变量提升 只有全局作用域与函数作用域 不存在块作用域 允许在相同作用域内，重复声明同一个变量，后者会覆盖前面的变量声明/**** 变量提升****/name = "aa"var name;//编译时var name;name = "aa"console.log(name) //aaconsole.log(a);//undefined var a ...
2018-09-29 17:15:56
3900
1
原创 javascript 实时搜索节点节流
let timeoutexport const asyncReadSelect = (fileLabelValue, callback, needLable = false) => { return new Promise((resolve) => { if (timeout) { clearTimeout(timeout) timeout = ...
2019-03-12 10:53:58
292
原创 ReactNative 布局篇
三列布局篇import React, { Component } from 'react'import { Text, View, Image } from 'react-native'const styles = StyleSheet.create({ listmodcontent: { flexDirection: 'row', flexWrap: ...
2019-01-13 20:33:48
294
原创 iconfont SVG 图标库 生成 react-native-svg所需的格式
const fs = require('fs');const path = require('path');const filePath = `${path.resolve('fontsvg')}/build`//判断文件夹是否存在const isDirectory = (filePath) =>{ return new Promise((resolve,reject) =&...
2019-01-10 23:00:06
532
原创 webpack 模块解析
模块解析(module resolution)查看原文|编辑此页resolver 是一个库(library)，用于帮助找到模块的绝对路径。一个模块可以作为另一个模块的依赖模块，然后被后者引用，如下：import foo from 'path/to/module';// orrequire('path/to/module');绝对路劲类型: import '/home/m...
2018-12-06 19:05:50
272
3
原创 Homebrew 安装与使用
Homebrew官方地址：https://brew.sh/index_zh-cn安装brew 依赖xcode步骤一：前去app store 安装xcode步骤二: 终端输入/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"...
2018-12-06 16:29:06
236
原创 create-react-app 一些注意事项以及优化
create-react-app 默认会有eslint语法检测去除eslint 语法检测 找到 webpack.config.dev.js 以下代码将他注释就可以去除语法检测{ test: /\.(js|mjs|jsx)$/, enforce: 'pre', use: [ { options: ...
2018-11-21 17:52:13
1745
原创 WEBPACK4.X 版本 BABEL7.X 版本配置react
package.json{ "name": "webpack-skeleton", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"
2018-11-20 16:42:56
1154
4
原创 Element 的方法和属性
element event 事件源<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"
2018-11-19 23:19:03
2589
原创 javascript Promise 一些底层实现
Promise.all 定义：当Promise 结果都为resolve 返回resolve的数组集，当一个为reject，将第一个遇到的reject返回。const p1 = Promise.resolve('ok1')const p2 = Promise.reject('no2')const p3 = Promise.resolve('ok3')const p4 = Promis...
2018-11-04 20:16:52
1372
原创 javascript 实现Ajax 资源请求
XMLHttpRequestvar xmlhttp = new XMLHttpRequest(); xmlhttp.open("POST", "http://127.0.0.1:6767/api/v1/login", true); xmlhttp.send(); xmlhttp.onreadystatechange = function () ...
2018-10-24 20:43:05
597
原创 Document元素边框形状相关属性
clientWidth //宽度(content+paddingLeft+paddingRight) clientHeight //长度(content+paddingTop+paddingBottom) offsetWidth //宽度(content+padding+borderLeft+borderRight) offsetHeight //长度(content+padding+bo...
2018-10-24 20:42:35
372
原创 实现简单的generators自动执行Co 模块
let axios = require("axios")var co = require('co');/** * 实现简单的Co 模块 自动执行next */let step1 = () => { return axios.get('https://movie2.douban.com/j/new_search_subjects?sort=U&range=0,10&am...
2018-10-23 11:21:03
255
原创 ECMAScript 6 类的修饰器使用和理解
decorator 类的装饰器许多面向对象的语言都有修饰器（Decorator）函数，用来修改类的行为。目前浏览器或者最近的node 8.x + 均不支持装饰器；可采用babel转译：相关文档：https://babeljs.io/docs/en/babel-plugin-proposal-decorators //装饰器 https://babeljs.io/docs/en/b...
2018-10-19 11:33:17
509
原创 WEBPACK 安装与使用
WEBPACK-4 安装与使用安装:webpackwebpack-cli 命令工具 npm install webpack webpack-cli --save-dev执行: 以下命令查看是否安装成功./node_modules/.bin/webpack -v./node_modules/.bin/webpack-cli -v简单的案例开始目录结构 ...
2018-10-19 00:24:35
179
翻译 HTTP 详解
HTTP的定义超文本传输协议（HTTP） 是 用于传输超媒体文档（如HTML）的 应用层协议。它专为Web浏览器和Web服务器之间的通信而设计，但也可用于其他目的。HTTP遵循传统的 客户端 - 服务器模型，客户端打开连接以发出请求，然后等待它收到响应。HTTP是 无状态协议，这意味着服务器不会在两个请求之间保留任何数据（状态）。虽然通常基于TCP / IP层，但它可以在任何可靠的 传输...
2018-10-17 15:30:22
183
原创 编写VUE 双向数据绑定
使用页面： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-10-16 13:50:17
193
原创 VUE CLI 3的使用方式
参考地址：https://cli.vuejs.org/zh/guide/安装npm install -g @vue/clivue --version //查看版本使用//在自己想安装的路径目录 执行vue create hello-world拉取 2.x 模板 (旧版本)npm install -g @vue/cli-init# `vue init` 的...
2018-10-12 18:25:24
846
原创 CentOS 安装nginx
安装依赖yum install gccyum install pcre-develyum install zlib zlib-develyum install openssl openssl-devel//一键安装上面四个依赖yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel下载nginx的ta...
2018-10-11 13:50:56
133
原创 MacOs 使用终端ssh 链接服务器
使用终端链接： ssh root@xxx.xx.xxx.xxx //需链接的远程ip地址 然后输入密码即可登录在终端断开ssh方法：法1：Ctrl+D法2：输入 logout
2018-10-11 10:02:52
1063
原创 关于babel 的一些包理解7.X版本
Babel 组成部分@babel/core *必装babel 核心包，编译器。提供转换的API@babel/cli babel的命令行工具，通过命令行对js代码进行转译具体命令使用：https://babeljs.io/docs/en/babel-cli 启动babel/cli 编译器 /node_modules/.bin/babel 非全局安装将src 目...
2018-10-10 14:52:14
10695
原创 VUE 使用注意事项：
VUE 数组无法触发视图更新 首先请看下面代码：new Vue({ el: "#app", data: { todos: [ { text: "Learn JavaScript", done: false }, { text: "Learn Vue", done: false }, { text: "Play around in JSF...
2018-10-09 15:50:20
355
原创 使用 brew 安装mongodb
brew 是个包软件工具 具体查看https://brew.sh/ 安装与使用步骤一:终端输入：brew search mongodb //查看可安装的mongodb 版本库chenjian:~ apple$ brew search mongodb==> Formulaemongodb mongodb@3.2 ...
2018-10-08 23:47:28
1249
原创 分析vue-cli 启动流程步骤
启动流程分析 启动入口: 找到package.json 包含工程依赖启动命名直接查找到 "scripts" 下的dev 启动命令，可以看到命令启动了webpack-dev-server 内置的服务，并且执行 build/webpack.dev.conf.js 文件--progress 命令表示:查看构建过程--config 表示 自定义配置文件--inline 自动刷新浏览器...
2018-09-21 14:20:27
3306
原创 CentOS yum的使用与说明
yum 命令集 yum list mong* 可以进行模糊搜索 *代表后面的数字 1.使用YUM查找软件包 命令：yum search 2.列出所有可安装的软件包 命令：yum list 3.列出所有可更新的软件包 命令：yum list updates 4.列出所有已安装的软件包 命令：yum list installed 5.列出所有已安装但不在 Yum Repo...
2018-09-21 11:37:16
268
原创 macOs 系统安装nvm 管理node 的使用方式与坑
步骤一：先查看自己本地电脑是否安装了非采用nvm 的 node 管理包node -v 如果有输出 node 版本 先删除如果采用官方下载的pkg 安装包采用以下方式删除:sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*} 安装nvm 官方地址：ht...
2018-09-20 16:44:23
904
翻译 nginx 静态资源服务器
nginx.conf 配置静态服务资源alias ： 配置别名执行 alias XXXX 系统目录文件root ： 表示匹配资源路径 root + location 匹配到的资源路径try_files：try_files $uri $uri/ /index.html =404; 当找不到页面时指向首页 location / { #root /wor...
2018-09-19 15:12:25
161
原创 npm 的使用方式 与命令
npm 全局配置 npm config set <key> <value> [--global]npm config get <key>npm config delete <key>//查看全局配置npm config list//编辑全局配置npm config edit//获取指定的某个配置npm get <key&g...
2018-09-19 10:01:13
799
原创 Visual Studio Code 调试node
Visual Studio Code 调试node 文档地址：https://code.visualstudio.com/docs/nodejs/nodejs-debugging流程步骤步骤一：点击VS CODE 第四个小昆虫 如没有配置，则点击添加配置 会自动生成个.vscode 文件夹下的launch.json 用来配置调试 步骤二：如工程启动的为 npm run XX...
2018-09-12 17:02:03
1428
原创 node 常用的包介绍
chalk 功能: 控制台打印带颜色的说明安装: npm install chalk地址: https://www.npmjs.com/package/chalk效果ora 功能: 控制台轮转安装: npm install ora地址: https://www.npmjs.com/package/ora效果 glob 功能: 使用sh...
2018-09-11 16:54:29
1821
翻译 Git 命令使用大全
分支合并 . gitattributes 的使用：设置某个文件不合并到目标分支中 列：A分支下的 aa.js 不合并到B分支下步骤一： 被合并的A分支 -> 下添加：. gitattributes 文件 /*** 里面内容书写被过滤的不合并的文件 一行表示一个**/.gitattributes merge=oursbb.js merge=ours步...
2018-09-06 22:35:18
397
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人