用户体验
文章平均质量分 52
bliss小宝
性格有点内向、乐观上进、有爱心并善于施教并行;对待工作认真负责,善于沟通、协调有较强的组织能力与团队精神;上进心强、勤于学习能不断进步自身的能力与综合素质。在未来的工作中,我将以充沛的精力,刻苦钻研的精神来努力工作,稳定地进步自己的工作能力,与公司同步发展。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
el-table组件 数据刷新之后选中的列表状态消失问题
selection-change=“selectionChange” 这是选中的方法。el-table组件数据刷新之后选中的列表状态消失问题。table多选加这个就行。原创 2022-11-09 11:22:15 · 3781 阅读 · 5 评论 -
四种请求方式 get、post、put、delete 的用法及区别(全)
GET请求会向数据库发索取数据的请求,从而来获取信息,该请求就像数据库的select操作一样,只是用来查询一下数据,不会修改、增加数据,不会影响资源的内容,即该请求不会产生副作用。与GET不同的是,PUT请求是向服务器端发送数据的,从而改变信息,该请求就像数据库的update操作一样,用来修改数据的内容,但是不会增加数据的种类等,也就是说无论进行多少次PUT操作,其结果并没有不同。几乎目前所有的提交操作都是用POST请求的。增 ———- 删 ——— 改 —— 查。原创 2022-10-24 20:44:50 · 1612 阅读 · 0 评论 -
windows系统 上班,工作 快捷键(全)和 案例 搜索提示框
windows + ctrl + d 创建新的桌面。windows + ctrl + ←→ 切换桌面。windows + ←→ 应用左右分屏。windows + +/- 启动放大镜。windows + l 锁定pc。alt +F4 快速关闭当前窗口。windows +i 进入设置。windows+d 显示桌面。ctrl +p 快速打印。原创 2022-09-21 09:15:12 · 195 阅读 · 0 评论 -
显示与溢出 详细介绍
共同进步 共同努力 一起奋斗 感觉未来充满了可能。原创 2022-09-20 13:54:54 · 173 阅读 · 0 评论 -
电商 静态页面(详细讲解)
2.设置图片大小 按照总图片大小以及间隔来设置容器大小。5.将所有图片和div设置悬浮效果。1.在容器中引入图片(小图片)4.插入向左向右控制的div。3.将图片和容器脱离文档流。原创 2022-09-20 13:51:25 · 363 阅读 · 0 评论 -
Typora快捷键大全(含Windows和linux)(全)
我开始明白,再好的朋友,再好的东西也都只是自己生命的一场过客,唯一能使自己变得强大的只有自己,不断地提升自己,才会成为最好的自己。原创 2022-09-20 13:50:47 · 604 阅读 · 0 评论 -
Cascader 级联选择器 改变选项对应的属性值
绑定对应的数据 和 props<el-cascader v-model="value" :options="classroom" :props="defaultProps" @change="handleInfo"></el-cascader>这是当前的数据[{ id: "123456", name: 1 list: { id: 123, name: "实验室1", list: { id: 231, name: "实验室2", l原创 2021-10-27 17:34:53 · 1974 阅读 · 0 评论 -
todolist 案例
案例完整代码import React, { useState,useRef,useCallback,useEffect } from 'react'import './App.css'let idSeq = Date.now()// 输入区const Control=function Control(props) { //接收addTodo函数 const { addTodo } = props //定义一个Ref const inputRef = useRef() //原创 2021-05-12 20:16:04 · 774 阅读 · 13 评论 -
性能优化11
性能优化如何精准测试 JavaScript 性能呢?我们需要采集⼤量的执⾏样本进⾏数学统计和分析。我们可以使⽤基于 benchmark.js 的在线⼯具进⾏测试。www.jsperf.com 经常性 502,我们可以⽤ https://jsbench.me/ 来替代 也可以本地搭建benchmark更多 :我总结的js性能优化的⼩知识 - 静逸 - 博客园慎⽤全局变量为什么要慎⽤?全局变量定义在全局执⾏上下⽂,是所有作⽤域链的顶端。每次查找的时候都从局部找到最顶端,时间会有所消耗。原创 2021-05-11 20:25:00 · 174 阅读 · 0 评论 -
Performance 介绍及使用
Performance介绍为什么使⽤Performance呢?GC 的⽬的是为了实现内存空间的良性循环,⽽良性循环的基⽯是合理的使⽤内存空间。由于 ECMAScript 并没有提供操作内存的 API,所以内存分配是否合理我们不可知。Performance 提供了多种⽅式,在程序运⾏时可以时时监控,确定内存分配是否合理。https://developers.google.com/web/tools/chrome-devtools/memory-problems使⽤具体步骤打开浏览器输⼊⽬标⽹址原创 2021-05-11 20:00:52 · 1568 阅读 · 0 评论 -
JavaScript 性能优化
JavaScript 性能优化概述性能优化设计到⽅⽅⾯⾯,只要能够加快代码执⾏的,我们都可以称为性能优化。我们从 JavaScript ⾃身⻆度谈⼀谈性能优化内存管理垃圾回收和GC(Garbage Collection) 算法V8引擎的垃圾回收Performance ⼯具监控代码优化示例内存管理很多编程语⾔已经内置了内存管理,不太需要程序员⾃⼰去对内存进⾏操作,但是有些情况下,我们需要重视编码对内存的影响。function fn(){arrList = []arrList[1原创 2021-05-10 14:04:51 · 369 阅读 · 0 评论 -
react 组件通信方式 总结
组件通信方式总结组件间的关系:父子组件兄弟组件(非嵌套组件)祖孙组件(跨级组件)几种通信方式: 1.props: (1).children props (2).render props 2.消息订阅-发布: pubs-sub、event等等 3.集中式管理: redux、dva等等 4.conText: 生产者-消费者模式比较好的搭配方式: 父子组件:props 兄弟组件:消息订阅-发布、集中式管理 祖孙组件(跨级组件):消息订阅-发布、集中式管理、con原创 2021-05-07 21:46:43 · 357 阅读 · 0 评论 -
错误边界(用来捕获后代组件错误,渲染出备用页面)
错误边界理解:错误边界(Error boundary):用来捕获后代组件错误,渲染出备用页面特点:只能捕获后代组件生命周期产生的错误,不能捕获自己组件产生的错误和其他组件在合成事件、定时器中产生的错误使用方式:getDerivedStateFromError配合componentDidCatch// 生命周期函数,一旦后台组件报错,就会触发static getDerivedStateFromError(error) { console.log(error); // 在rend原创 2021-05-07 21:42:34 · 340 阅读 · 0 评论 -
render props 如何向组件内部动态传入带内容的结构(标签)?
render props如何向组件内部动态传入带内容的结构(标签)?Vue中: 使用slot技术, 也就是通过组件标签体传入结构 <A><B/></A>React中: 使用children props: 通过组件标签体传入结构 使用render props: 通过组件标签属性传入结构,而且可以携带数据,一般用render函数属性children props<A> <B>xxxx</B></A>{原创 2021-05-07 21:12:07 · 380 阅读 · 0 评论 -
组件优化(解决 Component 的2个问题 )提高效率
Component的2个问题只要执行setState(),即使不改变状态数据, 组件也会重新render() ==> 效率低只当前组件重新render(), 就会自动重新render子组件,纵使子组件没有用到父组件的任何数据 ==> 效率低效率高的做法只有当组件的state或props数据发生改变时才重新render()原因Component中的shouldComponentUpdate()总是返回true解决办法1: 重写shouldComponen原创 2021-05-07 21:10:24 · 518 阅读 · 0 评论 -
Fragment 占位组件 并不会生成一个标签
Fragment表示占位组件 并不会生成一个标签 帮助解决了报错问题 其他什么都不会生成使用<Fragment><Fragment><></>两者的区别是 Fragment 能接收参数 key 可用于循环遍历<> 内不能包含任何参数作用可以不用必须有一个真实的DOM根标签了案例import React, { Component, Fragment} from 'react';// Fragment表示占位组原创 2021-05-07 16:48:20 · 169 阅读 · 0 评论 -
Memo 避免不必要的组件跟随页面更新而进行重新渲染
前言当页面存在多个组件时,其中一个组件进行渲染 ,导致整个页面进行重新渲染 。方法1 使用 shouldComponentUpdate 进行判断// nextProps 下一次组件中的内容 nextState 当前组件中的内容 shouldComponentUpdate(nextProps, nextState) { if (nextProps.name === this.props.name) { // 返回false 不进行页面渲染 return false原创 2021-05-04 13:05:43 · 419 阅读 · 0 评论 -
Lazy 和 Suspense 实现延迟加载(当加载文件失败时使用备用组件)
React.lazy()lazy() 方法接受一个动态 import 函数作为参数,它的作用是将其他组件引入,就像这样:import React, { Component,lazy,Suspense} from 'react'因为 import 被一个函数包裹在内并传递给了 lazy(),在我们真正使用到对应的组件之前它是不会加载的,这和直接在文件的一开始就引入组件是有很大差别的。Block request URL 用来让该文件加载失败ErrorBoundary 错误边界此时就需要使用 Er原创 2021-05-04 12:00:06 · 640 阅读 · 1 评论 -
移动端事件
移动端事件事件类型移动端事件列表touchstart 元素上触摸开始时触发touchmove 元素上触摸移动时触发touchend 手指从元素上离开时触发touchcancel 触摸被打断时触发这几个事件最早出现于IOS safari中,为了向开发人员转达一些特殊的信息。应用场景touchstart 事件可用于元素触摸的交互,比如页面跳转,标签页切换touchmove 事件可用于页面的滑动特效,网页游戏,画板touchend 事件主要跟 touchmove 事件原创 2021-04-22 21:42:09 · 213 阅读 · 0 评论 -
viewport 控制
移动端开发学习内容移动端开发相关基础知识项目案例实战学习目标掌握移动端开发的相关概念和名词设计稿静态化,并适配绝大多数的移动设备移动端特点移动端与 PC 端网页有所不同,有以下几个特点小屏幕触摸交互屏幕尺寸繁多相关概念移动端开发包含一些概念和专有名词,面试题以及以后的工作沟通经常会用到。屏幕相关屏幕大小 屏幕大小指屏幕的对角线的长度,单位一般是英寸。常见的手机屏幕大小 3.5、4、4.7、5.0、5.5、6.0等。常见手机屏幕查看网址 http://sc原创 2021-04-22 21:26:23 · 423 阅读 · 1 评论 -
移动端像素的相关知识点
分享一下好用的网站processon.com一个在线的画图工具iphone6 的参数设备像素 7501334设备独立像素 375667ppi 326普通屏幕下无法表示0.5像素图片的高清处理@media (-webkit-min-device-pixel-ratio:2){ #box{ background-image:url('图片路径') }}@media (-webkit-min-device-pixel-ratio:3){ #box{ background-ima原创 2021-04-22 21:06:19 · 327 阅读 · 1 评论 -
强制杀死进程 偶遇端口被占用 两行代码搞定
以管理员身份打开cmd窗口执行netstat -ano | findstr 3306 命令,可以具体到某个端口例如:584taskkill -PID “PID号” -F强制杀死3. 如果上边命令执行失败 就使用 taskkill /f /t /im “PID号” 干它自我激励人需要不断的激励,只有不断鼓励才能最大限度地展现自己。鼓励是人逆境中前进的马达,只要不断的鼓励自己,就可以保持一往无前的状态。...原创 2021-01-29 15:33:46 · 403 阅读 · 0 评论 -
高级搜索引擎技巧
intitle搜索范围限定在网页标题site搜索范围限定在特定站点中您如果知道某个站点中有自己需要找的东西,就可以把搜索范围限定在这个站点中,提高查询效率。例如:百度影音 site:www.baidu.com“site:”后面跟的站点域名,不要带“http://”。site:和站点名之间,不要带空格。inurl搜索范围限定在url链接中网页url中的某些信息,常常有某种有价值的含义。您如果对搜索结果的url做某种限定,可以获得良好的效果。例如:本兮 inurl:music查询词“本兮”是可以原创 2021-01-27 21:25:02 · 906 阅读 · 0 评论 -
登录 与 退出 功能实现
免费资源路径 :https://download.youkuaiyun.com/download/weixin_50001396/14935706登录建立一个登录页面 (实现基本布局)<template> <div class="login_container"> <div class="login_box"> <div class="avatar_box"> <img src="../assets/logo.png"原创 2021-01-26 22:08:37 · 1293 阅读 · 0 评论 -
每次一更改项目代码 serve 编译就失败 从而导致项目无法正常运行 且代码无异常
遇到的问题解决方法找到项目中的 .eslintrc.js 文件将extends 内的‘@vue/stanard’ 这行给注释掉在rules内 添加代码 ‘space-before-function-paren’: 0最终代码今天的我依旧爱你满心向你却只字不提,口里的不及心里的千分之一。求打击我这个人没什么爱好,就是喜欢被人用言语打击打击。没事,在评论区,尽情的批评我吧~...原创 2021-01-26 18:38:04 · 794 阅读 · 2 评论 -
实现 基于后台接口重构图书管理 案例
案例所需资料资料链接:https://pan.baidu.com/s/1MzN9Jcrz-OLv7GVklK7UXQ提取码:36qe下载后在终端中输输入命令npm installnodemon在浏览器中输入 http://localhost:3000/books.html 来执行文件案例介绍我的上篇文件已经实现了具体的功能:https://blog.youkuaiyun.com/weixin_50001396/article/details/112832910不过之前用的是假数据的方式来实现的原创 2021-01-22 10:25:08 · 494 阅读 · 0 评论 -
实现 列表隔行变色 案例
创建列表隔行变色项目新建项目空目录,并运行npm init -y命令,初始化包管理配置文件package.json新建src源代码目录新建src->index.html首页初始化首页基本的结构运行npm install jquery -s命令,安装jQuery通过模块化的形式,实现列表隔行变色效果在项目中安装和配置webpack运行npm install webpack webpack-cli -D命令,安装webpack相关的包在项目目录中,创建名为webpack.confi原创 2021-01-25 21:19:10 · 1191 阅读 · 0 评论 -
实现 购物车 案例
成品展示案例分析按照组件化方式实现业务需求根据业务功能进行组件化划分① 标题组件(展示文本)② 列表组件(列表展示、商品数量变更)③ 结算组件(计算商品总额)实现步骤第一步静态布局将静态数据重构为Vue组件化的形式(通过Vue.component实现 )在全局组件内 使用局部组件将其三部分分开(components)实现组件化重构用data 和props 实现动态数据传递实现计算功能(第三属性 computed)计算公式 总价= 单价 *数量v-for 循环并填充原创 2021-01-20 15:26:10 · 592 阅读 · 2 评论 -
Vue 调试工具 安装教程(无脑安装)
在谷歌商店里搜索Vue.js devtools将其添加至Chrome添加后即可在扩展程序中查看 并将其开启将其在页面中显示出来如果需要在自己写的文件中使用则可以设置允许访问文件网址最后我们就以在访问自己的文件网址的情况下使用Vue的调试工具了自我激励古之立大事者,不惟有超世之才,亦必有坚韧不拔之志。...原创 2021-01-19 20:59:29 · 922 阅读 · 0 评论 -
2021 最受欢迎的腾讯位置服务
初步了解本产品本产品就是在这个线上线下趋于融合的数字时代,无论你开发的是APP、Web网站,还是小程序,与地图相关的位置服务已经成为开发者工具箱里面的“标配’。包您满意,嘿嘿!腾讯位置服务账号注册地址:https://lbs.qq.com/?lbs_invite=24NXFL2使6用教程详见:https://blog.youkuaiyun.com/weixin_45628602/article/details/108401673建议掌握的知识点有利于后期的使用:https://blog.youkuaiyun.com/ho原创 2021-01-15 07:35:58 · 883 阅读 · 0 评论 -
超实用的浏览器插件 ➕ 零秒搜索
文章目录自我介绍第一印象优势体验以及可改进建议自我介绍我是一个来自河北软件技术学院的技术小白。很荣幸能参加这次评测活动,下面我来为大家阐述一下我对于最近新出的一个chrmoe插件(优快云开发助手)使用的感受。第一印象刚开始下载插件并使用后的反映:以为是Google主页的页面 ,但多多少少又和Google主页页面不一样。多了一些设置,以及更换背景的简单快捷方式。后来渐渐熟悉了里面的功能,之后觉得这插件对于学习技术人员来说 ,可以算是必备神器,既方便又快捷。他的整体设计,简单明了,能让用户轻松上手。原创 2020-12-29 16:49:47 · 969 阅读 · 2 评论
分享