- 博客(26)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue 路由跳转并打开新页面【详细】
1.路由 { path: '/Login', name: 'Login', title: '登录', component: () => import('@/views/Login'), },2.点击路由跳转新页面<button class="btns" type="button" @click="showLogdialog()">登录</button>methods: { // 登录 showLogdialog(
2021-12-23 09:35:39
10375
原创 Math.round()，Math.ceil()，Math.floor()的区别
1、Math.round() “四舍五入”， 该函数返回的是一个四舍五入后的的整数 double d = 3.1415926; // 结果 3 double d2 = 18.58; // 结果 19 double d3 = -15.23; // 结果 -15 double d4 = -16.85; // 结果 -17 long round1 = Math.round(d); // 结果 3 l
2021-12-10 16:57:31
547
原创 【第3章】3.2 react功能界面组件的组合使用
组件的组合使用1.功能界面的组件化编码流程（通用）拆分组件: 拆分界面,抽取组件实现静态组件: 使用组件实现静态页面效果实现动态组件①动态显示初始化数据(数据类型 数据名称 保存在哪个组件?)②交互(从绑定事件监听开始)2.组件的组合使用-TodoList [小案例]1.我们写一下小案例dome，更好的理解组件化开发功能: 组件化实现此功能如下图所示显示所有todo列表输入文本, 点击按钮显示到列表的首位, 并清除输入的文本2.分析如图所示，我们先分为三大组件Hea
2021-11-26 13:41:33
595
原创 react vscode中快捷键生成编码插件及使用
react vscode中快捷键生成编码插件及使用1.安装 ES7 React/Redux/GraphQL/React-Native snippets插件2.在下面有介绍快速生成模板的快捷键3 键盘Ctrl+F 就可以搜索快捷键具体代表什么比如rcc代表——类组件快速生成模板 rfc代表——函数式组件快速生成模板...
2021-11-26 11:01:36
394
原创 【第3章】3.1 使用create-react-app创建react应用(基于React脚手架)
使用create-react-app创建react应用1.react脚手架（简单快速的编写应用）xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目①包含了所有需要的配置（语法检查、jsx编译、devServer…）②下载好了所有相关的依赖③可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: react + webpack + es6 + eslint使用脚手架开发的项目的特点: 模块化, 组
2021-11-17 11:46:01
794
原创 react简单到精髓笔记大全，快速暴力入门
React笔记大全，先来一篇总的，如果不能完全吸收的同学，可以看我react专栏，每一节都会有对应的小案例和解析React 作为如今三大框架之一，在进行了短期的学习后，整理了一些笔记，做一下分享：，如果有错误，欢迎指出。一、React简介1. 什么是React：React 是一款由 Facebook开发的用于构造用户界面的Javascript库。React 与Vue相比，vue的语法简单易上手，适用于小而精的项目，但是 React在组件上的复用性与设计性上会胜于vue一筹，适用于大型的项目。R
2021-11-16 17:27:49
549
原创 【第2章】2.5 高阶函数、函数柯里化
续上一节拓展一个知识点——高阶函数、函数柯里化1.概念高阶函数:如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。①.若A函数，接收的参数是一个函数，那么A就可以称之为高阶函数。②.若A函数，调用的返回值依然是一个函数，那么A就可以称之为高阶函数。常见的高阶雨数有:Promise、setTimeout、arr.map()等等函数的柯里化:通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。举一个小案例来理解一下函数的柯里化2.案例更好的理解如果按
2021-11-16 16:53:16
95
原创 【第2章】2.5 收集表单数据（受控组件、非受控组件）
收集表单数据1.理解包含表单的组件分类a.受控组件b.非受控组件【输入类的dom（如input框，单选多选框）,现用现取】2.通过一个小案例更好的理解需求: 定义一个包含表单的组件 输入用户名密码后, 点击登录提示输入信息案例（非受控组件写法）案例（受控组件写法）...
2021-11-16 14:50:13
507
原创 【第2章】2.3 组件三大核心属性2: props
组件三大核心属性2: props1.理解每个组件对象都会有props(properties的简写)属性组件标签的所有属性都保存在props中2.作用1.通过标签属性从组件外向组件内传递变化的数据2.注意: 组件内部不要修改props数据更深一步了解如图可发现，只要你传递标签属性，就会收集到props里面props最基本的用法如果信息特别多，上边就会显的繁琐，继续看后边3.小案例需求: 自定义用来显示一个人员信息的组件1.姓名必须指定，且为字符串类型；2.性别为字符串类型，
2021-11-16 10:30:22
500
原创 【向后台传日期区间】Vue+Element-ui+DateTimePicker 日期时间选择器往后台传日期区间的问题
需求：根据给定日期的范围查询，将日期传给后端1.首先使用elementui中时间选择器 <el-form-item label="时间选择:"> <el-date-picker v-model="params.date" type="daterange" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd"
2021-11-04 16:30:12
9537
3
原创 【浅谈深浅克隆/深浅拷贝及应用场景】react点击提交 修改后的数据未提交有延迟
深浅克隆一、react项目中遇到的问题：**1.描述：**如下图 点击提交，数据有更新但【集装箱号未更新，提交之后还显示在页面】，刷新页面才提交成功2.问题：修改集装箱号这里的数据没有深克隆**3.解决：**在修改的时候用深克隆SON.stringify() condom[0].innerHTML="<input value="+ JSON.stringify(condom[0].innerText) +" />" 二、我们来谈一下深浅克隆：1.概念：什么是深克隆，什么是浅克
2021-11-04 13:23:10
464
原创 【摄像头、视频使用】vue-video-player视频播放器 宽高问题，有黑边，视频全铺满问题
1.npm安装npm install vue-video-player --savenpm install videojs-contrib-hls --save2.视屏全铺满代码/deep/ .video-js .vjs-tech { object-fit: fill;}/deep/ .vjs-poster { background-size: cover;}所有代码dome<template> <videoPlayer class="vide
2021-11-01 16:03:05
3062
原创 CSS渐变色，多种样式可选
渐变色： .box1{ width: 200px; height: 50px; background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%); } .box2{ width: 200px; height: 50px; background-image: linear-gradient(-90deg, #29bdd
2021-11-01 14:35:10
152
原创 CSS3的calc()使用无效 ，警告提示“invalid property value”
错误写法：calc(100%-200px)但是在写入后在前端页面却并未生效，警告提示“invalid property value”，正确写法：calc(100% - 200px);保留一个空格后来在一个在线的CSS参考手册里找到了我想要的答案，原来在用calc的时候运算符前后都需要保留一个空格，否则表达式不生效。css参考手册：https://www.w3school.com.cn/cssref/func_calc.asp...
2021-09-30 16:30:48
1295
1
原创 vue中elemenui中el-table表格（修改表头背景色，每一行为小手状态）
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-09-17 15:06:54
1301
原创 get post及区别
HTTP请求方式 **- GET系列** + GET + DELETE 一般用于告诉服务器删除某些信息 + HEAD 只获取响应头的内容。响应的主体内容不想要 **- POST系列** + POST + PUT 和DELTE是相对应的，告诉服务器要存储某些东西 + OPTIONS 试探性的请求，给服务器发送个请求，看看服务器能不能接收到，如果接受到能不能正常的返回 以上这些请求就是为了请求的语义化，其实没有
2021-01-07 23:59:32
140
1
原创 本地存储的几种方式cookie、localStorage、sessionStorage
本地存储：一、cookiecookie算是比较早的技术，最初是为了记录http的状态，提高访问速度。cookie是服务器"种植"在客户端的key-value形式文本文件。但同时客户端也能操作cookie。特点：大小：cookie的大小限制在4k。每个域名下cookie的个数现在在20个。在客户端请求服务器端和服务器响应时，cookie始终被携带在http请求中，即使不需要(造成流量浪费)。这也是限制cookie大小的原因。客户端可以通过document.cookie操作cookie，并不安全。
2021-01-06 22:29:02
976
原创 关于ajax
# 关于ajax1、四步：可以理解为（创造了一个人，让他通过什么方式（怎么去）地址（去哪），配了一个电话，有什么事和我说一下，送走）let xhr = new XMLHttpRequest; // 创建一个ajaxxhr.open('get','./data.json',true); // 打开一个请求xhr.onreadystatechange = function(){} xhr.send(); // 发送一个请求2、readyState有5个值创造出实例的时候readyState就是0
2021-01-05 23:12:21
86
原创 汉字转码和解码的使用
# 汉字转码和解码的使用http://www.baidu.com:8080/box/index.html?card=中国在发送请求的时候，如果出现汉字了，最好给他转一下1、encodeURI 转码 decodeURI 解码（escape和unescape）encodeURI('http://www.baidu.com:8080/box/index.html?card=中国')转码："http://www.baidu.com:8080/box/index.html?card=%E4%B8%AD%E
2021-01-05 20:30:10
1679
原创 url的组成部分
客户端：能够向服务端发送请求，还能够把服务端反馈的数据进行接收和处理服务端：能够接收客户端的请求，请求把相应的数据返回给客户端https://credit.baidu.com:80/bkrcredit/cardList?fbank=3017&nf=fbank#index协议:(https://):传输协议就是能够把客户端和服务端通讯的信息进行传递的工具http:超文本传输协议，除了传递文本，还可以传递媒体资源文件以及XML格式数据https：更加安全的http，一般涉及支付的网站都要
2021-01-04 23:55:39
244
1
原创 关于http：（http报文）（http状态码）（强缓存、协商缓存）
# http1、http事务 http请求：都是指的一次完整的http请求（请求+响应）2、http状态码1~5开头的三位数字- 200 OK：成功- 201 CREATE：一般应用于告诉服务器创建一个新文件，最后服务器创建成功以后返回状态码-- 204 NO CONTENT：对于某些请求(例如PUT或者DELETE)，服务器不想处理，可以返回空内容，但是这次请求也是成功的，返回状态码是204- 301 ：永久重定向 一般用于域名的迁移- 302 ：临时重定向 (比如服务器压力比较
2021-01-04 23:27:59
898
原创 前端性能、代码方面优化的几个点：
优化前端性能优化的几个点：1、放弃传统的操作DOM的时代基于react、vue去写你的项目，(特点是数据影响视图的模式，框架内部操作的是虚拟的DOM，还会进行DOM-diff的对比)2、DOM操作的读写分离现代版的浏览器有一个"渲染队列"的机制，如果发现某一行要修改元素的样式，不会立即进行渲染，他要看看下一行是否还要进行元素样式的修改，如果是，那就把上一次的修改样式放到渲染队列里，这个过程一致持续到不是修改样式的操作为止，整体进行一次渲染引发一次回流， box.style.width =
2021-01-02 11:31:30
330
1
原创 浏览器解析url（三次握手四次挥手）
浏览器解析 URL 过程1、用户输入 URL 地址（解析url并发送URL请求）2、对 URL 地址进行 DNS 域名解析获得IP地址。3、和服务器建立 TCP 连接（三次握手）。4、把客户端信息传递，浏览器向 web 服务器发送一个 HTTP 请求报文。5、服务器收到并处理请求，返回 HTTP 响应报文给客户端。6、和服务器断开关闭 TCP 连接（四次挥手）。7、客户端渲染服务器返回的内容，浏览器解析文档资源并渲染页面。TCP 三次握手与四次挥手[什么是 TCP 呢？TCP（Tran
2020-12-31 13:29:28
930
保留整数后还是有好多位小数，怎么处理，用parseInt,Math.round都不管用
2022-04-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人