- 博客(19)
- 收藏
- 关注
RSS订阅原创 在JS中处理由于浮点数之间的运算导致的丢失精度问题
此方法是我通过在通过java处理相同问题时得到的启发，我发现它是通过new关键字去构造一个。实例，然后所有的加减乘除都通过这个实例暴露出来的方法去实现的。
2023-10-09 15:03:30
58
原创 React知识点回忆（五）之事件处理
React 元素的事件处理和 DOM 元素的很相似，但是有一点语法上的不同：React 事件的命名采用小驼峰式（camelCase），而不是纯小写。使用 JSX 语法时你需要传入一个函数作为事件处理函数，而不是一个字符串。例子一：渲染一个表单使之可以在无跳转下请求数据 <script type="text/babel"> class CreateRef extends React.Component { state = {
2021-10-04 22:40:57
95
原创 React知识点回忆（三）
一、组件 & State1、在类组件中初始化 state （函数组件不存在state）写法一：class Cpn extends React.Component { constructor (props){ super(props) this.state = {} } render (){ console.log(this) return ( <div> <p>Hello React<
2021-09-28 19:44:32
95
原创 React知识点回忆（二）
一、组件 & Props1、在函数组件中使用 props<!DOCTYPE html><html lang="en"><head> <!-- 定义字符编码 --> <meta charset="UTF-8"> <!-- 引入react核心库 --> <script src="https://unpkg.com/react@16/umd/react.development.js"></sc
2021-09-28 13:39:47
209
原创 React 知识点回忆（一）
一、React是什么？React 是一个用于构建用户界面的 JavaScript 库。二、在网页中使用React<!DOCTYPE html><html lang="en"><head> <!-- 定义字符编码 --> <meta charset="UTF-8"> <!-- 引入react核心库 --> <script src="https://unpkg.com/react@16/umd/react
2021-09-27 19:52:23
103
原创 2021-09-26
flex布局1、回顾IE盒子模型：box-sizing: border-box;css变量:root { --color: #333;}#box { color: var(--color);}定义文本在元素内进行垂直居中（原理：行高等于元素的高度）假设元素的高度为60px可以这样设置：line-height: 60px;定位<!-- 模拟float：left、right的功能 --><style> /* 遵守子绝父相的原则 */
2021-09-26 22:14:53
68
原创 2021-09-25
一、过渡、变形和动画（transition、transform、animation）1、transition 过渡transition-property 用于定义需要进行过渡的属性transition-duration 用于定义完成过渡动画所需要的时间transition-timing-function 用于定义过渡的贝塞尔曲线，linear、easetransition-delay 用于定义进行过渡动画前的延时过渡时携带所有属性进行过渡动画可以通过以下这两种方式：transition:
2021-09-25 16:35:44
70
原创 一道javascript题，揭示自己的基础究竟有多弱？
题目：let i = 1;i = i ++;console.log(i) // 1先说一下在作者解题时错误的解题思路： 1、由于i是后缀自增，所以i ++的返回值是1 2、在后面打印i的时候，i由于前面的自增，所以结果应该是2正确解答： 1、由于i是后缀自增，所以i ++的返回值是1 2、因为自增是比赋值运算符更加优先的，所以赋值的之前已经进行过自增了，所以拿到的结果是i ++的返回值1...
2021-08-10 12:48:15
71
原创 从零到一的nuxt编程（1）
一、SSR和CSR的区别1、SSR全称：Server side render解释：将组件或页面通过服务器生成html字符串，再发送到浏览器，简单理解下来，发了一个请求，服务器返回的不是接口数据，而是一整个页面的HTML结构，再结合界面之前定义的CSS把页面展示出来优点：1、例如SEO–因为访问一个请求，返回的就是页面全部的HTML结构，包含所需要呈现的所有数据，于是例如搜索引擎或者爬虫的数据抓取2、目前使用MV*架构的项目，大都是前后端分离，数据都是动态生成，不利于SEO优化3、利于首屏渲
2021-08-01 22:26:18
179
原创 Typescript从入门到入土，手撕Typescript（2）
Ts编译选项1、自动检测ts文件的变化tsc ./index.ts -w2、创建tsconfig.json文件1、手动创建2、通过命令行创建：tsc --init创建成功后，可以直接输入tsc即可编译该目录下的所有ts文件，输入tsc -w可以监听该目录下所有ts文件的变化3、include和exclude选项{ // 哪些ts文件需要被编译 "include": [ "./src/**/*" // *表示任意文件，**表示任意目录 ], // 哪些ts文件不需要被编译
2021-08-01 18:45:29
84
翻译 Typescript从入门到入土，手撕Typescript（1）
Typescript一、Typescript是什么？1、TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。2、TypeScript 由微软开发的自由和开源的编程语言。3、TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。二、Typescript的语言特性有哪些？类型批注和编译时类型检查类型推断类型擦除接口枚举Mixin泛型编程名字空间元
2021-08-01 15:55:39
65
原创 如何通过一个桥梁文件来让组件注册更加优雅？
如何通过一个桥梁文件来让组件注册更加优雅？在components文件夹下有如下结构：NavTabUsersList.vueRightsList.vuePositionList.vue1、在NavTab目录下创建一个桥梁文件index.js// 引入NavTab目录下的所有vue文件import UsersList from './UsersList.vue'import RightsList from './RightsList.vue'import PositionLi
2021-07-30 19:00:05
57
原创 component组件中的is属性居然有大用？
component组件中的is属性的用法（动态组件渲染）因为在无序列表中直接放置组件会导致渲染出来的DOM会被放置在无序列表的外层，所以需要通过使用li标签并通过is属性来渲染相应的组件，这样渲染出来的组件就不会渲染到其他位置上了。<template> <div id="box"> <ul> <li v-for="(cpn, index) in $options.components" :is="cpn" :key="index"><
2021-07-29 22:01:47
950
原创 通过javascript封装一个getType函数能够获取所有不同的数据类型，例如Symbol，null，object等
通过javascript封装一个getType函数能够获取所有不同的数据类型，例如Symbol，null，object等1、javascript代码const getType = data => { // 先判断该数据是否是基本数据类型，成立则将其类型返回 if (typeof data !== 'object') return typeof data // 获取该数据的数据类型 const data_type = Object.prototype.toString.call(da
2021-07-29 18:05:48
764
原创 在干前端工作中遇到的那些好用的软件
在干前端工作中遇到的那些好用的软件、插件1、vscode这是一款好用的编辑器，不仅仅可以用于编写前台语言，同时还可以编写后台语言，更加不错的是可以根据自己的需求安装各种好用的插件。2、postman用于测试后台所搭建的API接口3、eolinker用于编写API文档，同时在里面测试API接口，还可以邀请你的小伙伴协作开发，强烈推荐。4、apiDoc能够快速生成api文档...
2021-07-28 17:36:04
156
原创 Element UI的Form组件中使用Form Item的error属性主动弹出错误提示居然有大坑？
Element UI的Form组件中使用Form Item的error属性主动弹出错误提示居然有大坑？就在今天，缠绕着笔者多时的问题终于得到了解决，于是乎便急急忙忙跑过来把这个心头大恨写下来，以防以后再次遇到，不知道该如何解决。废话不多说，直接说问题：笔者希望借助element-ui在点击确认按钮之后，再弹出【密码错误，请重新输入】由于，笔者是一个小白，所以解决问题的方案会比较愚蠢。在解决之前，笔者一度认为：解决方案应该是在密码验证成功之后添加一条验证规则，然后再主动去触发这条验证规则，
2021-07-27 17:22:11
3093
原创 如何在Vue项目中使用Echarts水球图？
如何在Vue项目中使用Echarts水球图？1、安装水球图所需的依赖包// 一、下载Echarts图表库和相关依赖文件（以下两种安装方式，可以随意选择）// npmnpm i -S echartsnpm i -S echarts-liquidfill// yarnyarn add echarts -Syarn add echarts-liquidfill -S// 二、在需要用到水球图的组件引用它们// 1、引入echarts图表库import * as echarts fro
2021-07-27 12:08:19
1697
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人