摘要: 👇 垃圾分类查询小程序 👇 界面简洁,覆盖各类垃圾,数据量 6000+ 1. 可回收物 指废纸张、废塑料、废玻璃制品、废金属、废织物等适宜回收、可循环利用的生活废弃物。 投放要求 尽量保持清洁干燥,避免污染, 废纸应保持平整 立体包装物应清空内容物,清洁后压扁投放 废玻璃制品应轻投轻放,有尖锐边 阅读全文
posted @ 2019-06-20 14:44 Mr.曹 阅读(15751) 评论(12) 推荐(2) 编辑
摘要: 项目地址: "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.曹 阅读(10212) 评论(3) 推荐(0) 编辑
摘要: 1. 小程序功能 古诗词大全 成语大全 成语接龙 诗词飞花令 诗词分享、收藏 诗词接龙 唐诗宋词起名字 百家姓 猜谜语 2. 小程序地址 "https://github.com/caochangkui/miniprogram project" 3. 小程序预览: 4. 部分截图 首页 列表页 详情页 阅读全文
posted @ 2019-01-06 14:04 Mr.曹 阅读(9697) 评论(15) 推荐(3) 编辑
摘要: 一、项目简介 基于Vue + Vuex + Vue router + Webpack 2.0打造微信界面,实现了微信聊天、搜索、点赞、通讯录(快速导航)、个人中心、模拟对话、朋友圈、设置等功能。 二、项目预览 (请在chrome手机模式下打开) "点击这里预览项目" 移动端扫描下方二维码可直接打开 阅读全文
posted @ 2017-08-30 20:44 Mr.曹 阅读(8369) 评论(2) 推荐(0) 编辑
摘要: 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.曹 阅读(5895) 评论(0) 推荐(0) 编辑
摘要: JS 八种数据类型 JS 是动态语言,变量可以随时持有任何类型的数据,所以 JS 的变量是没有数据类型的,值才有数据类型。 JS 值有 8 种数据类型: Boolean: true / false Undefined:没有被赋值的变量或变量被提升时的,都会有个默认值 undefined Null:只 阅读全文
posted @ 2021-04-16 10:28 Mr.曹 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。 1. 简单用法 import React, { Component } from "react"; const withMouse = (AppComponent) => { class HOC extends Component 阅读全文
posted @ 2021-03-30 11:42 Mr.曹 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 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.曹 阅读(740) 评论(0) 推荐(0) 编辑
摘要: 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.曹 阅读(2152) 评论(1) 推荐(0) 编辑
摘要: 1. useState: 状态钩子 基础用法 const [state, setState] = useState(initialState); 返回一个 state,以及更新 state 的函数。 在初始渲染期间,返回的状态 (state) 与传入的第一个参数 (initialState) 值相同 阅读全文
posted @ 2020-07-24 13:53 Mr.曹 阅读(1051) 评论(0) 推荐(0) 编辑
摘要: 1. 可选链操作符 可选链操作符 ?. 可以按照操作符之前的属性是否有效,链式读取对象的属性或者使整个对象链返回 undefined。 ?. 运算符的作用与 . 运算符类似,不同之处在于,如果对象链上的引用是 nullish (null 或者 undefined),. 操作符会抛出一个错误,而 ?. 阅读全文
posted @ 2020-07-21 09:54 Mr.曹 阅读(988) 评论(0) 推荐(0) 编辑
摘要: js 实现汉字转为拼音 可定制首字母是否大写 返回字符串和数据 (function (window) { function HanziToPinyin() {} // UpFirst 首字母是否大写 HanziToPinyin.prototype.HanziToPinyin = function ( 阅读全文
posted @ 2020-06-15 16:55 Mr.曹 阅读(671) 评论(0) 推荐(0) 编辑
摘要: 如图: 代码: 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.曹 阅读(2032) 评论(0) 推荐(0) 编辑
摘要: 基于React 的audio音频播放组件, 自定义播放/暂停按钮、进度条调节、音量调节、倍速播放。 组件代码: AudioPlay.js import React, { Component } from "react"; class App extends Component { construct 阅读全文
posted @ 2020-05-26 14:29 Mr.曹 阅读(13647) 评论(0) 推荐(1) 编辑
摘要: Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。 1. 用法 React.createContext 创建一个 Context 对象。当 React 渲染一个订阅了这个 Context 对象的组件,这个组件会从组件树中离自身最近的那个匹配的 Provi 阅读全文
posted @ 2020-04-20 16:15 Mr.曹 阅读(5154) 评论(1) 推荐(1) 编辑
摘要: 安装: 使用示例: 参考文档 "https://video react.js.org/" 阅读全文
posted @ 2020-03-04 10:18 Mr.曹 阅读(21743) 评论(1) 推荐(0) 编辑
摘要: ``` 你的浏览器不支持 canvas,请升级你的浏览器。 ``````var c = document.getElementById("myCanvas");var ctx = c.getContext("2d");/* beginPath(): 新建一条路径,路径一旦创建成功,图形绘制命令被指向到路径上生成路径 moveTo(x, y):... 阅读全文
posted @ 2020-02-28 15:18 Mr.曹 阅读(339) 评论(0) 推荐(0) 编辑
摘要: Braft Editor 是基于draft js开发的富文本编辑器,适用于 React 框架。 1. 安装 使用npm 使用yarn 2. 基本使用 2. 自定义内置控件 Braft Editor使用 controls 属性指定需要展示的控件;使用contentStyle调整编辑区域的高度。 3. 阅读全文
posted @ 2020-02-24 13:45 Mr.曹 阅读(8087) 评论(1) 推荐(2) 编辑
摘要: 实现路由级的动态加载(code splitting),可按需指定哪一级的按需加载。 配置项包含: webpackChunkName,是否通过 webpackChunkName 实现有意义的异步文件名 loadingComponent,指定加载时的组件路径 level,指定按需加载的路由等级 阅读全文
posted @ 2020-01-11 16:42 Mr.曹 阅读(2972) 评论(0) 推荐(0) 编辑