- 博客(33)
- 收藏
- 关注
转载 webpack配置中的path、publicPath和contentBase
output中的publicPath用于给生成的静态资源路径添加前缀,也就是会在打包生成的html文件里面引用资源路径中添加前缀。当定义了output.publicPath值如上图所示资源的路径加上了publicPath定义的前缀。并且output的publicPath影响到了使用devServer在打包生成的静态文件的位置,所以访问localhos...
2019-09-11 13:45:00
897
转载 mongodb 权限设置--用户名、密码、端口
转自:http://www.cnblogs.com/valor-xh/p/6369432.html一、关于权限的默认配置在默认情况下,mongod是监听在0.0.0.0之上的,任何客户端都可以直接连接27017,且没有认证。这样做的好处是,用户可以即时上手,不用担心被一堆配置弄的心烦意乱。然而坏处也是显而易见,如果直接在公网服务器上如此搭建MongoDB,那么所有人都...
2019-09-09 17:26:00
197
转载 搭建express服务器
express是一个基于Node.js的极简的web应用程序开发框架。首先为应用程序创建一个package.js文件npm init -y在项目目录添加index.js文件const express = require('express')const app = express()app.get('/', (req, res) => res....
2019-09-09 11:20:00
147
转载 Babel入门
Babel是一个工具链,主要用于把ES6+的代码转换为ES5代码,以便在旧版本浏览器中运行。Babel可以做的事情是1.语法转换2.通过Polyfill的方式在目标环境中添加缺失的特性(通过@babel/polyfill模块)3.源码转换// Babel 输入: ES2015 箭头函数[1, 2, 3].map((n) => n + 1);// Ba...
2019-09-07 14:24:00
98
转载 redux-saga入门
redux-sage和redux-thunk类似都是redux的中间件,都用于处理异步操作。redux-saga使用ES6的Generator功能,避免了redux-thunk的回调写法,并且便于测试。下面展示了最简单是使用示例import { call, put, takeEvery, takeLatest } from 'redux-saga/effects'impo...
2019-09-06 18:15:00
104
转载 js中的异步Promise、Generator、async
PromisePromise是js异步编程的解决方案,Promise是一个对象,内部会存在一个异步操作,Promise对象提供统一的api来获取异步操作的结果。const promise = new Promise(function(resolve, reject) { // ... some code if (/* 异步操作成功 */){ reso...
2019-09-04 15:34:00
82
转载 bindActionCreators
bindActionCreators是redux的一个API,作用是将单个或多个ActionCreator转化为dispatch(action)的函数集合形式。开发者不用再手动dispatch(actionCreator(type)),而是可以直接调用方法。目的就是简化书写,减轻开发负担。例如:actionCreator.js如下:export f...
2019-08-21 10:20:00
176
转载 JS 中的require 和 import 区别
在研究react和webpack的时候,经常看到在js文件中出现require,还有import,这两个都是为了JS模块化编程使用。CSS的是@import1.ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。Require是CommonJS的语法,CommonJS的模块是对象,输入时必须查找对象属性。// Commo...
2019-07-23 10:06:00
94
转载 webpack笔记
搭建项目基础使用npm初始化工程,安装webpackmkdir webpack-demo && cd webpack-demonpm init -ynpm install webpack webpack-cli --save-devlodash是一个使用的js工具库npm install --save lodash如果没有web...
2019-07-16 14:47:00
79
转载 搭建自己的React+Typescript环境(二)
前言搭建自己的React+Typescript环境(一)上一篇文章介绍了React+Typescript的基础环境搭建,并没有做任何优化配置,以及根据不同的开发环境拆分配置,这篇文章主要就是介绍这些,并且所有配置都是在上篇文章的基础上,如果有什么问题或者不对的地方,希望大佬们能及时指出,最后有项目地址~要用到的几个依赖webpack-merge:合并w...
2019-07-09 10:18:00
285
转载 搭建自己的React+Typescript环境(一)
前言前阵子在自己学习React,最开始上手使用的creat-react-app来创建自己的项目,2版本之后的create-react-app已经支持了很多功能,比如sass、数据mock、typescript支持等等,也升级了相关依赖babel、webpack到一个最新的版本,具体可以参照Create React App 中文文档,但是它将项目的webpack配置等内容给藏起...
2019-07-09 10:17:00
437
转载 搭建最简React环境
1.首先你必须装有node和npm2.进入demo目录,npm install -y。创建模块的描述文件package.json,-y是默认所有参数。使用npm创建的库、框架和项目都可以成为模块,而package.json是模块的描述文件。3.安装webpack和webpack-cli,npm install webpack webpack-cli --save-dev。从web...
2019-07-01 18:34:00
73
转载 react-router v5笔记
官方文档https://reacttraining.com/react-router/web/guides/quick-start中文文档https://react-router.docschina.org/web/example/basicgit地址https://github.com/ReactTraining/react-router#readmereact-ro...
2019-06-11 18:14:00
184
转载 React 教程:如何使用 webpack 4 和 Babel 7 构建 React 应用(2018)
https://www.html.cn/archives/9427转载于:https://www.cnblogs.com/ssw-men/p/11003429.html
2019-06-11 14:25:00
112
转载 JavaScript 笔记
变量提升(hoisting):JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行运行。所以所有变量的声明都会被提升到头部,这就是变量提升,但赋值不会跟着提升。标签(label):标签相当于定位符,用于跳转到程序的任意位置,通常和break、continue配合使用。下面代码break将直接跳出双层循环,如果只使用break将仅跳出内层循环...
2019-06-04 17:28:00
58
转载 JavaScript常用方法
function.bind(thisArg, arg1, arg2, ...) bind方法创建一个新的函数,并且函数中的this指向为传入的thisArg参数,其余参数会预先添加到原函数的参数列表中。新函数相当于是原函数的包装,在调用时原函数同样会被调用。示例1:指定调用函数中的this指向this.x = 9; // 在浏览器中,this指向全局的 "window...
2019-06-04 17:28:00
57
转载 React和相关工具链的理解
React是一个用于构建前端页面的库,React使我们可以将页面分成一个个独立的组件,通过组件的组合、嵌套最终构成一个完整的页面。当页面数据需要改变时React通过虚拟DOM提供了高效的数据和页面显示状态的同步。在编写组件时可以使用JSX语法来更好的描述DOM元素。React仅仅提供了UI层面的解决方案,在实际项目中我们要结合其他的库来解决其他问题,比如Redux、Redux-thunk...
2019-06-04 17:24:00
213
转载 redux-thunk
前端交互中有很多行为是异步的,比如从服务器拉取论坛帖子列表,而目前store.despatch()方法接收的只能是一个拉取帖子的action对象然后交给reducer计算出state。要进行从服务器的拉取操作就要编写一个异步的action,在这个action里会调用store对象的dispatch方法派发同步的action来修改state的状态,从正在获取帖子列表到收到从服务器发来的列表...
2019-06-04 17:20:00
65
转载 前端构建之NPM
NPM的由来现代前端开发已经离不开Node了。大家都知道在安装Node时会附赠一个命令行工具Node Package Manager,即npm。或许你已经照着教程输入过好多遍”npm install xxx”,并且你发现npm的命令林林总总几十条,package.json的配置项令人眼花缭乱,但不知你有没有认真想过,我们为什么需要npm?如果没有它,世界会怎样?我的理解,npm所...
2019-06-04 15:54:00
123
转载 react-redux总结
redux是什么? redux是一种处理应用程序数据的方式。redux要求应用中只有一份数据state,state放在一个叫store的对象中,所有对数据的操作都要通过store来执行。react有三大原则: 1.单一数据源:整个应用的state被储存在一棵object tree中,并且这个object tree只存在于唯一一个store中。 2.state是只读...
2019-05-30 14:52:00
77
转载 webpack和webpack-cli的安装和卸载
删除全局webpack-cliwebpack4.x开始官方文档是说要安装cli所以如果的在用4.+就需要卸载clinpm uninstall -g webpack-cli# 注释给我这种小白提供参考# 卸载 uninstall 可以简写成 un # 全局 -g 的完整写法是 --global# 现在问题来了这样真的卸载了webpack-cli吗?# 答案是...
2019-05-28 11:29:00
2119
转载 实现一个react-redux
react-redux是配合react库管理数据的一种方式,下面试redux的简单实现。参考http://huziketang.mangojuice.top/books/react/lesson30import React, {Component} from 'react'import ReactDOM from 'react-dom'import PropTypes...
2019-05-15 16:57:00
91
转载 JavaScript的元项链和new this关键字
函数中的this关键字指代调用了函数的对象,如果不通过某个对象调用函数,那么this指向全局对象。new关键字和this关键字密切相关。new关键字创建一个空对象,然后使用指向这个对象的this调用函数,函数不会创建对象,只会修改this指向的对象,关键字new创建的对象(也就是this指向的对象)会返回给函数中的this,而被new调用的函数称为构造函数function m...
2019-05-14 15:11:00
123
转载 深度剖析:如何实现一个 Virtual DOM 算法 #13
作者:戴嘉华原文链接:https://github.com/livoras/blog/issues/13目录:1 前言2 对前端应用状态管理思考3 Virtual DOM 算法4 算法实现4.1 步骤一:用JS对象模拟DOM树4.2 步骤二:比较两棵虚拟DOM树的差异4.3 步骤三:把差异应用到真正的DOM树上5 结语6 Ref...
2019-05-06 11:28:00
90
转载 APP的三种开发模式
转载于http://pleasureswx123.github.io/2014/09/15/APP%E7%9A%84%E4%B8%89%E7%A7%8D%E5%BC%80%E5%8F%91%E6%A8%A1%E5%BC%8Fmd/APP的三种开发模式开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP —-Native App;一种...
2019-04-10 15:55:00
381
转载 JS笔记
js代码嵌入:js代码可以嵌入在网页head或body等任何地方,也可以放入单独的.js文件中然后通过<script src="">引入。调试js:在浏览器开发者工具的console面板中可以直接编写js代码。== ===:比较运算符相等和全等,==如果类型不同先转换类型,===如果类型不同这返回false。NaN:是特殊的Number类型,与任何值的不相等,包括...
2019-04-04 14:17:00
66
转载 UGUI打字机效果文本组件
using System.Collections;using System.Collections.Generic;using UnityEngine;using UnityEngine.UI;public class TypewriterText : MonoBehaviour { private Text text; private string co...
2019-03-19 18:27:00
150
转载 Unity AssetBundle的生成、加载和热更新
当前使用的是unity2018.2.6版本。 生成AssetBundle 这个版本生成AssetBundle有两种方式,一种是在资源的Inspector面板下边配置AssetBundle名称,然后调用下面第一种方式打AssetBundle包。第二种方式是使用下面第二个API,在AssetBundleBuild数组中配置资源的路径和AssetBundle名称。 pub...
2019-03-11 14:45:00
458
转载 Unity优化之贴图
默认情况下当你把图片导入到unity中时,unity会自动把图片转换成最适合当前平台的压缩格式。如果你有一些特殊的需求,unity也提供了覆盖默认压缩格式的方法,如下图 在图片的Inspector窗口可以选择相应平台然后重写图片的压缩方式。 下图展示了不同平台可以使用的贴图格式 在项目的开发中会根据不同需求来调整贴图的压缩方式。对于大部分贴图资源,使用默认的...
2019-03-04 17:33:00
307
转载 Timeline高级扩展
转载于http://forum.china.unity3d.com/thread-32200-1-1.html通过demo讲解了timeline更加复杂的使用方式Timeline是创建过场动画和影片的强大工具。而它的功能远不止这些。这篇文章中,我们将一起来了解如何利用Timeline将游戏性和故事性结合起来,让游戏体验更上一层楼。今天由Unity技术经理Ciro Co...
2019-02-15 17:51:00
885
转载 Timeline扩展功能实践指南
转载于http://forum.china.unity3d.com/forum.php?mod=viewthread&tid=32842,介绍了timeline的轨道扩展Timeline功能随Unity 2017.1发布后,收到了大量相关反馈,我们发现很多开发者不希望只把Timeline用作简单的序列工具。我们分享过文章《为Timeline创造性地设计脚本》,介绍如何利用Ti...
2019-02-15 17:48:00
607
转载 css3之border-radius
本文章转载于https://www.cnblogs.com/happymental/p/7891725.html在日常项目过程中,border-radius这个属性算是非常常用的属性之一了,通过设置元素的border-radius值,可以轻松给元素设置圆角边框,甚至实现绘制圆、半圆、四分之一的圆等各种圆角图形。 通常我在使用这个属性的时候,一般都是用在给div或者button加...
2019-02-12 10:42:00
122
转载 CSS盒模型
文档的每个元素都被构造成文档布局内的一个盒模型,每层的大小都可以用CSS的响应属性调整。盒子模型的相关属性有 width height padding border margin。 下图展示了盒模型的效果 border宽默认是0,所以默认看不到border。 元素内容所占据的大小是width和height定义的,也就是说无论元素的内容或子元素的内容占据多大的...
2018-12-25 10:45:00
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人