常见问题
月半叫做胖
好好学习 冲鸭
展开
-
日常开发:分页组件的思路梳理
分页组件的思路梳理1. 分页组件的几种场景分析首先这里做几个假设假设最多显示9个分页符省略部分用…来进行表示场景1: 总页数小于等于9页该场景没啥好说的 所有的分页符均显示就行了场景2: 总页数大于9页 且只有一边存在省略情况[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0W8lMkSJ-1595141809098)(./image/image-20200718221106689.png)]此场景有两种情况 左边省略和右边省略:这里要注原创 2020-07-19 14:59:39 · 716 阅读 · 0 评论 -
日常随笔:列表拖拽换行的例子
22. 列表拖拽转换的例子今天看到有些表格中能够通过拖动来换行,手动排序的功能,想来自己实现一下,类似效果如下主要解决问题的办法drag元素clientX和clientY动画元素animition解决思路委托外部元素监听内容元素的(dragStart阶段,定位被拖动的元素)委托外部元素监听元素已经被拉到哪个元素的位置 (使用dragover确定,停留在哪个元素的...原创 2020-02-29 21:24:44 · 446 阅读 · 0 评论 -
日常随笔:JS实现将一个元素从一个标签中移动到另一个标签中的简单方法
使用 append 方法完成页面内元素的迁移问题描述要将一个元素target从一个标签(div1)中移动到另外一个标签(div2)中,应该怎么做呢一般做法:先将target从div1中保存并从div1中将target删除,然后在div2中添加该元素特殊做法: 今天发现直接append该target元素!!!实验验证<!DOCTYPE html><html la...原创 2019-12-24 21:16:18 · 3748 阅读 · 0 评论 -
日常随笔:javascript拖拽drop和drag的使用
Drag,Drop踩坑笔记1. 几个概念1. 拖拽事件摘自MDN:HTML drag-and-drop uses the DOM event model and drag events inherited from mouse events. A typical drag operation begins when a user selects a draggable element, ...原创 2019-12-24 14:49:49 · 1686 阅读 · 0 评论 -
开发随笔:transform: skew
4. Skew的用法transform: skew(x, y)x: x轴不动y轴旋转的角度, 正为逆时针, 负为顺时针y: y轴不动,x轴旋转的角度, 正为顺时针,负为逆时针代码验证<div class="base"></div><div class="box"></div><div class="box2"><...原创 2019-11-20 21:47:55 · 560 阅读 · 0 评论 -
vertical-align的几个注意点
vertical-align参考博文1. vertical-align生效场景元素本身的display设置为inline 或者 inline-block2. 通过vertical-align实现居中vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中...原创 2019-11-16 08:46:25 · 206 阅读 · 0 评论 -
日常随笔: React useEffect中使用异步更新数据方法遇到的问题
开发随笔:react hooks 异步更新的问题1. 问题叙述在使用antd/G2图表更新的时候发现:在useEffect中通过异步函数对图表渲染的data进行更新, 但是由于第一次更新后,数据是延迟更新的,所以好像数据并没有实时进行更新.2. 代码分析定义了一个heatmapData const [heatMapData, setHeatMapData] = useState...原创 2019-11-12 21:27:32 · 9489 阅读 · 0 评论 -
日常随笔:React+G2 使用changeData实时更新数据
React+G2踩坑:使用changeData 实时更新数据用类组件在componentDidMount中初始化图表,然后将chart实例进行保存即可在componentWillUpdate的时候完成对于图标的更新代码例子import React from 'react';import G2 from '@antv/g2';interface Props { data: a...原创 2019-11-03 15:08:37 · 5264 阅读 · 0 评论 -
日常随笔: Typescript + axios的实践
Typescript关于获取Promise的实践项目目录├── src│ ├── api.ts│ ├── App.css│ ├── App.test.tsx│ ├── App.tsx│ ├── index.css│ ├── index.tsx│ ├── interface.ts│ └── react-app-env.d.ts#### 代码分析...原创 2019-10-28 11:55:11 · 908 阅读 · 0 评论 -
React学习笔记之十: Context的使用方法
10. React的上下文Context1. Context的作用组件间的参数传递是单向数据流(父->子),那么如果当子组件嵌套的很深层的时候,就会存在每一层嵌套的过程中都需要通过props进行传参,十分麻烦,要是在整个组件树中能有一个公共的“全局变量”那就好了, 每次我们需要相应的参数只要通过访问这个全局变量就可以达到我们想要的目的了,因此我们使用了上下文Context2. Cont...原创 2019-07-21 22:43:08 · 311 阅读 · 0 评论 -
一个小需求:hover使元素变大内容位置不变的效果
问题今天碰到了一个需求,就是当元素hover的时候,元素的上下适当拉长,但是该元素内部的内容位置却不能发生变化。上代码<div class="box"> <div>我的位置不能动!</div></div>.box{ width:100px; height:100px; background: red; margin: ...原创 2019-07-20 21:21:19 · 2408 阅读 · 0 评论 -
react+mobx+装饰器环境搭建
问题描述:今天在学习mobx的时候发现,使用mobx的装饰器,运行yarn start 报错!!!解决办法:安装@babel/plugin-proposal-decorators@7.4.4yarn add @babel/plugin-proposal-decorators@7.4.4yarn install配置node_modules下的create.js文件将overr...原创 2019-07-17 23:51:54 · 308 阅读 · 0 评论 -
Django2.1中reverse的使用
reverse的主要作用是将提取的网址进行按照要求的替换,计算得到响应所需要的新的网址的功能只要对应的 url 的name不改,就不用改代码中的网址。具体参考这篇,下面贴自己实际测试代码 配置的urls文件为:from django.conf.urls import urlfrom .views import iv_info# urlpatterns = [# u...原创 2019-01-08 10:49:25 · 3722 阅读 · 0 评论 -
Django中遇到修改了css等静态文件而在浏览器中浏览失效的问题
由于浏览器为了效率会缓存相同的静态文件到本地,清除缓存问题就解决具体可参考https://blog.csdn.net/g11d111/article/details/79032287转载 2019-01-09 11:47:05 · 537 阅读 · 0 评论 -
VS code 突然HTML无法补全的问题解决
如果安装了VS Great Icons可以看一下所对应的html文件的图标,是否为如果已经是这个类似箭头的图标,说明已经被VScode识别为html文件,那么应该已经可以实现html补全如果部分不能补全,可能是1-未安装插件;2-可能存在插件冲突 如果没有被VScode识别为html文件1-ctrl+shift+p2-change the language mode...原创 2019-01-10 09:38:44 · 8394 阅读 · 4 评论 -
Cookie,session,cache三者的区别
参考文本1JS设置浏览器缓存,以及常用函数整理转载 2019-02-08 00:04:09 · 222 阅读 · 0 评论 -
em rem vw vh是什么与联系
em:理解为相对于继承的字体大小的比例因子,默认body 为16px, 所以大多浏览器下 1em=16px;具体的理解可以参考参考其中的第一张图如果多个盒子嵌套,则继承的应该是父类对应的字体大小为1em注意:当em为行高时,其对应的为其字体大小的倍数;rem:相对于页面的整体缩放过程1rem = 1/100 × 页面的宽度从ue图到rem的转换 ue图的元素 / ue图...翻译 2019-02-18 20:57:33 · 395 阅读 · 0 评论 -
BootStrap4 Tab 遇到的一个问题
<div class="container"> <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" data-toggle原创 2019-02-19 16:06:05 · 1106 阅读 · 0 评论 -
ubunut自动代理文件pac的生成
1-安装genpacsudo pip install genpac2-先把SS调整到全局模式 系统设置->网络->网络代理->Sock主机号设置为127.0.0.1 端口10803-通过genpac生成pac文件genpac -p "SOCKS5 127.0.0.1:1080" --output="autoproxy.pac"4-在/home/user...原创 2019-03-17 09:42:13 · 3747 阅读 · 0 评论 -
JavaScript确定this的指向
JavaScript确定this的指向this的指向确定1. 参考说明2. Reference介绍几个概念3. this确定的方法4 new 的说明例子:例1例2例3例4例5this的指向确定参考说明Reference介绍this确定的方法new的说明样例1. 参考说明拜读了冴羽大神的深入系列,然后加上自己谷歌的一些理解,让这部分更加容易理解冴羽大神深入系列new操作符理解...原创 2019-03-28 15:05:56 · 148 阅读 · 0 评论 -
yarn安装包出现的Unexpected end of JSON input问题解决方法
问题:在使用create-react react-app时出现:error An unexpected error occurred: “C:\Users\Administrator\AppData\Local\Yarn\Cache\v4\npm-send-0.16.2-6ecca1e0f8c156d141597559848df64730a6bbc1\node_modules\send\.yarn...原创 2019-07-17 23:45:50 · 3570 阅读 · 0 评论 -
Django使用外部文件对models操作容易产生的问题
from pv_server.models import IVCurvesInfo, FaultTypeimport osimport djangoos.environ.setdefault('DJANGO_SETTINGS_MODULE', 'PV_Moniter.settings')django.setup()def add_fault_type(fault_list, tru...原创 2019-01-05 15:58:17 · 234 阅读 · 0 评论