- 博客(65)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 React 组件中的数据状态管理
theme: smartbluehighlight: monokai前言：React 组件封装时数据管理，很多情况下，都是基于 props 进行一步步的传值，进行维护时有以下几个缺点：① 传入层数过多时，在最内层无法很好理解当前参数的含义；② 当 props 传入到中间组件时，如果改变了当前父组件传入的值，在后面的子组件更加难以理解，他为什么改变；③ 取值的方式地方各种...
2023-08-03 22:48:17
181
原创 js 对对象的操作
highlight: a11y-darktheme: vuepress文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty1、Object.defineProperty(obj, prop, descriptor) 参数的含义...
2022-12-10 22:21:14
90
原创 纯函数、柯里化、组合函数
theme: smartbluehighlight: a11y-dark一、纯函数1、概念1)此函数在相同的输入值时，需产生相同的输出；2)函数的输出和输入值以外的其他隐藏信息或状态无关，也和由I/O设备产生的外部输出无关；3)该函数不能有语义上可观察的函数副作用，如“触发事件”，使输出设备输出，或更改输出值以外物件的内容等；4)确定输入，一定会产生确定的输出；...
2022-11-27 01:16:24
105
原创 vue3配置eslint
theme: devui-bluehighlight: atelier-dune-dark一、创建项目文档：https://cli.vuejs.org/zh/1、全局安装vue-cli```bashnpm install -g @vue/cliORyarn global add @vue/cli```2、创建项目bashvue create vue3-...
2022-07-15 01:14:05
128
原创 React函数式的使用（v18+）
theme: devui-bluehighlight: monokai-sublime一、React-Router-v6的学习文档：https://reactrouter.com/1、下载bashnpm install react-router-dom2、在App.js中引入界面和React-Router的方法```javascriptimport { Bro...
2022-05-11 00:20:41
66
原创 JavaScript中this指向
highlight: an-old-hope一、this的作用https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this1、与其他语言相比，函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别。2、在绝大多数情况...
2022-03-03 00:41:48
21
原创 javascript闭包
highlight: agate一、函数的使用1、函数作为参数```javascript// 将函数作为另一个函数的参数function foo(fn){ fn()}function bar(){ console.log("将函数作为另一个函数的参数")}foo(bar)function calc(num1, num2, calcfn){ c...
2022-02-23 23:14:02
19
原创 vue3中使用vuex
theme: fancyhighlight: monokai文档：https://next.vuex.vuejs.org/zh/提供一个Vue devtools谷歌插件安装包：https://wwe.lanzouw.com/inHnkyjawwh一、Vuex认识Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态...
2022-01-13 23:36:22
44
原创 Vue Router4的使用
theme: channing-cyanhighlight: monokai一、认识vue-router文档：https://next.router.vuejs.org/zh/Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。用 Vue + Vue Router 创建单页应用非常简单：通过 V...
2022-01-07 23:24:50
149
原创 Vue h函数的使用
theme: smartbluehighlight: monokai一、认识文档：https://v3.cn.vuejs.org/guide/render-function.html#dom-%E6%A0%91 h() 到底会返回什么呢？其实不是一个实际的 DOM 元素。它更准确的名字可能是 createNodeDescription，因为它所包含的信息会告诉 V...
2021-12-26 02:41:13
89
原创 window下Emscripten环境搭建
theme: channing-cyan官方地址：https://emscripten.org/一、下载emsdk1、github地址：bashhttps://github.com/emscripten-core/emsdk2、git克隆```bashSSHgit@github.com:emscripten-core/emsdk.gitHTTPSht...
2021-12-24 21:50:22
69
原创 Vue3 Options(选项式) API的使用
theme: scrolls-lighthighlight: monokai-sublime一、Vue3的认识 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及...
2021-11-21 22:48:51
510
原创 Vue中transition的使用
theme: channing-cyanhighlight: monokai一、transition的认识1、transition是内置组件内置组件可以直接在模板中使用，而不需注册。、、 和 组件都可以被打包工具 tree-shake。所以它们只会在被使用的时候被引入。如果你需要直接访问它们，也可以将它们显性导入。官网文档：https://v3.cn.vuejs.or...
2021-11-21 22:39:34
176
原创 HTML、CSS常用样式整理
NeumorphismABC：https://neumorphism.io/#e0e0e0自定义形状分隔线：https://www.shapedivider.app/JS分割文本：https://codepen.io/alphardex/pen/eYYMYXJ划过方块展示文字：https://codepen.io/alphardex/pen/jOEOEzZanimista： htt...
2021-09-27 10:21:00
24
原创 Webpack实现VueCli创建的项目
highlight: an-old-hopetheme: cyanosis以下webpack的配置详情，请查看以下地址：https://juejin.cn/post/7010284695850057735一、安装```bash因为现在的默认版本是vue2，加@next安装的就是vue3npm install vue@next```1、webpack的起始配置如下：...
2021-09-21 19:04:35
23
原创 Webpack5+的基础配置
highlight: a11y-darktheme: smartblue一、认识Webpackwebpack地址：https://www.webpackjs.com/ webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency ...
2021-09-21 15:30:54
43
原创 Vue3中使用less、矢量图标
一、CSS预处理器的使用1、下载插件textnpm install style-resources-loader --savenpm install vue-cli-plugin-style-resources-loader --save2、在根目录下创建vue.config.js```javascriptlet path = require('path');modul...
2021-08-30 18:27:21
30
原创 Echarts的常用api
一、Echarts二、图表的常用API属性设置1、柱状图2、折线图1）给折线图下方添加阴影3、移动端手势放大柱状图折线图4、点击事件5、案例：1)不同线条的折线图2）在vue中的使用3)有警戒线的柱状图4)平滑的折线图三、公用api1、设置图例位置与点击事件2、根据屏幕大小去响应图表大小3、设置标题4、图表位置5、放大图例6、滑过的提示框7、设置x或者y的辅助线四、Echarts_Map的使用1、只能到省级1）省级地图的使用2)散点图3）全国地图的使用2、可以下钻的地图，最小到县(基于高德地图)3、百度地.
2021-08-17 14:01:22
6229
1
原创 如何通过js写一个chrome插件。
highlight: a11y-dark严格来讲，我们正在说的东西应该叫Chrome扩展(Chrome Extension)，真正意义上的Chrome插件是更底层的浏览器功能扩展，可能需要对浏览器源码有一定掌握才有能力去开发。鉴于Chrome插件的叫法已经习惯，本文也全部采用这种叫法，但读者需深知本文所描述的Chrome插件实际上指的是Chrome扩展。Chrome插件是一个用Web技...
2021-08-14 16:15:02
25
原创 Vue中使用CSS预处理器
theme: channing-cyanhighlight: agate1、下载插件textnpm install style-resources-loader --savenpm install vue-cli-plugin-style-resources-loader --save2、在根目录下创建vue.config.js```javascriptlet pa...
2021-08-10 15:14:40
25
原创 获取url路径后参数
theme: smartbluehighlight: monokai-sublime```javascript/* * @Author: * @Date: * @LastEditors: * @LastEditTime: * @FilePath: * @Description: 获取url里面传过来的参数，并且 把他变成 json对象 * 参看教程：http...
2021-08-04 14:12:08
19
原创 Cookie的简单封装
主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green, qklhk-cho...
2021-06-23 17:37:07
16
原创 Postman汉化
汉化包下载地址：https://github.com/hlmd/Postman-cn1、关闭Postman2、找到Postman的安装路径(Postman的路径一般都在下面，因为它不允许指定安装路径)C:\Users\用户名\AppData\Local\Postman3、进入app-版本号 ——> resources把刚才下载的汉化包解压，然后在打开Postman 就可...
2021-06-16 16:19:44
19
原创 AES加解密
theme: awesome-green1、使用crypto-js进行加密下载：textnpm install crypto-js --save2、使用```javascript/** * @Date: * @Author: * @FilePath: * @Description: aes加密 并且转换到Base64 * 在线验证：https://...
2021-05-26 19:08:28
12
原创 JS运动
主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green, qklhk-cho...
2021-02-16 22:50:50
16
原创 JS原生demo
主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green, qklhk-cho...
2021-02-16 15:22:59
12
原创 vue3中组合API的使用
主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro贡献主题：https://github.com/xitu/juejin-markdown-themestheme: smartblue...
2021-02-16 03:37:04
44
原创 WebSocket实现聊天室
主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green, qklhk-cho...
2021-01-23 00:45:41
17
原创 js 时间转换、json操作、URL参数截取
主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green, qklhk-cho...
2021-01-06 14:33:47
22
原创 JavaScript阶乘、递归、冒泡
主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro贡献主题：https://github.com/xitu/juejin-markdown-themestheme: channing-...
2020-12-03 00:07:54
24
原创 Vue中引入高德地图
主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro贡献主题：https://github.com/xitu/juejin-markdown-themestheme: smartblue...
2020-12-01 16:22:05
13
翻译 CSS弹性布局
一、分栏布局二、弹性布局1、Flex容器属性1）设置主轴的方向（flex项目排列的方向）2)设置flex项目单行或多行显示3)flex-direction和flex-wrap的简写方式4)设置主轴对齐方式5)设置交叉轴对齐方式6)设置多根轴线对齐方式2、Flex项目属性1）设置flex项目排列顺序2）设置flex项目单独的交叉轴对齐方式3）设置flex项目的放大比例4）设置flex项目的缩小比例5)设置flex项目占据主轴的空间6）flex-grow（放大）,flex-shrink（缩小）,flex-ba.
2020-11-22 19:57:34
282
原创 弹性布局
主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow贡献主题：https://github.com/xitu/juejin-markdown-themestheme: cyanosishighlight: monoka...
2020-11-21 02:07:43
15
原创 在vue中移动端适配
highlight: monokai一、使用postcss-px-to-viewport1、下载bashnpm install postcss-px-to-viewport --save2、在src的同级处创建 postcss.config.jsjavascript/** *@Author: *@Date:2020-11-1314:49:46 *@La...
2020-11-13 15:03:13
20
原创 CSS3动画
theme: cyanosishighlight: pojoaque制作ico 和 网站标志的小图标：http://www.bitbug.net分享按钮(bShare分享)：http://www.bshare.cn/一、css3变形 (transform)css语法：transform:rotate(旋转)|scale(缩放)|skew(倾斜)|translate(位移)...
2020-11-13 00:41:43
18
原创 canvas的简单使用
canvas的简单使用一、什么是canvas？1、是页面中一个无色透明的区域2、HTML5的canvas元素使用JavaScript在网页上绘制图像3、画布是一个矩形区域，可以控制其每一个像素4、canvas拥有多种绘制矩形、路径、圆形、字符以及添加图像的方法二、使用下面是绘制一个正方形：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
2020-11-10 00:08:06
1131
1
原创 canvas的简单使用(时钟、饼状图)
canvas的简单使用一、什么是canvas？1、是页面中一个无色透明的区域2、HTML5的canvas元素使用JavaScript在网页上绘制图像3、画布是一个矩形区域，可以控制其每一个像素4、canvas拥有多种绘制矩形、路径、圆形、字符以及添加图像的方法二、使用下面是绘制一个正方形：```html ...
2020-11-10 00:04:49
14
原创 Web移动端布局
一、移动端布局方式1、屏幕尺寸屏幕尺寸是指屏幕对角线的长度，单位为英寸，1英寸=2.54厘米常见移动端设备屏幕尺寸：iphone4 3.5英寸iphone6,7,8 4.7英寸iphone6,7,8(plus) 5.5英寸iphone5 4英寸2.屏幕分辨率（像素分辨率）屏幕分辨率是指横纵方向上的像素点数，单位为px，1px=1像素点常见移动端设备屏幕分辨率：iphone6,7,8 1334*750iphone6,7,8(plus
2020-11-09 01:14:28
337
原创 Table表格头部固定和列固定，内容滚动
注：在移动端上有问题。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> table { table-layout: fixed; /*使用fixed实现th固定宽度*/ width: 100%;
2020-11-06 11:18:35
2680
原创 js函数对象
一、函数声明 声明的方式有函数的提升 //有变量提升 function fun(a,b){ console.log(a*b); } fun(5,6); //30二、函数表达式（匿名函数) fun(5,6); var fun = function(a,b){ console.log(a + b); } //注：这样写会报下面这个错：正确的写法： var fun = function(a,b){
2020-10-31 01:39:41
377
vuex的demo，包括数据请求
2020-05-03
redux创建过程.docx
2020-04-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人