- 博客(16)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 使用js实现拖拽功能（附具体实现代码）
js拖拽功能的实现主要依靠3个事件，分别是onousedown鼠标按下、onmousemove鼠标移动和onmouseup鼠标抬起。并且它们具体是按照这样的一个顺序执行的。`event.clientX`和`event.clientY`分别是鼠标当前的横坐标和纵坐标，`offsetX` 和 `offsetY` 分别表示元素的初始横坐标和纵坐标，移动的过程改变的是绝对定位下的`left`和`top`值。
2022-05-24 10:03:48
12167
5
原创 图片懒加载及其实现方式
懒加载-主要目的是作为服务器前端的优化，减少请求数或延迟请求数。也叫延迟加载，指在长网页中延迟加载图像，是一种很好的优化网页性能的方式。常适用于图片很多，页面很长的电商网站。
2022-05-23 18:55:46
2667
原创 css实现圣杯布局
圣杯布局和双飞翼之间，最好是先看圣杯布局，再看双飞翼，这样更能对比差异。个人认为圣杯布局主要注意parent的padding属性设置和左右的left属性设置。
2022-05-23 14:41:41
345
原创 css实现双飞翼布局
css实现双飞翼布局-布局从上到下分为 header、container、footer，然后 container 部分定为三栏布局。这种布局方式同样分为 left、center、right。给 center 部分包裹了一个 center-inbox 通过设置 margin 主动地把页面撑开。
2022-05-23 14:23:47
237
原创 在umi+dva中使用useDispatch、useSelector替代dva中的connect
最近实习的公司用到了umi框架开发，里面有一个umi+dva的使用，因此特地先看了dva的官方文档，回过头来看发现稍微有些差异，比如dva的connect被取消，采用useDispatch和useSelector来绑定state到view，本文记录一下model代码的注释以及各个参数的含义。
2022-03-01 13:13:06
6369
原创 React组件react-virtualized，高效渲染大型列表和表格数据
官方文档地址https://github.com/bvaughn/react-virtualized1.安装npm i react-virtualized2.在项目入口文件 index.js 中导入样式文件（只导入一次即可）// 导入 react-virtualized 组件的样式import 'react-virtualized/styles.css'3.找到相应的自己需要用的组件，这里我使用的List，链接如下：https://github.com/bvaughn/react-virtu
2022-02-06 17:31:32
4607
原创 关于React项目中百度地图API的使用
一、前言1. 首先进入百度地图API官方地址https://lbsyun.baidu.com/，选择适合自己项目的开发文档，我这次使用的是Javascript API。2.点击开发指南->Hello World，会有详细步骤介绍使用流程，按步骤要求一步一步来即可，如下图所示。开发者账号申请需要身份证正反面照片。3.创建应用并获取到密钥AK。二、地图显示我的项目是基于React开发框架，实际使用步骤记录如下。（1）在项目的public文件夹下的index.html<!-- 引
2022-02-04 21:23:00
2084
1
原创 在Chrome谷歌浏览器中使用H5地理位置API
目前无论是Web还是移动应用，都会涉及到一个地理位置的获取，之前觉得这个的使用会很复杂，其实大概也就如下，首先上代码。// 获取地理位置信息navigator.geolocation.getCurrentPosition((position) => { console.log(11) console.log('当前位置信息：', position)})谷歌浏览器打印输出如下。主要用的也就是latitude和longitude经纬度信息。...
2022-02-04 15:50:52
3030
3
原创 黑马VUE电商管理后台笔记记录
电商后台项目遇到的问题1、.eslintrc.js 中 ‘@vue/standard’ 需要删掉或者注释掉2、不能直接在 vue ui 里面安装 less-loader和less依赖，因为版本问题，最好是安装低版本npm install less-loader@4.1.0 -D`npm install less@3.9.0 -D3、element-ui 是按需导入的，因此需要在 plugins 文件夹下的 element.js 导入4、引入 iconfont 出现问题https://www.
2021-12-30 21:30:18
847
原创 最全面最详细的Vue+ElementUI级联选择器设计，优化选择框收起和选择项圆圈问题
最全面的Vue+ElementUI级联选择器设计，对两点问题进行了修改在学习的过程中涉及到一个级联选择器的设计，采用的是Vue+ElementUI。template里面代码如下：<!-- options用来指定数据源 --><!-- props用来指定配置对象 --><el-cascader v-model="selectedKeys" :options="parentCateList" :props="cascaderProps" @chan
2021-11-08 21:22:37
4953
7
chinaMap.zip
2022-01-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人