前端开发
-
脚手架搭建项目也是非常好用，简单命令即可搞定 vue init webpack web-im 然后一路向下，填写项目名称，描述，作者等等信息，完成安装。 cd web-im npm install 这就是整个生成后的项目结构。 WebSocket服务端 这就是整个生成后的项目结构。 WebSocket服务端 var ws = require(“nodejs-websocket”); // 这里用到了moment，请大家自行安装 var moment = require(‘moment’)
2024-12-02 -
安装Redux库与基础入门 一、安装Redux及配套库 在React项目中引入Redux，首要步骤是安装Redux及其React绑定库react-redux。 使用NPM（Node Package Manager）： npm install redux react-redux 或者使用Yarn： yarn add redux react-redux 这将安装Redux库并将其与React项目关联起来。 二、Redux架构概览 Redux是一个独立的状态管理库，可以与React结合使用，但
2024-12-02 -
说明 之前我们已经聊过，关于伪元素 :before 和 :after 的一些基础知识了，但是并没有感觉到他的神奇之处，这次，我们继续来说，看看他有点什么用，基础知识不太明白的可以看这里 http:///fe_dev/article/details/71775624 应用 清除浮动（clearfix） 这里说一种用伪元素，清除浮动的方式，这种方式也是非常推荐的一种方式，许多网站都有用到。 代码 .cf:before,.cf:after { content:""; display:ta
2024-12-02 -
let chart = echarts.init(this.$refs.radar_chart); let option = { title: { text: '关键过程指标', }, grid: { left: '0', }, legend: { data: ['个人', '小组', '团队'], bottom: '0', itemWidth: 6, itemHeight: 6, }, radar: { //
2024-12-02 -
清除页面所有定时器 var time = setInterval(() => { console.log("hello world") }, 10000); //清除 for(var i = 1;i<=time;i++){ clearInterval(i); }
2024-12-02 -
theme: condensed-night-purple highlight: a11y-dark 什么是G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的 Insight。 类似于D3，D3能实现的G6也能实现，但d3的官方文档是非汉语文档。 第一个示例 搭建环境 最近在看react文档，所以我是在react基础上来学习G6。 npm install --save @antv/g6 导入G6 import
2024-12-02 -
useMemo和useCallback使用场景 useMemo到底是做什么的，工作原理是什么。 简而言之，useMemo是用来缓存计算属性的。 计算属性其实是函数的返回值，或者说指那些以返回一个值为目标的函数。 有些函数，需要我们手动的去点击，去完成一些动作才触发。而有些函数，则是直接在渲染的时候就执行，在DOM区域被当作属性值一样去使用。 后者，就被称为计算属性。 而计算属性，最后一定会使用return返回一个值！ useMemo在什么情况下使用 第一种情况 当我们的某一个计算属性真的需要大量
2024-12-02 -
JS获取屏幕，浏览器，网页高度宽度2008-01-21 22:36网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrol
2024-12-02 -
使用elementUI 的el-date-picker 需要value-format="yyyy" <el-form-item label="年度" prop="year"> <el-date-picker v-model="searchFrom.year" type="year" value-format="yyyy" placeholder="选择年"> </el-date-picker>
2024-12-02 -
.homepage.SettingsHomepageActivity中的逻辑并不复杂，直接加载了TopLevelSettings这个Fragment showFragment(new TopLevelSettings(), R.id.main_content); TopLevelSettings通过AndroidX的Preference来展示设置项列表，设置项列表的内容通过静态配置+动态添加的方式获取。 1，静态配置 所谓静态配置就是通过xml来配置。 如果你还不了解Preference，可以移
2024-12-02