会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Cedric's Blog
博客园
首页
新随笔
联系
订阅
管理
[置顶]
垃圾分类小程序 6000多种垃圾一键可查 支持40多个城市的垃圾分类查询
摘要: 👇 垃圾分类查询小程序 👇 界面简洁,覆盖各类垃圾,数据量 6000+ 1. 可回收物 指废纸张、废塑料、废玻璃制品、废金属、废织物等适宜回收、可循环利用的生活废弃物。 投放要求 尽量保持清洁干燥,避免污染, 废纸应保持平整 立体包装物应清空内容物,清洁后压扁投放 废玻璃制品应轻投轻放,有尖锐边
阅读全文
posted @ 2019-06-20 14:44 Mr.曹
阅读(15923)
评论(12)
推荐(2)
[置顶]
基于 Vue + Koa2 + MongoDB + Redis 实现一个完整的登录注册
摘要: 项目地址: "https://github.com/caochangkui/vue element responsive demo/tree/login register" 通过 vue cli3.0 + Element 构建项目前端,Node.js + Koa2 + MongoDB + Redis
阅读全文
posted @ 2019-03-17 12:35 Mr.曹
阅读(10500)
评论(3)
推荐(0)
[置顶]
微信小程序云开发项目实战进阶 - 诗词大全、成语大全、成语接龙、百家姓
摘要: 1. 小程序功能 古诗词大全 成语大全 成语接龙 诗词飞花令 诗词分享、收藏 诗词接龙 唐诗宋词起名字 百家姓 猜谜语 2. 小程序地址 "https://github.com/caochangkui/miniprogram project" 3. 小程序预览: 4. 部分截图 首页 列表页 详情页
阅读全文
posted @ 2019-01-06 14:04 Mr.曹
阅读(10402)
评论(15)
推荐(3)
[置顶]
基于Vue.js 2.0 + Vuex打造微信项目
摘要: 一、项目简介 基于Vue + Vuex + Vue router + Webpack 2.0打造微信界面,实现了微信聊天、搜索、点赞、通讯录(快速导航)、个人中心、模拟对话、朋友圈、设置等功能。 二、项目预览 (请在chrome手机模式下打开) "点击这里预览项目" 移动端扫描下方二维码可直接打开
阅读全文
posted @ 2017-08-30 20:44 Mr.曹
阅读(8476)
评论(2)
推荐(0)
2021年4月20日
CSS 绘制三角形的六种方法
摘要: 1. 设置不同颜色的 border <div class="block"></div> .block { display: inline-block; height: 0; width: 0; border-top: 50px solid yellowgreen; border-bottom: 50
阅读全文
posted @ 2021-04-20 16:48 Mr.曹
阅读(7633)
评论(0)
推荐(0)
2021年4月16日
JavaScript 变量与堆和栈的关系
摘要: JS 八种数据类型 JS 是动态语言,变量可以随时持有任何类型的数据,所以 JS 的变量是没有数据类型的,值才有数据类型。 JS 值有 8 种数据类型: Boolean: true / false Undefined:没有被赋值的变量或变量被提升时的,都会有个默认值 undefined Null:只
阅读全文
posted @ 2021-04-16 10:28 Mr.曹
阅读(219)
评论(0)
推荐(0)
2021年3月30日
React 高阶组件(HOC)
摘要: 高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。 1. 简单用法 import React, { Component } from "react"; const withMouse = (AppComponent) => { class HOC extends Component
阅读全文
posted @ 2021-03-30 11:42 Mr.曹
阅读(275)
评论(0)
推荐(0)
2021年1月14日
原生 Canvas 实现画板功能,包含曲线、直线、矩形、原型、箭头、截图、橡皮擦等功能
摘要: import React, { Component, Fragment } from 'react' import { Form, Button, Input, InputNumber } from 'antd' import DrawerArrow from './DrawerArrow' imp
阅读全文
posted @ 2021-01-14 15:27 Mr.曹
阅读(958)
评论(1)
推荐(1)
2020年7月27日
React + exceljs 导出Excel文件
摘要: 1.前端导出 excel 文件基本步骤 1.1 引入 import Excel from "exceljs"; 1.2 初始化工作簿 const workbook = new Excel.Workbook(); 1.3 设置工作簿属性 workbook.creator = "admin"; work
阅读全文
posted @ 2020-07-27 15:22 Mr.曹
阅读(2681)
评论(1)
推荐(0)
2020年7月24日
React Hooks 用法总结
摘要: 1. useState: 状态钩子 基础用法 const [state, setState] = useState(initialState); 返回一个 state,以及更新 state 的函数。 在初始渲染期间,返回的状态 (state) 与传入的第一个参数 (initialState) 值相同
阅读全文
posted @ 2020-07-24 13:53 Mr.曹
阅读(1114)
评论(0)
推荐(0)
2020年7月21日
ES2020新特性
摘要: 1. 可选链操作符 可选链操作符 ?. 可以按照操作符之前的属性是否有效,链式读取对象的属性或者使整个对象链返回 undefined。 ?. 运算符的作用与 . 运算符类似,不同之处在于,如果对象链上的引用是 nullish (null 或者 undefined),. 操作符会抛出一个错误,而 ?.
阅读全文
posted @ 2020-07-21 09:54 Mr.曹
阅读(1025)
评论(0)
推荐(0)
2020年6月15日
JS 实现汉字转为拼音
摘要: js 实现汉字转为拼音 可定制首字母是否大写 返回字符串和数据 (function (window) { function HanziToPinyin() {} // UpFirst 首字母是否大写 HanziToPinyin.prototype.HanziToPinyin = function (
阅读全文
posted @ 2020-06-15 16:55 Mr.曹
阅读(708)
评论(0)
推荐(0)
2020年5月27日
纯css实现音符跳动效果
摘要: 如图: 代码: index.html <span className={styles.voice}> <i className={styles.first} /> <i className={styles.second} /> <i className={styles.three} /> <i cl
阅读全文
posted @ 2020-05-27 11:10 Mr.曹
阅读(2349)
评论(0)
推荐(0)
2020年5月26日
基于React 的audio音频播放组件
摘要: 基于React 的audio音频播放组件, 自定义播放/暂停按钮、进度条调节、音量调节、倍速播放。 组件代码: AudioPlay.js import React, { Component } from "react"; class App extends Component { construct
阅读全文
posted @ 2020-05-26 14:29 Mr.曹
阅读(14791)
评论(0)
推荐(1)
2020年4月20日
React Context 的基本用法
摘要: Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。 1. 用法 React.createContext 创建一个 Context 对象。当 React 渲染一个订阅了这个 Context 对象的组件,这个组件会从组件树中离自身最近的那个匹配的 Provi
阅读全文
posted @ 2020-04-20 16:15 Mr.曹
阅读(5547)
评论(1)
推荐(1)
2020年3月4日
Video-React 视频播放组件的使用
摘要: 安装: 使用示例: 参考文档 "https://video react.js.org/"
阅读全文
posted @ 2020-03-04 10:18 Mr.曹
阅读(23095)
评论(1)
推荐(0)
2020年2月28日
Html5 Canvas 使用
摘要: ``` 你的浏览器不支持 canvas,请升级你的浏览器。 ``````var c = document.getElementById("myCanvas");var ctx = c.getContext("2d");/* beginPath(): 新建一条路径,路径一旦创建成功,图形绘制命令被指向到路径上生成路径 moveTo(x, y):...
阅读全文
posted @ 2020-02-28 15:18 Mr.曹
阅读(355)
评论(0)
推荐(0)
2020年2月24日
React 中使用富文本编辑器 Braft Editor ,并集成上传图片功能
摘要: Braft Editor 是基于draft js开发的富文本编辑器,适用于 React 框架。 1. 安装 使用npm 使用yarn 2. 基本使用 2. 自定义内置控件 Braft Editor使用 controls 属性指定需要展示的控件;使用contentStyle调整编辑区域的高度。 3.
阅读全文
posted @ 2020-02-24 13:45 Mr.曹
阅读(9080)
评论(1)
推荐(2)
2020年1月11日
ant design pro 项目实现路由级的动态加载按需加载
摘要: 实现路由级的动态加载(code splitting),可按需指定哪一级的按需加载。 配置项包含: webpackChunkName,是否通过 webpackChunkName 实现有意义的异步文件名 loadingComponent,指定加载时的组件路径 level,指定按需加载的路由等级
阅读全文
posted @ 2020-01-11 16:42 Mr.曹
阅读(3085)
评论(0)
推荐(0)
下一页
公告