- 博客(20)
- 收藏
- 关注
原创 前端 面试总结
css的选择器有哪些?flex 实现布局 左侧100px固定 右侧两个元素实现1:2布局js执行顺序准确判断js数据类型引用类型?值类型?网络七层?两个超大数值的字符串相加ABC+ACB = BCA 求A?B?C?js解决内存溢出跨域请求defined null 区别document.write 和 innerHtml区别http https协议...
2021-06-10 10:42:47
225
原创 mac jdk安装包
这里是引用链接: https://pan.baidu.com/s/1ueO8DY99XFNzTDuXdX10bA 密码: 7v14–来自百度网盘超级会员V3的分享
2021-02-22 11:09:52
462
原创 数据里加逗号
let formatNumber = function(num) {let reg = /(?=(\B)(\d{3})+$)/g;return num.toString().replace(reg, ‘,’);}
2020-12-29 11:08:11
400
原创 项目引入svg格式图片无效
react中引入svg格式图片无效解决办法import LogoSvg from '../../../public/logo-ant.svg'; <img src={LogoSvg} alt="logo" title="首页" />
2020-12-09 10:27:40
1011
原创 react+antd 项目使用.less以及引入babel-plugin-import实现按需加载
使用react-create-app创建项目一:使用less 使less文件生效1.暴露配置文件yarn eject (这里遇到问题 直接去百度吧 百度的方法都可以解决)下载less less-loader 要注意版本问题 我的less是2.7.3 less-loader是5.0.0yarn add less@2.7.3 less-loader@5.0.02.打开webpack.config.js文件3.添加配置代码添加less的部分大概在60行左右const cssRe
2020-11-27 14:24:27
1056
2
原创 yarn create @umijs/umi-app报错 解决办法
官方文档 里的 yarn create @umijs/umi-app这句话怎是会报错 网上的各种方法都试了还是不行然后!!我就去github上面搜索了一下umi然后就可以了!
2020-11-18 10:33:42
3845
5
原创 JS写倒计时案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>倒计时</title> <script> //倒计时 functio
2020-09-23 07:57:28
184
原创 JS知识点总结
一:初始JavaScript1.什么是JavaScript?JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言。脚本语言:不需要编译,运行过程中由js解释器逐行解释并执行。2.HTML/CSS/JS的关系HTML和CSS属于 标记语言-描述类语言HTML决定页面的结构和内容,CSS给页面添加样式。JS脚本语言-编程类语言JS实现业务逻辑和页面控制(决定功能)。3.浏览器执行JS浏览器分为:渲染引擎和JS引擎渲染引擎:解析HTML和CSS,俗称 内核JS引擎:也
2020-09-21 17:54:36
5427
1
原创 JS闭包以及闭包的应用
闭包闭包(closure)指有权访问另一个函数作用域中变量的函数<script> //闭包(closure) 指 有权 访问 另一个函数作用域中变量的 函数 //闭包:fun这个函数作用域 访问了 另一个函数 fn 里面的局部变量 num fn就是闭包函数 function fn() { var num = 10; function fun() { conso
2020-09-20 15:30:18
177
原创 JS函数内this的指向以及call()、apply()、bind()改变this指向的方法
一:this指向this的指向,是当我们调用函数时确定的,调用方式的不同 决定了this指向的不同,一般是指向函数的调用者调用方式this指向普通函数 调用window构造函数调用实例对象 原型对象里面的方法也是指向实例对象对象方法调用该方法所属对象事件绑定方法绑定事件对象定时器函数window立即执行函数window<body> <button>点击</button> <s
2020-09-20 11:54:24
487
原创 JS函数的定义和调用方式
函数的定义 <script> //函数的定义方式 //1.自定义函数(命名函数) function fn() {}; //2.函数表达式(匿名函数) var fun = function() {}; //该函数没有名字 //3.利用new Function('参数1','参数2','函数体'); 注意要有引号 var f = new Function('a', 'b', 'cons
2020-09-20 09:55:08
253
原创 构造函数和原型、原型链
ES6之前,对象不是基于 类 创建的 ,而是用构建函数的特殊函数来定义对象和他们的特征对象可以通过以下三种方式创建:1.对象字面量2.new Object()3.自定义构造函数构造函数是一种特殊的函数,主要用来初始化对象,即对象成员变量赋值,它总与new一起用,我们可以把对象中的一些公共的属性和方法抽取出来,然后封装到这个函数里。在JS中,使用构造函数需要注意以下两点:1.构造函数用于创建某一类对象 首字母要大写2.构造函数要和new 一起用才有意义...
2020-09-19 08:39:24
112
原创 ES5组合继承
ES6之前没有提供extends继承,我们通过 构造函数+原型对象 模拟实现继承,被称为 组合继承1.call() 调用函数,并修改函数运行时this的指向fun.call(thisArg,arg1,arg2…)thisArg:当前调用函数this的指向对象arg1,arg2:传递其他参数<script> //call 方法 function fn(x, y) { console.log("卡卡卡卡");
2020-09-18 17:33:41
270
原创 JS中的实例成员和静态成员
1.实例成员就是构造函数内部通过this添加的成员 实例成员只能通过实例化的对象进行访问2.静态成员是在 构造函数本身上添加的成员 静态成员只能通过构造函数访问 不能通过对象访问<script> function Star(uname, sex) { this.uname = uname; this.sex = sex; this.sing = function() {
2020-09-18 16:31:11
1513
原创 ES5中新增的数组方法总结
<script> //forEach 迭代(遍历)数组 var arr = [1, 2, 3]; var sum = 0; arr.forEach(function(currentValue, index, array) { //function()里面的参数可以根据自己的实际需求进行填写 不一定都要写上去 console.log('每个数组元素' + currentValue); .
2020-09-18 16:25:47
186
原创 JS缓动动画原理
<body> <button class="btn300">小刘300</button> <button class="btn800">小刘800</button> <div>小刘</div> <script> //匀速动画 就是 盒子当前的offsetLeft + 固定值 //缓动动画 就是 盒子当前的offsetLeft + 变化的值((目标值
2020-08-25 09:19:22
294
1
原创 js动画函数封装(缓动动画)
js动画函数封装//obj:目标对象 target:目标位置 callback回调函数function animate(obj, target, callback) { // console.log(callback); callback=function(){} 调用的时候 callback() clearInterval(obj.timer); obj.timer = setInterval(function() { //(目标值 - 现在的位置) / 1
2020-08-25 09:16:10
293
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人