- 博客(22)
- 收藏
- 关注
原创 解决 Minified React error #152;
Since CRA 3.4.1 Probably a babel issue The following code raise an error on built version : import React from 'react'; const Component = props => { return ( // a comment <div> toto </div> ); export defa
2021-08-16 15:53:54
2994
原创 因为在此系统上禁止运行 脚本的报错解决。
命令行代码set-executionpolicy remotesigned 参考:https://huangfuyk.blog.youkuaiyun.com/article/details/105437317
2021-05-27 16:18:23
254
原创 jQuery使用自定义属性查找元素
<div myattr="test"> 不重要的文本 </div> 使用$(“div[myattr=‘test’]”)进行选择 实际情况中使用 <div id="selectRadio"> <span class="single-box" data-value="0">文字1</span> <span class="single-box" data-value="3">文字2</span> <span cla
2021-04-08 15:34:48
1883
原创 echarts相关笔记
y轴坐标放中间 在option的yAxis属性中设置 nameRotate: 90,nameLocation:'middle', y轴横向摆放,名字到坐标的距离nameGap: 20
2021-02-24 11:26:40
258
原创 Promise + 事件循环
Promise + 时间循环 怎样实现一个promise? 1.promise是一个类,类中需要一个executor执行器,默认会立即执行。(相当于直接在栈中执行,是一个宏任务。而then后面的微任务,当一个宏任务执行完成后就会清空事件队列中的微任务,详解见下文事件循环机制) 2.promise内部会提供两个方法,注意不是原型上面的,这两个方法会传给用户,可以更改promise状态 3.promise有三个状态: 等待(PENDING) 成功(RESOLVED)返回成功的结果,如果不写结果返回undefi
2021-02-03 16:26:49
852
原创 学习hook笔记(使用工具沙盒)
1.初学hook 引入 import React, { useEffect, useState } from "react"; 举个简单的例子(点击按钮加一) 在js文件中直接使用一个自定义hook const useFun = (a) => { // 函数设置数组中第一个值是变量,第二个是改变边变量值的函数,后面括号中值为初始值 const [count, setCount] = useState(a); // 自定义一个函数,书写逻辑代码 const add = () =>
2021-01-29 14:59:56
341
原创 Vue $nextTick的简单使用
<template> <section> <h1 ref='hello'>{{ value }}</h1> <div @click='get'>点击</div> </section> </template> <script> export default { da...
2021-01-29 11:05:13
137
原创 IE8常见问题及解决方法
一、CSS方面 1.伪类选择器first-child兼容IE8,其余同类型选择器不兼容 该方法表示找到该元素的父元素下的第一个子元素,匹配 的父元素的第一个元素 p:first-child { background-color:skyblue; } 2.如果元素的宽度是由min-width决定的,则浏览器会忽略box-sizing: border-box 3.不兼容动态计算长度值函数calc() 只能使用js计算 4.不兼容background-size 可以使用前景图或者等比例大小的背景
2021-01-28 17:27:06
845
原创 学习BFC之后,页面左右布局等高操作
1.外盒子使用flex触发BFC,内盒子其中一个使用任意方式触发BFC即可,另一盒子使用flex:1布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&g
2021-01-26 11:58:52
209
原创 使用AMD+nodejs+Jquery,兼容ie8笔记
jquery 查找已经选中的下拉框/select <select id="selectId"> <option value="">全选</option> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3">选项3</option> </select> // 获取selec
2021-01-20 16:30:22
301
转载 Git的基本使用(一)
[工具](javascript:) [git](javascript:) 创建时间:2019-11-21 17:13 字数:1.5k 阅读:1157 评论:3 本文主要介绍Git,实现基本的代码托管,适合初次接触Git的开发人员,高级用法请查阅后续文章。 Git is a free and open source distributed version control system Git是一个...
2020-08-21 14:54:27
221
原创 工作中积累的代码优化,技术栈react、组件antd,工具underscore(自用可参考,不定期更新)
这块儿经验来自于代码优化 判断条件学会精简 判断条件不同结果相同可以使用&&连接 判断条件满足其中之一可以使用|| 能够合并的代码就要合并 模块化,组件化思想 请求参数和返回数据处理差不多的情况下就要学会合并,譬如:新增和修改可以共用一个方法,req、url和提示语可以根据类型来定义,另外req请求多传参数也不会影响后端处理; 发送请求前的数据验证可以单独封装一个函数来处理,可以参考管理员管理模块的新增和修改; 样式需放到css里面,统一管理 合理使用参
2020-08-11 09:29:12
403
原创 使用input框获取中文,用于搜索
知识点详解 addEventListener EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget上,当该对象触发指定的事件时,指定的回调函数就会被执行。 事件目标可以是一个文档上的元素 Element,Document和Window或者任何其他支持事件的对象 (比如 XMLHttpRequest)。 一个元素可以绑定多个事件。 **addEventListener()**的工作原理是将实现EventListener的函数或对象添加到调用它的Even
2020-07-10 13:54:21
584
转载 async await (前提是熟悉promise)
概念 async函数其实是Generator的语法糖。async函数就是将 Generator 函数的星号(*)替换成async,将yield替换成await,仅此而已。async函数可以看作多个异步操作,包装成的一个 Promise 对象,而await命令就是内部then命令的语法糖。 优点 1.内置执行器 Generator的执行是分两步的,必须要先执行函数本身得到一个遍历器对象再通过yield来执行,而async函数自带执行器。也就是说,async函数的执行,与普通函数一模一样,只需要直接调用即可。
2020-06-19 17:39:05
365
原创 闭包的原理及图解&继承的分类及特点
函数在创建的时候会创建两个对象,一个是函数对象本身,另一个是作用域链对象 函数在调用的时候会创建一个执行环境对象(活动对象) 闭包( closure ) 问题:全局变量和局部变量各自有什么缺点? 全局变量:在函数体外定义的变量,每个函数都能使用修改,就会造成全局污染 局部变量:在函数体内定义的变量,只有当前函数能使用,但是不能在全局重复使用 既能重复使用...
2020-06-19 16:32:18
354
原创 看了那么多介绍,终于看懂面向对象&原型链!!!
面向对象 首先,我们要明确,面向对象不是语法,是一个思想,是一种 编程模式 面向: 面(脸),向(朝着) 面向过程: 脸朝着过程 =》 关注着过程的编程模式 面向对象: 脸朝着对象 =》 关注着对象的编程模式 实现一个效果 在面向过程的时候,我们要关注每一个元素,每一个元素之间的关系,顺序,。。。 在面向过程的时候,我们要关注的就是找到一个对象来帮我做这个事情,我等待结果 例子 ????: 我要...
2020-06-17 17:29:08
204
原创 我的工作微信小程序
文字两行显示,其余隐藏 display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
2020-06-16 16:40:32
196
原创 我与React的工作缘分
数据动态渲染 import { getData } from "./../../api/index"; // class中 componentDidMount () { getData().then(res => { console.log(res.data.body.list) this.state.list = res.data.body.list }) } 数据遍历输出 render() { return ( &
2020-06-12 18:00:51
149
原创 JS基础(包括对象,构造函数执行过程,继承原型对象等)
语义化标签 IE8及以下的标签兼容问题解决方案 会认为是自定义标签 1、通过jsl来实现 document.createElement("nav"); 设置高度背景色以及最重要的 display:block(默认转换为行内元素,需要将元素转换为块级元素) 2、通过js插件解决 sublime text3插件大全可查找 3、最佳解决方案 判断浏览器是否小于IE8,如果小于引用js插件,不小于则不用(...
2020-05-14 21:35:42
159
原创 前后端交互详细步骤+http协议详解
前后端交互 浏览器输入域名到页面显示完整的流程 1.浏览器输入地址比如http://www.baidu.com,根据域名和端口号通过DNS解析成IP地址 2.根据IP地址以及端口号找到对应的服务器 协议三次握手和四次挥挥手 http的默认端口号80 https默认端口号443 mysql默认端口号3306 3.服务器接收到来自前端的请求,分配到对应路由‘/’ 4.在路由里取到对应的文件。例如 in...
2020-02-27 10:52:42
9758
3
原创 nodejs中express中js代码详解
app.js //引入http的报错模块 var createError = require('http-errors'); //引入express模块 var express = require('express'); //引入path核心模块 var path = require('path'); //引入解析cookie的模块 var cookieParser = require('cook...
2020-02-26 17:03:34
448
原创 ES6(常用的、重点的知识点)
数组API、正则API、字符串API都不讲 模板字符串 模板字符串的基本用法 var s1 = `abc` 模板字符串的优势: var obj={ name:"",age:5 }; var s1 ="我叫:"+obj.name+",今年:"+obj.age+"岁。" 解构赋值 对象的解构赋值 var obj={name:"张三",age:18} ...
2020-02-21 11:27:35
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅