- 博客(23)
- 收藏
- 关注
RSS订阅原创 koa2入门，使用koa-generator脚手架搭建项目
一、使用koa-generator脚手架搭建项目官方文档： https://www.npmjs.com/package/koa-generator1.安装脚手架npm install -g koa-generator2.初始化项目3.查看创建的项目4.安装cross-env查看package.json，可以看到框架已经自带安装了nodemon只需要安装corss-envnpm install --save-dev cross-env然后将script的dev和prd启动命令改成
2020-11-14 22:31:48
902
原创 使用express-generator创建项目初始化一个项目
一、全局安装express和express-generatornpm install express -g npm install -g express-generator二、生成目录，默认使用jade引擎mkdir demo-name官网中express --view=hbs /tmp/foo && cd /tmp/foo这里使用的是handlebars引擎，其他引擎有：dust|ejs|hbs|hjs|jade|pug|twig|vash三、安装依赖npm insta
2020-11-07 20:30:53
381
转载 Nginx 安装与部署配置
一、下载官方网站：https://nginx.org/en/download.html二、Windows下安装安装下载后解压（切记不能含有中文路径！！），文件结构如图（我解压的路径就有中文，记得拷贝放置于英文目录下即可！）：启动两种方法：1） 直接双击该目录下的"nginx.exe"，即可启动nginx服务器；2） 命令行进入该文件夹，执行start nginx命令，也会直接启动nginx服务器。验证开浏览器，输入地址：http://localhost，访问页面，出现如下页面表示访问
2020-10-07 21:58:39
332
原创 node.js不使用框架搭建一个原始项目
一、 node的安装普通方式：在官网下载node.js后安装，安装完成后在命令行输入node -v, npm -v,查询node和npm的版本号，则说明安装成功2.NVM方式安装：nodeJs的版本管理工具，可切换多个版本，windows安装：在github中搜索NVM-windows，里面有下载地址，下载安装即可NVM常用命令：npm list 查看当前所有的node的版本 ；nvm install 10.13.0 安装指定版本的nodejs;nvm use --delete-prefix
2020-10-04 21:20:33
614
翻译 antd表单组件的简易实现
本文代码复制于github某位老师，如有侵权，联系我删除本文主要用于自己学习react组件话不多说，直接上代码：import React, { Component } from "react";import { Icon } from "antd";// hoc：包装用户表单，增加数据管理能力、校验function kFormCreate(Comp) { return class...
2020-03-23 21:29:02
318
原创 redux进阶
前言：上一篇将来redux的基础知识，这篇将以todoList的例子继续1.区分UI组件和容器组件和无状态组件1.1、容器组件负责逻辑处理（例如App.js）1.2、ui组件主要负责渲染；上文中APP.js中的逻辑和元素都在一个文件里，因此将jsx提取出来，在src目录下面新建一个component文件夹，下面新建一个todoListUI.js文件，将App.js中的render函数里面的...
2019-10-31 22:15:22
179
原创 charles不能抓取到本地localhost或者127.0.0.1的请求
1.用charles抓取请求的时候，charles总是抓不到localhost:3000发出的请求，也就没办法模拟数据，后来看官网说什么要在charles模拟本地数据的时候域名用localhost.charlesproxy.com。然而很不幸的是，我本地http://localhost.charlesproxy.com:3000本启动不起来项目，所以只能修改react项目的默认域名，在reac...
2019-10-19 17:37:57
9408
1
原创 redux基础
前言：本文是总结慕课网上的redux课程的redux部分，以做todoList功能为例1.初始redux,一张图简单介绍redux的运行流程简单来说就是：react组件通过dispatch方法，将action触发到store里面去，store通过reducers函数处理数据后，返回处理过后的数据，然后新数据反应到页面上，页面视图改变2.通过todoList来举例具体说明一下用法和api2...
2019-10-17 22:27:04
146
原创 axios的封装
目前公司的项目的加载中的时候回https://www.jianshu.com/p/8e0967785c3b?utm_source=oschina-apphttps://segmentfault.com/q/1010000017347607
2019-04-04 14:53:58
554
转载 vue相对路径修改，以及assets和static文件的区别
首先，assets文件夹和static文件夹在vue-cli生成的项目中，都是用来存放静态资源的。1、assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。build的时候由Webpack解析为模块依赖。2、static/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下。必须使用绝对路径引用这些文件，这是通...
2019-03-19 15:25:22
2957
原创 vue组件之间的通信 vue-bus和vuex
前言.父子组件之间的通信vue提供了更直接的方式，此处不细说，不会的可以去官网研读文档。但是官方没有提供直接的方法用于兄弟组件之间的传值以及相关的逻辑处理。因此就有了vue-bus和vuex.vue-bus可用于不是特别复杂的项目中任意组件的传值问题。vuex不仅能实现组件之间通信的问题还提供了相应的逻辑处理方法。但是也更为庞大，所以一般简单的传值问题可用于vue-bus解决1.vue-bu官网...
2019-03-15 22:43:47
18337
3
原创 微信小程序 轮播图
微信小程序自己的组件灵活性小，自己写了一个小的轮播图。效果图如下：点击上一页向左移动一个=颜色块的距离，点击上一页向右移动一个颜色块的距离代码如下wxml代码：<view class='background'> <view class="image_container {{move == 1?'anim_pre':(move == 2?'anim_next':'lef...
2019-03-06 17:15:47
377
原创 vue全局注册公共组件，全局引入公共函数
今天再看一个项目的时候，发现有一些组件是公共的，比如加载弹框，提示弹框，等等，原项目中在<script>里面每次都引入公共的组件，因此就像能否全局注册成为一个公共的组件，用的时候直接调用组件名比如<loading></loading>即可使用，查询了网上资料，果然是有的（自己太菜）1、全局注册组件：第一步：有一个组件页面比如loading.vue<t...
2019-03-06 15:34:22
2248
原创 导航守卫beforeEach的运用
beforeEach用于在路由跳转前要执行的方法。我在项目中用于全局main.js中，判断是否登录，如果登录就继续跳转，没有登录就去跳转页面const router = new VueRouter({ ... })router.beforeEach((to, from, next) => {if (to.matched.some(record => record.meta.req...
2019-02-21 10:41:53
878
转载 微信小程序CSS3动画下拉菜单
转载至https://blog.csdn.net/zjw_python/article/details/80720427
2019-02-13 15:07:10
692
转载 onchange事件和input事件
本文转载处：https://www.cnblogs.com/xuzhudong/p/8630610.html1.， input输入框的onchange事件，要在 input 失去焦点的时候才会触发；在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发； onchange 事件也可用于单选框与复选框改变后触发的事件。demo如下：<script> f...
2019-01-19 22:06:35
3315
转载 es6 扩展运算符语法
扩展运算符（ spread ）是三个点（…）。作用是1.将一个数组转为用逗号分隔的参数序列。arr=[1,2,3]console.log(...arr)//1,2,3console.log(0,...arr)//0,1,2,32.用于函数调用function push(array, ...items) {array.push(...items);}function add(x,...
2019-01-17 14:49:19
398
转载 es6中解构赋值
注意本文转载自:https://www.cnblogs.com/xiaohuochai/p/7243166.html前面的话 我们经常定义许多对象和数组，然后有组织地从中提取相关的信息片段。在ES6中添加了可以简化这种任务的新特性：解构。解构是一种打破数据结构，将其拆分为更小部分的过程。本文将详细介绍ES6解构赋值引入 在ES5中，开发者们为了从对象和数组中获取特定数据并赋值给变量，编...
2019-01-14 15:08:27
347
原创 var let const声明变量的区别
一、声明后未赋值，表现相同 var varTest; let letTest; console.log(varTest); //输出undefined console.log(letTest); //输出undefined也即是说声明后直接使用输出都是一样的undefined二、使用未声明的变量，不同 console.log(varTest); //输出undefined(注...
2019-01-13 18:27:25
6388
原创 初入react第一坑，提示babel-eslint兼容问题
用create-react-app初始化项目的时候，npm start 启动项目的时候总是提示babel-eslint版本不一致的问题，根据命令行提示的四步走也不对，后来偶然发现是全局安装的node-modules影响了，把全局的node-modules删掉之后再次初始化项目启动就没有问题了。...
2019-01-13 11:37:03
9072
2
原创 前端比较经典的面试问题
1.overflow：hidden为什么可以清除浮动2.改变this的指向的方法（call,apply,bind）以及他们的区别3.浏览器解析页面的大概流程4.vue为什么可以数据驱动dom更新5.dom和bom分别是什么6.原型链和函数闭包（经常问）7.原生js操作dom的方法说几个方法8.三种规范 amd cmd commonjs9.浏览器的缓存方式...
2019-01-11 22:59:32
121
原创 用vue框架写的去哪儿网移动端的前端学习心得
最近在学习慕客网上的去哪网实战，才发现移动端还有自己不知道的一些细节。1.移动端上面meta标签的设置&amp;amp;amp;amp;lt;meta name=&amp;amp;amp;quot;viewport&amp;amp;amp;quot; content=&amp;amp;amp;quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale
2018-12-23 22:39:20
364
原创 vue图片转换为二进制模拟表单传给后台
1.在上传文件的input[file]框中加上onchange事件。<input type="file" name="" value="上传图片" @change="shangchuan3($event)" id="file"/><img :src="$root.src3" alt="">//图片展示2
2018-11-20 10:08:32
7342
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人