- 博客(15)
- 收藏
- 关注
RSS订阅原创 js instanceof原理,并用代码表示
instanceof原理： 例如 f instanceof Foo，顺着f.__proto__向上查找，看能否找到Foo.prototype。找到返回true 找不到返回false。
2024-07-25 11:50:22
31
原创 css解决video标签 poster封面图大小适配问题
问题描述：视频尺寸和视频封面图尺寸不相同时，封面图只能展示一部分，没有按照视频的尺寸展示。例如： 解决方案：提示：这里填写该问题的具体解决方案：例如：新建一个 Message 对象，并将读取到的数据存入 Message，然后 mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget();换成 mHandler.sendMessage()。@Override public void run() {
2021-10-22 15:20:15
6821
5
原创 vue项目中使用svga格式文件
项目场景：最近开发中，遇到一个场景：产品想要增加一些可后台上传的动画效果，本想用git格式图片，但由于git格式图片有各种缺陷，因此设计选用了svga格式问题描述：由于svga并不是某种image格式，因此不能直接展示，需要通过一些插件去解决，其本质还是使用canvas去绘制动画，这里使用svgaplayerweb来进行一个基本的绘制。首先安装依赖：// 安装npm install svgaplayerweb --save// 引入svgaplayerweb插件import SVGA f
2021-10-19 18:40:04
3533
原创 雪域高原 圣地净土
雪域高原 圣地净土——记我的西藏之行作为中学地理教师的我，最大梦想是游遍祖国的山山水水，特别是大西北茫茫沙漠与戈壁，大西南巍巍雪山与冰川。2020年的暑假，我和爱人自驾去了青海、甘肃、宁夏、内蒙古等地，遗憾的是因新冠疫情原因没有进入新疆地界。遗憾也是一种美，魂牵梦绕着我一定要踏入天山南北。2021年暑假，高考早早结束，我的西藏之行也做了准备。6月28日凌晨2:12分，在徐州站我和爱人登上了从上海开往拉萨的Z165列车，开启了我的圆梦之旅。28日晚上21:00分在西宁站换乘了一列“有氧火车”，到达格尔
2021-07-12 17:41:55
169
原创 vue中用echarts 绘制geo 中国地图
前言由于5.X版本的echarts没有了map包，因此我先安装了5.1.1版本，再安装了4.9版本，并将4.9版本中的map包复制到了5.1.1版本里。绘制效果如下：1、省份根据数据值，展示不同颜色。2、具体城市展示大小不同的点3、前五名城市展示涟漪效果4、支持省份可点击1、按需引入依赖// 第一步import * as echarts from 'echarts/core';import china from 'echarts/map/json/china.json' //重点，
2021-06-17 11:56:38
2971
原创 Cannot find module ‘webpack-cli/bin/config-yargs‘ 处理webpack5升级问题
问题场景：webpack5+版本中在使用webpack-dev-server打包时，报错 Cannot find module ‘webpack-cli/bin/config-yargs’解决方案：在webpack5版本中，报这个问题，并不是webpack-cli和webpack-dev-server版本不兼容的问题,而是在5+版本中并不是以webpack-dev-server运行。"scripts"：{ "start": "webpack-dev-server --open", }而是以
2021-06-08 17:01:46
261
原创 webpack 自定义一个 loader
webpack 自定义一个 loader核心：loader本身就是一个函数，根据获取的参数，返回一个修改过的结果以最简单的hello world 为例，写了2个loader： asyncReplaceLoader 和 replaceLoader。第一步：异步的asyncReplaceLoader 先执行，将’world’改为‘big boy’,第二步：再由同步的replaceLoader执行，将’big’改为 options中name的值最终打包完会输出‘hello abc boy’inde
2021-06-07 12:02:37
139
原创 百度前端一面面试题
百度一面面试题最近遇到的一波面试题，分享一下（答案自己百度吧）1、移动端适配2、meta标签 里面缩放比例是谁和谁的比例3、怎么画一个宽度50% 高度相等的正方形，为啥padding 50%可以画正方形4、怎么实现0.5px的边框，伪类又是咋实现的5、script标签 defer charset 属性作用和为什么6、http缓存，比如304啥情况7、promise解决什么问题，catch有问题的时候怎么解决，async await 怎么处理报错8、说说模块化,通过什么实现的，commonj
2021-05-27 20:33:11
287
原创 前端 手写ajax
ajax是日常开发最常用的，写两种，最简易版和promise版注意 xhr.readyState 和 xhr.status 的取值具体可以去文档查看https://www.w3cschool.cn/ajax/最简易版function ajax(url, callback) { // 不考虑IE6 const xhr = new XMLHttpRequest() xhr.open('Get', url, true) /*规定请求的类型、URL 以及是否异步处理请求。 method：请求的
2021-01-14 09:49:57
131
原创 前端 手写深拷贝
手写深拷贝主要分四步：1、判断数据类型2、初始化返回的数据格式3、判断当前拷贝的属性是否是其原型上的属性4、递归逐层调用function deepClone(obj = {}) { // 判断数据类型 if (typeof obj !== 'object' || obj == null) { return obj; } // 初始化返回结果 let result; if (obj instanceof Array) { result = [] } else { resu
2021-01-14 08:54:33
165
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人