- 博客(33)
- 收藏
- 关注
RSS订阅原创 element-ui,多选表格穿梭框实现，与表格被选中项颜色的添加
el-table-column prop="name" label="运营位名称">
2023-02-15 09:42:56
988
原创 react基础（二）
虚拟DOM的真正价值从来都不是性能（虚拟DOM，可以让react脱离浏览器的限制，比如用于原生安卓或者IOS的应用，从此可以运行node.js的地方就可以运行react(vue其实也是借鉴了react的虚拟DOM)）就好比祖父组件有两个儿子组件，两个儿子组件分别有两个孙子组件，祖父组件更新则所有组件都会更新，其中一个儿子组件更新则只会引起他和他对应的那两个儿子组件更新，不会影响到祖父组件和另一个儿子组件。"active":""} to="/product">商品
2022-12-16 10:45:14
205
原创 Rollup基础配置说明；附：parcel
零配置前端应用打包器(parcel支持模块热替换，就是我们更改代码，页面会跟着更新)（除此之外，当我们导入模块时候，加入我们并没有安装相应的依赖，parcel会自动帮助我们安装）（支持动态导入）Webpack已经可以完成打包的大部分需求，rollup和webpack相比要小巧的多，仅仅是一款ESM打包器（ESM针对于浏览器，静态编译模块化）//指定rollup打包时使用配置文件的配置，不写—config，将不会使用我们在配置文件中配置好的属性，而是使用rollup默认的属性。//指定输出的文件名。
2022-11-25 16:31:19
737
原创 webpack基础配置说明
/为了防止文件名一样，浏览器会缓存我们之前打包好的dist.js文件，所有我们希望每次文件名不一样，所有就决定在文件名上加上随机的字符，让每次更新打包之后都改为新的字符。12.很多时候我们打包后，会发现有些文件的体积过大，所有我们需要分析一下原因，再进行下一步的优化，webpack提供打包后可视化的工具。//数组中的每一个元素都对应一个loader的配置，每个loader的配置都包含匹配扩展名，以及使用哪些loader的相关的选项。//匹配以什么样的扩展名结尾的文件，去应用什么样的loader。
2022-11-25 11:46:35
413
原创 yarn link的作用
打包好项目后，通过yarn link在全局的node_modules目录下创建一个module-name的超链接，这个时候我们再去其他项目目录下，通过执行yarn link "刚才打包号的那个目录名字"，即可让当前项目与打包的那个项目建立连接，模拟上线后的状态，便于调试。首先要打包好项目yarn build。
2022-11-24 15:09:02
373
原创 python学习笔记（8）
数据操纵：DML（Data manipulation language）·数据定义：DDL（data definition language）·数据控制：DCL（data control language）·数据查询：DQL（data query language）是结构化查询语言，用于访问和处理数据库的标准的计算机语言。同样的行为（函数），传入不同的对象，得到不同的状态。·新增数据，删除数据，修改数据等。语句时，默认是需要提交更改的，即，需要通过代码。确认，可以在构建链接对象的时候，设置自动。
2022-11-23 13:51:01
280
原创 python学习笔记（七）
形参注解与函数返回值注解也是建议性的，不是强制性的，写的内容类型与注解类型不同运行也不会报错。既然现实事物有不公开的属性和行为，那么作为现实事物在程序中映射的类，也应该支持。类型注解：在代码中涉及数据交互的地方，提供数据类型的注解（显示的说明）在类中提供仅供内部使用的属性和方法，而不对外开放（类对象无法使用）一旦复写父类成员，那么类对象调用成员的时候，就会调用复写后的新成员。联合类型注解，在变量注解、函数（方法）形参和返回值注解中，均可使用。
2022-11-21 09:21:18
369
原创 python学习笔记(6)
Echarts是百度开源的数据可视化，凭借着良好的交互性，精巧的图标设计，得到了众多开发者的认可，随着python 的火爆，以及pythpn非常适合数据处理，当数据分析遇上数据可视化时pyecharts诞生了。 [{'name': '李华', 'age': 16}, {'name': '韩立', 'age': 17}, {'name': '黄滔', 'age': 20}]是要求传入一个函数，表示将列表的每一个元素都传入函数中，返回排序的依据。自动播放的时间间隔，单位毫秒。
2022-11-17 11:19:52
724
原创 JS拖拽功能
进入时: dragenter 进入后：dragover 离开：dragleave 放置：drop。开始 ：dragstart 进行中：drag 结束：dragend。再根据定位计算元素的位置完成拖拽。第一种默认可以拖拽的，比如图片。鼠标按下：mousedown。鼠标移动：mousemove。鼠标松开：mouseup。
2022-11-15 12:29:52
476
原创 python学习笔记（五）
python中有很多各种不同的模块，每一个模块都可以帮助我们快速的实现一些功能，比如实现和时间相关的功能就可以使用time模块，我们可以认为一个模块就是一个工具包，每一个工具包中都有各种不同的工具供我们使用进而实现各种不同的功能。【注意：当导入多个模块的时候，且模块内有同名功能，当调用这个同名功能的功能的时候，调用到的是后面导入的模块的功能，也就是说同名时后引入的会覆盖掉先引入的】捕获异常的作用在于：提前假设某处会出现异常，做好提前准备，当真的出现异常的时候，可以有后续手段。
2022-11-11 17:39:03
300
原创 python学习笔记（四）
readlines可以按照行的方式把整个文件中的内容进行一次性读取，并且返回的是一个列表，其中每一行的数据为一个元素。输出结果为：{'name': 'tazimi', 'age': 17, 'wife': 'aisidesi'}num表示要从文件中读取的数据的长度（单位：字节），如果没有传入num，那么就表示读取文件中所有的数据。输出结果为：{'li': 'meng', 'kami': {'shan', 'teng'}}缺省参数也叫默认参数，用于定义函数，为参数提供默认值，调用函数时可不传该默认参数的值（
2022-11-10 17:53:39
110
原创 前端基础知识与常见面试题（十三）
如果不命中则根据头信息向服务器发起请求，使用协商缓存，如果协商缓存命中的话，则服务器不返回资源，浏览器直接使用本地资源的副本，如果协商缓存不命中，则服务器返回最新的资源给浏览器。对于浏览器的缓存，主要针对的是前端的静态资源，最好的效果就是，在发起请求之后，拉取相应的静态资源，并保存在本地。如果服务器的静态资源没有更新，那么在下次请求的时候，就直接从本地读取即可，如果服务器的静态资源已经更新，那么我们再次请求的时候，就到服务器拉取新的资源，并保存在本地。Action:State的变化，会导致View的变化。
2022-11-10 09:20:42
265
原创 python学习笔记（三）
1.while循环既然数据容器可以存储多个元素，那么，就会有需求从容器内依次取出元素进行操作将容器内的元素依次取出进行处理的行为，称之为：遍历、迭代Index=0while index
2022-11-09 17:37:19
207
原创 正则表达式基础
上述情况都是匹配单个字符的重复，如果需要匹配多个字符重复，要在想要重复的字符前加。进行前一个字符出现次数的精准匹配，可以规定要匹配的字符出现的具体次数或者范围。里的内容表示，接下来要匹配的内容只能取决于它们之中。执行全局匹配，而非匹配到第一个后截至。表示单词字符（英文、数字及下划线）前的字符要出现一次或者一次以上（代表任意字符但不包括换行符。执行对大小写不敏感的匹配。前面的那个字符可有可无。理解为匹配数量为正数）理解为匹配所有情况）
2022-11-09 10:52:06
51
原创 前端基础知识与常见面试题(十二)
reducer是一些纯函数，接收当前的state和要执行的action作为参数，返回根据action修改后的新的state对象，从而实现action想要实现的操作。在多模块文件的React应用中，如果在根模块中创建 Redux store，然后通过props依次传递给所有的子组件，实在太麻烦了。应用在当前时刻需要记录的需要具备响应式特性的数据，尤其是需要在多个组件间共享的数据，故需要集中存储。② Redux中的state用于多组件共享，而React中的state仅在当前组件中使用。
2022-11-09 08:50:57
94
原创 python学习笔记（二）
一种可以容纳多份数据的数据类型，容纳的每一份数据称之为1个元素，每一个元素，可以是任意类型的数据，如字符串、数字、布尔等。要注意，无论键盘输入什么类型的数据，获取到的数据永远都是字符串，除非在input()语句后，再进行一次数据类型转换。【执行流程：函数A中执行到调用函数B的语句，会将函数B全部执行完成后，继续执行函数A的剩余内容】在循环内，遇到continue就结束当次循环，进行下一次，所以，语句2是不会执行的。函数返回的None，就表示，这个函数没有返回什么有意义的内容，也就是返回空的意思。
2022-11-08 16:01:41
1469
原创 前端基础知识与常见面试题(十一)
1.都使用了虚拟dom(用虚拟DOM去表示真实DOM，，目的是计算出最小的变化（diff算法），再根据最小变化更新真实DOM结构，diff算法是比较新老虚拟DOM最小变化的，1.遍历老虚拟DOM；3.重新排序，这样会有大量的运算，vue和React都做过优化，只比较DOM树同一层级，不跨级比较，并且比较标签名，如果标签名不同直接删除，不继续深度比较，标签名相同时，比较key,key相同，就认为是相同节点，不继续深度比较)- 3.都是单向数据流(父子组件之间，不建议子修改父传下来的数据)，数据驱动视图。
2022-11-08 08:36:08
89
原创 前端基础知识与常见面试题(十)
flex-grow（放大属性） 、flex-shrink（缩小属性） 、flex-basis（初始主轴尺寸）这三个样式的合集，全写状态为flex:0 0 auto，flex: 1（放大的比例）重绘：当渲染树的一部分元素的尺寸大小、布局、显示或隐藏等没有改变，而是改变了元素的外观风格，不影响其他元素的时候，比如修改字体颜色，修改背景颜色等过程叫做重绘。定义一个空数组，且对于目标对象进行递归，每次都判断递归项是否为对象，是的话放进数组，且每次判断属性值是否在数组里，在的话说明环引用了。
2022-11-07 08:42:44
127
原创 前端基础知识与常见面试题(九)
let fama = [] //序列化砝码，比如两个1g和一个2g的砝码用[1,1,2]表示。// 当第一个1g砝码放入时，set中要插入原先所有元素+1g后的结构，即{0,0+1}，插入后变为{0,1}解：let arr=readline().split(' ').sort((a,b)=> a-b)// 第三个2g砝码放入时，set要插入{0+2,1+2,2+2},变为{0,1,2,3,4}// 当第二个1g砝码放入时，set要插入{0+1,1+1},变为{0,1,2}
2022-11-04 08:46:54
186
原创 前端基础知识与常见面试题(八)
另外，可以使用get（）和has（）进行查询，可以通过size属性获取映射中的键/值对的数量，还可以使用delete（）和clear（）删除值。如果不使用迭代器，而是使用回调方式，则可以调用映射的forEach（）方法并传入回调，依次迭代每个键/值对。如果想在创建的同时初始化实例，可以给Map构造函数传入一个可以迭代的对象，需要包含键/值对数组。键和值在迭代器遍历时是可以修改的，但映射内部的引用则无法修改。m.clear();//修改了作为键的对象的属性，但对象在映射内部仍然引用相同的值。
2022-11-03 08:48:58
57
原创 前端基础知识与常见面试题(七)
数据范围： 1 \le n \le 1000 \ 1≤n≤1000 ，元素大小满足 0 \le val \le 100000 \ 0≤val≤100000。数据范围： 1 \le n \le 1000 \ 1≤n≤1000 ，字符串长度满足 1 \le len \le 100 \ 1≤len≤100。给出一个仅包含字符'(',')','{','}','['和']',的字符串，判断给出的字符串是否是合法的括号序列。进阶：时间复杂度：O(nlogn)\ O(nlogn) ，空间复杂度：O(n)\ O(n)
2022-11-02 09:02:05
121
原创 python学习笔记（一）
所以，综合起来就是：我先占个位置，等一会有个变量过来，我把它变成字符串放到占位的位置（数字类型可以通过此种方式与字符串类型完成拼接，本质上也是将数字转换成字符串再去拼接）（2）多行注释：以一对三引号引起来(“””注释内容”””)来解释说明一段代码的作用使用方法，支持换行。= 把等号右边的结果赋给左边的变量，如num=1+2*3，结果num的值为7。(2)变量的定义格式(可以对一个变量进行重复赋值，有一种var的感觉)布尔：表示生活中的逻辑，即真和假，True表示真，False表示假。
2022-11-01 16:48:07
145
原创 前端基础知识与常见面试题(六)
开发一个坐标计算工具， A表示向左移动，D表示向右移动，W表示向上移动，S表示向下移动。//在第n个（n>=3）台阶时，上一个台阶是n-1或者n-2,所以跳上n台阶的方法总数是n-1台阶方法总数和n-2台阶方法总数之和。所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。给出一个整型数组 numbers 和一个目标值 target，请在数组中找出两个加起来等于目标值的数的下标，返回的下标按升序排列。，问你生命周期不要回答生命周期对应的钩子函数！
2022-11-01 09:45:48
464
原创 前端基础知识与常见面试题(五)
token是一种验证机制，token的意思是‘令牌’，是服务器生成的一段加密字符串，然后返回给客户端，一般储存在请求头当中，客户端负责存储，服务器只要负责解密就可以了（诞生于服务器，储存在客户端，相比与session更节约服务器资源，而且对移动端和分布式 更加友好）seesion对象是存储在服务器端的，主要用来存储用户会话所需的数据，seesionID会存在cookie中（客户保存seesionID，服务器端保存用户信息，给服务器存储带来压力）只有名称匹配的组件会被缓存，写谁缓存谁。
2022-10-31 09:07:01
56
原创 前端基础知识与常见面试题(四)
ref被用来给元素或子组件注册引入信息，引用的信息会被注册在当前vue示例的$refs对象上（console.log(this.$refs.mycom.$el)）二：插件：**vuex-persistedstate**、**vuex-persist**（redux-persist）css预处理，结构清晰，便于重复利用，便于维护，提供了多种功能(嵌套、变量、继承、运算...)// 无法分配到 "sex" ，因为它是只读属性。ts文件后缀都是以**.ts**结尾，并且ts不能直接执行，需要编译为js执行。
2022-10-28 09:26:43
415
原创 前端基础知识与常见面试题(三)
http://127.0.0.1:8080 | https://127.0.0.1:8080 | 不同源:协议不同 || http://127.0.0.1:8080 | http://127.0.0.1:8081 | 不同源:端口不同 || http://127.0.0.1:8080 | http://localhost:8080 | 不同源:域名或ip不同 |// 自定义请求头,指定是有 /demo 开头的请求都是用代理服务器。
2022-10-27 09:05:29
94
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人