- 博客(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
原创 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
原创 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:利用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: 用户模块练习(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关注的人