require

一、webpack配置 初始化npm和安装webpack npm init -y //-y表示默认配置 npm install -g webpack webpack-cli //-g 表示全局安装 如果要使用命令行就要全局安装 -D表示安装在本地 创建webpack.config.js 　　相关配置参数： Entry: 入口 Module:模块，webpack中一切皆是模块 Chunk:代码库，一个chunk由十多个模块组合而成，用于代码合并与分割 Loader:模块转换器，用于把模块原内容按照需求转换成新内容 Plugin:扩展插件 Output: 输出结果 const path = require('path'); module.exports = { entry: path.resolve(__dirname, 'src/index.js'), //__dirname 是本地目录的绝对路径 path.resolve返回的结果把两个路径参数进行了拼接 output: { path: path.resolve(__dirname, 'dist'), //输出的文件路径 filename: 'bundle.js', //输出的主文件的文件名 publicPath: '/' //上线时配置的是cdn的地址 } } 二、HTML模板 html-webpack-plugin

这是一个剪刀的路由拦截 router分位两个文件，一个是路由统一配置，一个是具体的路由信息 1路由 import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const Wrap = resolve => require(['@/views/wrap/index/index.vue'], resolve) const Home = resolve => require(['@/views/wrap/home/home.vue'], resolve) //首页 const Company = resolve => require(['@/views/wrap/company/company.vue'], resolve) //首页 const Login = resolve => require(['@/views/login/login.vue'], resolve) //登录 const Register = resolve => require(['@/views/login/register.vue'], resolve) //注册 const EditPassword = resolve => require(['@/views/login/edit-password.vue'],

wampserver2.5集成环境的安装和使用就不多说了，网上有很多教材。安装好后找到apache的配置文件httpd.conf。默认位置是： swap安装目录\wamp\bin\apache\apache2.4.9\conf\httpd.conf 在278行处找到（也可全文搜索） onlineoffline tag - don't remove Require local 将此处修改如下 onlineoffline tag - don't remove Require local Deny from all Require all granted Order Deny,Allow Allow from 127.0.0.1 Allow from 192.168.1.* 解释如下：用#注释掉原配置的本地请求，添加Require all granted（允许外部访问），有的版本配置文件会有 Deny form all（禁止访问） 也注释掉，没有就不用管。Allow from 127.0.0.1 （允许本地访问，Windows一般本地主机IP为127.0.0.1可在host文件里查看）。Allow from 192.168.1. （允许局域网访问，一般局域网默认网关为192.168.1. ，具体根据本地路由器配置决定。也可以将 Allow from 127.0.0.1 Allow

Phaser是一个简单易用且功能强大的html5游戏框架。 其实一点也不简单。虽然是js开发，但事实上您可以将项目发布到任何平台。 https://medium.com/@louigi.verona/reducing-phasers-filesize-custom-phaser-builds-4a0314819a38 以下为译文（摘要） https://github.com/photonstorm/phaser3-custom-build 第二步：初始化设置，进目录执行npm install，如果遇到问题执行npm audit fix，最后更新phaser库，执行 npm update phaser 第三步：构建 npm run buildcore npm run buildfull ... 第四步 构建自定义版 复制phaser-full.js的内容到phaser-custom.js。它的完整内容是 require(‘polyfills’); var CONST = require(‘const’); var Extend = require(‘utils/object/Extend’); /** * @namespace Phaser */ var Phaser = { Actions: require(‘actions’), Animations: require(

从0开始配置Vue项目环境 需要的包 cnpm install webpack webpack-cli html-webpack-plugin mini-css-extract-plugin optimize-css-assets-webpack-plugin webpack-dev-server clean-webpack-plugin webpack-merge @babel/core @babel/polyfill @babel/preset-env autoprefixer babel-loader css-loader file-loader postcss-loader sass-loader url-loader vue vue-loader vuex axios vue-template-compiler -D 配置流程 新建一个build目录 在build文件夹下放置配置文件 各自配置如下 webpack.common.js const HtmlWebpackPlugin = require('html-webpack-plugin'), {CleanWebpackPlugin} = require('clean-webpack-plugin'), path = require('path'), VueLoaderPlugin = require('vue

分块路由懒加载 路由懒加载： https://router.vuejs.org/zh/guide/advanced/lazy-loading.html#把组件按组分块 path : path . join ( __dirname , 'dist_lazy_load' ) , //引入自己的vue文件 开始 import App from './app.vue' ; //按需加载 //const Foo = () => import('./Foo.vue') //const Foo = resolve => require(['./Foo.vue'],resolve) //只是个模板 const Home = r => require ( [ './components/home/home.vue' ] , r ) ; const Member = r => require ( [ './components/member/member.vue' ] , r ) ; const Shopcart = r => require ( [ './components/shopcart/shopcart.vue' ] , r ) ; const Search = r => require ( [ './components/search/search.vue' ] , r ) ; const

cheerio : 则能够对请求结果进行解析，解析方式和jquery的解析方式几乎完全相同 cheerio中文文档 开发参考node - cheerio模块 superagent : 能够实现主动发起get/post/delete等请求 superagent-charset : 解决爬虫数据中文乱码问题，早期版本单独使用，现配合superagent使用 koa2 : 搭建服务器环境等等 koa-router: koa路由，用于根据路由访问对应代码块，逻辑编写等作用（把他理解为像日常API接口就好） knex : 操作数据库，支持多种数据库，这里使用mysql，需要mysql中间件 开发参考knex笔记 在项目根目录下 npm init 一路回车，初始化项目环境，出现package.json文件，然后执行以下命令安装项目依赖 npm i --save cheerio superagent superagent-charset koa-router koa knex mysql 在项目根目录下创建app.js文件，编写coding const Koa = require('koa'), Router = require('koa-router'), cheerio = require('cheerio'), charset = require('superagent-charset')

<script src="require.js位置" data-main="main.js位置"></script> //main.js requirejs.config({ //禁止缓存（调试时用，发布版中应该注释掉） urlArgs: "bust=" + (new Date()).getTime(), //By default load any module IDs from js/lib baseUrl: BASE_URL+'views', //except, if the module ID starts with "app", //load it from the js/app directory. paths //config is relative to the baseUrl, and //never includes a ".js" extension since //the paths config could be for a directory. paths: { 'jquery':'third/jquery/dist/jquery', 'jquery.easyui':'third/jquery-easyui-1.5.2/jquery.easyui.min', 'jquery.easyui.ribbon':'third/jquery-easyui

问题： 执行sudo apt-get update提示：Failed to fetch chen@ubuntu:~/soft/Python-2.7.12$ sudo apt-get update Get:1 http://ppa.launchpad.net/fkrull/deadsnakes-python2.7/ubuntu xenial InRelease [2,281 B] Err:1 http://ppa.launchpad.net/fkrull/deadsnakes-python2.7/ubuntu xenial InRelease Clearsigned file isn't valid, got 'NOSPLIT' (does the network require authentication?) Fetched 2,281 B in 0s (4,524 B/s) Reading package lists... Done E: Failed to fetch http://ppa.launchpad.net/fkrull/deadsnakes-python2.7/ubuntu/dists/xenial/InRelease Clearsigned file isn't valid, got 'NOSPLIT' (does the network require

记录一下nodejs的学习之路 阻塞I/O：I/O时进程休眠等待I/O完成后进行下一步 非阻塞I/O：I/O时函数立即返回，进程不等待I/O完成 I/O等异步操作结束后的通知 观察者模式 Node.js is a JavaScript runtime built on Chrome's V8 Node.js uses an event-driven,non-blocking I/O model CPU密集：压缩、解压、加密、解密 I/O密集：文件操作、网络操作、数据库操作 前端职责范围变大，统一开发体验 在处理高并发，I/O密集场景（ web场景 ）性能优势明显 web常见场景 静态资源的获取 数据库操作 渲染页面 增加机器数、负载均衡 增加每台机器的CPU数-多核 进程：是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配和调度的基本单位。 线程：进程内一个相对独立的、可调度的执行单元，与同属一个进程的线程共享进程的资源 多进程：启动多个进程，多个进程可以一块执行多个任务 单线程只是针对主进程，I/O操作系统底层多线程调度 Node单线程并不是单进程（node有一个集群（cluster）模块用来处理多进程，cpu有几个核就启动几个进程） Web Server 本地代码构建（现在前端各种框架、ES6、模块化等的出现，前端代码变得异常的复杂，无法直接在浏览器上运行