自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(59)
  • 收藏
  • 关注

原创 Mac 下 Homebrew 安装的正确方法

Mac 下 Homebrew 安装的正确方法很多小伙伴会遇到mac下安装Homebrew报错的情况,给一个方法你试过就知道/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

2021-02-11 14:34:04 269

转载 微信小程序:使用VantUI组件库

微信小程序可以支持npm导入第三方库了(https://developers.weixin.qq…);VantUI是一个不错的移动UI组件库,下面我们在微信小程序中引入第一步:在小程序工程的根目录下执行:npm i vant-weapp -S --production 第二步:保证当前你的微信开发者工具是最新版本,然后点击执行“构建npm“构建成功后会提示:同时项目根目录中会多出一个目录“miniprogram_npm”,这个就是小程序可以识别的npm第三方库。第三步:这时候当我们

2020-05-15 07:44:04 1294

转载 微信小程序:WeUI一个专为微信小程序设计的UI框架

WeUI是什么WeUI 是一套同微信原生视觉体验一致的基础样式库。由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。它最初是为了给在微信端页面提供一致的视觉体验而开发开源的一个样式库,后续随着小程序、企业微信等等的开放能力出现,WeUI也提供了小程序、企业微信等等的版本。我们将要介绍的,就是WeUI的小程序版本。WeUI提供非常多的基础组件。列举如下:表单组件Button 按钮Input 输入框List 列表Slider 滑块Uploader 上传组件基础组件

2020-05-15 07:17:35 1713

原创 微信小程序:使用Echarts图标组件

首先,下载echarts微信版 地址:https://github.com/ecomfe/echarts-for-weixin下载后打开,如图所示:QQ截图20181220174042.jpg将下载好的文件中 ec-canvas目录 放在小程序项目目录中即可。如下图所示:QQ截图20181220165743.jpg然后在需要的地方引入即可,下面就做一个折线图吧。1.在页面开启使用echarts如:在 page目录的ceshi页面中使用echarts的话,需要在ceshi.json中添加以下配置

2020-05-15 07:09:26 859

原创 微信小程序:页面与组件传值的几种方式

一、小程序通过id属性传值当我们在标签上添加id属性进行传值,可以在当前标签添加点击事件来获取id中的值。1、添加 id 属性进行传值(index.wxml)<!--index.wxml--><view class="container"> <view class="usermotto"> <!-- 传入普通字符串数值 --> <button class="user-motto" bindtap="onGetIdValue" i

2020-05-15 07:08:06 7254

原创 微信小程序:基础配置

框架主题文件app.json : 小程序公共设置,小程序的全局配置文件app.js: 小程序的逻辑文件,用于注册小程序全局实例,编译时会和其他页面逻辑文件打包成js文件app.wxss:小程序公共样式,对全局页面有效配置文件{ //页面路径配置 "page":[ "mypages/index/index", ... ], //默认窗口设置 "window":{ "navigationBarBackgroundColor": "#ffffff",

2020-05-15 07:06:02 474

原创 Node.js,Express :一个很赞的MySQL操作包,node-mysql-promise

node mysql操作封装类,基于promise,借鉴75team开源项目thinkjs中model操作,数据库连接使用node-mysql的连接池。

2020-05-07 21:54:55 434

原创 React:react-router用法

安装npm install react-router-dom使用routerimport React from "react";import ReactDOM from "react-dom";import { BrowserRouter as Router, Switch, Route, useParams} from "react-router-dom";fu...

2020-05-07 21:43:25 130

原创 React: ref的使用

Refs and the DOMRefs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。在典型的 React 数据流中,props 是父组件与子组件交互的唯一方式。要修改一个子组件,你需要使用新的 props 来重新渲染它。但是,在某些情况下,你需要在典型数据流之外强制修改子组件。被修改的子组件可能是一个 React 组件的实例,也可能是一个 D...

2020-05-07 21:42:40 411

原创 Reac:t 组件的组合

组合 vs 继承React 有十分强大的组合模式。我们推荐使用组合而非继承来实现组件间的代码重用。在这篇文档中,我们将考虑初学 React 的开发人员使用继承时经常会遇到的一些问题,并展示如何通过组合思想来解决这些问题。包含关系有些组件无法提前知晓它们子组件的具体内容。在 Sidebar(侧边栏)和 Dialog(对话框)等展现通用容器(box)的组件中特别容易遇到这种情况。我们建议这些...

2020-05-07 21:41:42 185

转载 React :父级state调用

state提升通常,多个组件需要反映相同的变化数据,这时我们建议将共享状态提升到最近的共同父组件中去。让我们看看它是如何运作的。在本节中,我们将创建一个用于计算水在给定温度下是否会沸腾的温度计算器。我们将从一个名为 BoilingVerdict 的组件开始,它接受 celsius 温度作为一个 prop,并据此打印出该温度是否足以将水煮沸的结果。function BoilingVerdic...

2020-05-07 21:40:52 511

原创 React:表单元素处理

表单在 React 里,HTML 表单元素的工作方式和其他的 DOM 元素有些不同,这是因为表单元素通常会保持一些内部的 state。例如这个纯 HTML 表单只接受一个名称:<form> <label> 名字: <input type="text" name="name" /> </label> <input ...

2020-05-07 21:37:57 238

原创 React :中的列表与循环

列表 & Key首先,让我们看下在 Javascript 中如何转化列表。如下代码,我们使用 map() 函数让数组中的每一项变双倍,然后我们得到了一个新的列表 doubled 并打印出来:const numbers = [1, 2, 3, 4, 5];const doubled = numbers.map((number) => number * 2);console.l...

2020-05-07 21:37:16 1004 1

原创 React :条件分支结构

条件渲染在 React 中,你可以创建不同的组件来封装各种你需要的行为。然后,依据应用的不同状态,你可以只渲染对应状态下的部分内容。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。观察这两个组件:function UserGreeting(props) ...

2020-05-07 21:36:27 342

原创 React :事件的绑定与事件处理函数

事件处理React 元素的事件处理和 DOM 元素的很相似,但是有一点语法上的不同:React 事件的命名采用小驼峰式(camelCase),而不是纯小写。使用 JSX 语法时你需要传入一个函数作为事件处理函数,而不是一个字符串。例如,传统的 HTML:<button onclick="activateLasers()"> Activate Lasers</bu...

2020-05-07 21:33:44 225

原创 React:组件的生命周期

本页面介绍了 React 组件中 state 和生命周期的概念。

2020-05-07 21:31:54 141

原创 React: React基础,环境搭建,组件的基本操作

本文章主要介绍了:React基础,环境搭建,组件的基本操作

2020-04-30 10:38:45 142

原创 vue:Vue中的事件和方法

vue中的事件绑定及注意事项

2020-04-30 10:36:56 489

原创 Vue:使用props传递数据

vue组件如何通过props传递数据

2020-04-30 10:32:24 467

原创 Vue:vue组件通信

本文章主要介绍vue组件中的几种组件间的通信方式,1,父组件向子组件传值2,子组件向父组件传值3,父子组件的调用4,跨组件的调用传值

2020-04-30 10:30:52 117

原创 Vue:vue使用echarts库

在vue项目中经常需要有实现数据统计图表可视化的应用场景;本文章记录vue项目中如何使用Echarts数据统计显示库。

2020-04-30 10:27:14 189

原创 Express项目中的Ajax : Vue-cli-axios,以及文件上传

使用 npm 安装$ npm install axios使用bower安装$ bower install axios使用yarn安装$ yarn add axios使用cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>使用npm包地址:https://www.npmj...

2020-04-30 10:24:41 186

原创 Vue:状态管理与VueX(跨组件共享数据)

本篇文章主要记录了Vuex状态管理,在vue项目中的主要用途和操作方法。

2020-04-30 10:09:27 548

原创 Vue:vue-router

本篇主要介绍vue-router的常用操作

2020-04-30 10:07:36 249

原创 Node.js,Express :MySQL操作超好用的包,node-mysql-promise

在node.js环境下,node-mysql-promise是一个非常好用的MySQL操作包;支持点语法;指令清晰易理解;简洁的语法级链式操作,支持Promise让你爱不释手

2020-04-30 09:57:33 1096

原创 Express:MongoDB数据库操作库mongoose

Mongoose包是再node.js环境下一个极好的mongodb操作包,语法流畅容易理解;同时支持统计,数据表关联,等等,现在推荐给您

2020-04-30 09:53:04 276 1

原创 Express项目中: JWT使用方法

JWT的用户验证方式,在API接口开发中使用比较常见;在Express API项目中如何使用,看了这篇你就会了。

2020-04-29 09:18:50 7195 2

原创 jQuery ajax 跨域获取Express提供的API数据

在前端开发中经常会遇到ajax跨域读取的数据的场景,因为同源策略的问题,导致获取数据失败;那么在Express项目中我们如何给ajax提供数据,并解决这个问题,本篇文章里介绍cors包的使用,可以很好的解决此问题

2020-04-29 09:16:05 357

原创 Express: 如何实现图片上传,multer图片上传组件使用方法

内容比较干,水词就不说了,直接上代码,multer图片上传组件的使用

2020-04-29 09:11:09 627

原创 Express:利用connect-flash包,实现一次性的提示信息输出

在做WEB项目中,我们经常会遇到,输出一次性信息给前台模板;比如:添加数据成功、操作失败、权限不足等类似信息,并且此类信息在前台输出一次后自动清除,在这边文章里,给大家介绍connect-flash包,她正是你需要的

2020-04-29 08:55:44 480

原创 Node.js,Express:Session 如何存储在MongoDB中

如果在Node项目中,你希望把会话信息持久化在MongoDB数据库中那么这篇文章能够帮助你

2020-04-29 08:51:28 458

转载 vue富媒体编辑器组件:vue-wangeditor的使用

Vue-Wangeditor本组件是针对wangeditor在vue2.0上封装的组件,为方便使用vue2.0的开发者封装。Usagenpm install --save vue-wangeditor在项目中直接引入即可:<template> <vue-wangeditor id="editor" v-model="text></vue-wangedit...

2020-04-28 20:58:56 1071

原创 Express:中间件的使用

路由的中间件常常被使用,可以全局使用,也可以模块(或组路由)使用,页可以支持单路由内使用,本文章主要讲解其用法。

2020-04-27 14:34:15 168

原创 Express: 用户模块练习(md5加密,session,文件上传)

express项目搭建express app -ecd app && npm startlocalhost:3000// 修改ejs模板引擎 1.修改后缀名设置 app.js 2.修改view下的文件后缀 // 修改package.json文件中 node=>supervisor:当修改了express项目中的文件的时候,服务器自动重启// npm in...

2020-04-27 14:33:23 366

原创 Express:框架安装 及项目框架搭建步骤

1.下载express框架npm install express-generator -g //(安装 安装express的工具-生成框架文件目录的命令。只需要执行一次) 初始化项目express 项目名称(app) -e //(自动化创建项目,-e采用ejs模板引擎)2.目录结构说明bin:命令执行目录 cmd中可以执行 npm,mysql,mysqldump,能够在cmd中直接...

2020-04-27 14:32:03 1193

原创 Node.js:时间处理库:moment.js用法

引入moment//require 方式var moment=require('moment');//import 方式import moment from 'moment'; 设定moment区域为中国//require 方式require('moment/locale/zh-cn')moment.locale('zh-cn'); //import 方式import 'm...

2020-04-27 14:30:13 1704

原创 CommonJS 规范、ES6中的模块导出导入

·# 模块require: node 和 es6 都支持的引入export / import : 只有es6 支持的导出引入module.exports / exports: 只有 node 支持的导出CommonJS 规范定义的模块分为:模块标识(module)模块定义(exports)模块引用(require)exports 暴露值和函数//my.jsvar name ...

2020-04-27 14:29:26 765

原创 Node.js:获取from表单post的数据。(非上传文件类型)

html代码<!DOCTYPE html><html lang="en"><head> <title>Website Example</title> <meta charset="utf-8"></head><body> <h1>添加文章: </h1&g...

2020-04-27 14:28:17 315

原创 Node.js:url操作: 如何从url中获取协议,域名,端口,文件路径,查询信息

supervisor 安装:无需刷新页面,当代码改动自动刷新浏览器//安装命令 npm install supervisor -g //在项目文件目录中,用supervisor替代node supervisor index.js我们定义一个:urlhttp://www.baidu.com:8088/index.html?username=zhangsanvar qs =...

2020-04-27 14:27:14 2254

原创 Node.js:Path包:路径操作,如何获取目录名,文件名,文件扩展名

path包对路径的处理const path = require('path');var url = "/user/thinkpad/desktop/weburl/url.js";var parseUrl = path.parse(url);console.log(parseUrl);/*{ root: '/', dir: '/user/thinkpad/desktop/w...

2020-04-27 14:25:53 11956 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除