- 博客(34)
- 收藏
- 关注
RSS订阅原创 TypeError: Cannot read properties of null (reading ‘isCE‘)
在 package.json 文件中，版本号前的 ^ 符号表示在安装时可以接受兼容性更新。在网上查询多次发现大家说的大体上都是与vue版本不同有关，可是我在自己的项目中检查后发现vue的版本是一致的，并不存在。版本是3.2.25，而我的版本比之高些，于是便将自己的版本降下来，这一次成功解决了问题，所有组件也正常显示了。以上便是我遇到情况，以及解决方法，如果你也遇到了，或许可以从组件库支持的。最后去看组件库的官网的时候，发现上面的。在使用的过程中出现了标题中的报错。版本入手查看，检查是否与你的项目。
2024-04-09 14:11:13
2679
原创 clip-path（polygon的用法）
这个是我作的朝右向的箭头，里面总共有六个逗号，将逗号区分开的话，那就是7组数据，看图。看图的话就直观很多了，其实polygon中填写的就是多边形的每个。最近需要做一个可以有加载效果的箭头，然后就发现了。这个属性，这里不多赘述，只讲其中的。还用其他属性，大家可以查查看。（多边形）的用法，先上代码。
2024-04-09 14:01:48
1546
原创 typescript报错 ***are only available when targeting ECMAScript 2015 and higher
在使用ts中的私有变量时，报错了error TS18028: Private identifiers are only available when targetingECMAScript 2015 and higher.我想，大家应该都知道可以用tsc ***.ts -t es5去解决这个问题。但是很可惜，我在私有变量遇到这个问题的时候，用这个命令依然无效...
2022-05-23 15:30:36
2606
原创 利用css做时钟
在网上看到的一种利用css3做出定时器的方式，就把他记录下来，偶尔可以翻出来看看。代码如下：html代码<div class="timer"> <span class="hours"></span> <a class="split">:</a> <span class="minutes"></span> <a class="split">:</a> <
2022-05-06 16:06:25
1303
原创 前端代码优化（持续整理）
会有这个问题，是因为一些良好的代码风格不仅可以让自己舒服，也可以让后继者容易查看，不会揉成一坨或者是长短不一，极奇难查看。如果有刚入门的小伙伴，下面的内容可以做一个参考。如果有不妥的地方欢迎指出。1、变量名变量名是很重要的一部分。所以我们一般要尽可能地让我们的变量名有意义，比如名字，一般会是name，自我感觉是想这种简短的单词就不用再缩写了，也就是不用写成n；多个单词组成的变量名，可以使用驼峰的方式，比如userName。常量变量可以是USER_NAME这样的写法最为重要的是，请不要一段代码下来
2021-11-29 15:03:09
356
原创 关于eslint遇到的报错信息以及解决方法
1、 Duplicate key/ Duplicated key存在重复声明的key值，视情况解决（PS：在uniapp中// #ifdef H5test: 1// #endif// #ifdef MP-WEIXINtest:2// #endif这样的情况也会报错）2、 Parsing error: x-invalid-end-tag vue/no-parsing-error这种报错是因为vue将标签渲染为原生标签的时候，有些标签是自闭合的，所以有end标签会报错解决方法是设置规则
2021-11-12 17:00:46
16488
2
原创 uniapp——uni.createSelectorQuery()在微信小程序获取不到节点信息
在开发中使用uni.createSelectorQuery().select('.test')的时候拿不到我想要的节点解决方法：需要使用.in()方法选取绑定范围uniapp官网地址即uni.createSelectorQuery().in(this).select('.test')
2021-11-03 14:44:39
3853
原创 娱乐性网站
https://humanbenchmark.com/tests/reactiontime可以测试自己的反应速度neal.fun/deep-sea/可以看到有关深海的一些的生物cbaigui.com/中国妖怪百集chp.shadiao.app/彩虹屁生成器，可以生成夸人的言语https://lab.bangbang93.com/wsyw一个成语接龙的网站，最终都会是“为所欲为”cn.similarsites.com/寻找类似网站的工具网站，比如输入知乎的时候，会..
2021-09-15 15:02:56
6442
原创 前端会使用的一些工具
1. Moment.js是一个日期处理库类可以用来对日期的格式化处理，例如2.Lodash是一个一致性，模块化、高性能的javascript实用
2021-08-20 14:00:23
138
原创 await和async的关系
asyncasync的右面必须是一个函数，当加上async的时候，函数的返回值将会是一个promise对象。awaitawiat的右面是一个表达式，不一定需要是一个被async定义的函数，可以是一个普通函数，例如fn1 () { return 1}async fn2 () { return new Promise((resolve, reject) => { resolve(2) })}await fn1()await fn2()这样的两种写法都是可以的。区别在于，如
2021-06-16 15:57:54
223
原创 URL是什么？
URL（Uniform Resource Locator），统一资源定位符，用于定位互联网上的资源，俗称网址。scheme://host.domain:port/path/filename各部分的解释：scheme：定义因特网服务的类型。常见的协议有http，https，ftp，file，常见的类型是http，而https则是进行的加密的网络传输；host：定义域主机，http的默认主机是www；domain：定义因特网域名，比如w3school.com.cn；port：定义主机上的端口号，ht
2021-03-19 11:47:03
235
原创 vuecli2.0引入less报错
1、错误一该错误是因为在webpack的配置和/build/utils.js下的配置冲突发生冲突了webpack.base.config.js中在/build/utils.js中解决该错误的方法是将webpack.base.config.js中红框部分去除。2、错误二报错原因是less-loader的版本过高，卸载后降低less-loader的版本即可...
2021-03-02 15:54:23
309
原创 ElementUI布局不生效，引入部分组件
按照官方文档的例子：一、下方例子是在子组件中引入部分elmentui的组件，而非在全局中引入部分组件的方式因为是引入部分组件，所以按照习惯这样写了：import { ElContainer } from 'element-ui'... // 省略了其他部分，只展示components部分components: { ElContainer}...结果布局不仅没有生效，还报错说组件没有注册。于是乎看了elementui导出的组件名字：export default {..., Cont
2021-03-02 14:40:47
1620
原创 跨域问题
在跨域的时候要留意：1、如果是协议和端口造成的跨越问题，前端是无法处理的；2、跨域进行判断的时候，仅仅是对比“URL的首部”，而不会根据域名对应的ip地址进行比较，“URL首部”指的是协议+域名+端口。比如：http://www.test.com:8080对应的是http://127.0.1.1:8080，是否跨域并不会根据后者进行判断。3、跨域的时候请求是会发送出去的，服务器也是能够接收到请求的，只不过是返回的结果被浏览器截断了。4、表单是可以发起跨域请求的，因为表单并不会获取新的内容；而aja
2021-02-23 17:15:14
308
原创 UC浏览器图片没有显示
解决方案UC浏览器图片没有显示，可能是因为设置中设置了广告拦截，即链接地址中出现了UC不允许的敏感词汇，如“ad”。故事起源===一直以来都不知道的一个问题，如今发现了。。。缘由是我用了这么一个样式background-image: url(/ad/xxx.png);在我的浏览器上可以实现xxx.png这张图片以背景图片的形式显示在我的页面上，但是A君的电脑上不行，我怀疑是浏览器的问题，所以我询问了A君的浏览器是什么；不愧是A君，没有让我失望，他用的是UC浏览器，但是我也已经提前尝试了UC浏
2021-01-30 09:27:33
1581
原创 js跨域下载图片
有一个常见的需求，就是下载图片。以以往的经验，使用了a标签的方式进行了下载。如下<button @click="downloadPic">下载</button>donloadPic () { let url = 'http://a.b.com/test.png' let a = document.createElement('a') a.src = url a.download = 'download.' + url.slice(url.lastIndexOf('.'
2020-12-10 10:08:36
7405
8
原创 js设置setter的时候超出范围
有时候，我们在设置一个对象的属性的时候，需要对赋予的值进行一些变化，例如设置一个对象的a属性为2，但是实际上我们需要他在输出的时候返回的是2*3。那么这时候，我们就可能需要使用setter去设置，但是如果这么写的话，let myObj = { get a () { return this.a }, set a (val) { this.a = val * 3 }}myObj.a = 2 // 报错会报下面的错误Uncaught RangeError: Maximum call
2020-12-07 09:58:39
148
原创 jQuery中noConflict的解读
代码位置文件是jq下的global.js先说一下noConflict的作用和目的。**noConflict方法的作用是将取消指向，因为在JQ中取消指向，因为在JQ中取消指向，因为在JQ中是JQ的一个别名，而我们在实际开发中可能使用了包括jq的其他js库，而这些库中可能也会使用作为他们的某一个暴露出来的变量，而noConflict就是为了解决这个问题。通过使用noConflict，我们可以取消JQ中作为他们的某一个暴露出来的变量，而noConflict就是为了解决这个问题。通过使用noConflict.
2020-12-01 10:58:14
187
原创 script，link，img标签的跨域区别
所谓的跨域是因为浏览器的同源策略而引起的。协议，域名script，img，link标签不受跨域影响。但是，img和link标签只能实现单向通信，即只能从客户端向服务器传递数据，这是因为img获取图片进行加载，link是获取样式表加载，而script返回的是javascript代码执行。...
2020-11-16 16:25:34
1893
原创 js实现extend函数
defineProperty是用来定义或者修改对象值的属性的，通过defineProperty可以设置属性的可读可写等属性。// 定义Object.defineProperty(Object.property, 'extend', { writable: true, // 可写 enumerable: false, // 可枚举 configurable: true, // 可设置 value: function (o) { // 值 // 获取o的所有属性名称 const names
2020-11-16 14:58:27
795
原创 原型和原型链的简单理解和图示
1、原型是一个对象；2、prototype只是函数(Function)一个属性，并不是原型。每一个对象都有一个原型，但不是每一个对象都有一个prototype属性；3、每一个对象都有一个__proto__属性，这个指向对象的构造函数（constructor）的prototype属性；4、一个对象的原型是他的构造器的prototype，也即是__proto__；5、每一个对象都有一个__proto__，而__proto__也有自己的__proto__，层层指向，直到__proto__为null。即原型
2020-08-27 17:44:42
234
1
原创 利用js和css实现俄罗斯方块
之前就想着试着开发一个“俄罗斯方块”的简单游戏，但是一直没有动手，主要之前只是光想没动手的缘故，导致一直拖延着这个想法。事实证明能动手就不用按喇叭。下面就是在下开发后的一些想法。1、预览俄罗斯方块这个游戏基本都是有一个预览的功能，就是可以在游戏界面上看到下一块出现的方块是什么。所以需要一个相当于预览的功能，这个预览功能里面会是一个随机cubeReady () { let random = parseInt(Math.random() * 5); this.cubeReadyType
2020-08-10 16:34:32
572
原创 常见的Media Query范围大小以及字体大小
@media only screen and (min-width: 320px) { html { font-size: 13.65px; }}@media only screen and (min-width: 360px) { html { font-size: 15.36px; }}@media only screen and (min-width: 375px) { html { font-size:
2020-07-10 10:59:17
765
原创 可以实现css水平垂直居中的方式
1.可以利用绝对布局来进行实现，.parent { position: relative;}.children { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}这样子的写法可以实现chlidren类下的内容水平垂直居中，但是如果children类对应的是img标签的话，可能会出现这种情况，在图片路径找不到的时候，高度会被拉长2.利用table布局的方式.parent { dis
2020-06-02 16:20:40
149
原创 阻止form表单回车自动提交
方法一：在form标签中添加οnsubmit="return false;"，例如<form class="" action="" onsubmit="return false;"></form>方法二：为要阻止回车提交的input标签添加οnkeydοwn属性，例如<input onkeydown="if(event.keyCode == 13){ret...
2019-09-08 17:14:19
2614
原创 关于png和jpg的选择
png因为可以是透明背景，所以使用filter:drop-shadow(0 0 10rpx #fdbe51);-webkit-filter:drop-shadow(0 0 10rpx #fdbe51);会有投影的效果；jpg因为背景无法透明，所以投影效果会是在整张图片外围。但是该属性兼容性并不友好，就目前自测而言，部分安卓手机并不兼容。从而可能引起性能上的问题，比如在做一下动画效果的时候...
2019-06-15 14:49:12
169
原创 手机兼容背景图片
当内容放置在背景图片上的时候，为了让展示适应各种手机，但是不同的手机屏幕分辨率不同，此时，可以考虑将背景图片的宽或者高设置为固定尺寸，这样子可以满足需求，缺点却是在一些极端的手机屏幕上，图片的展示会有拉伸的感受。...
2019-06-15 14:47:51
193
原创 css笔记（2）---关于position和float
当设置css属性position:absolute;或者float:left/right;的时候打内部把元素转换成inline-block;
2019-03-09 11:53:40
101
原创 CSS笔记（1）----关于float属性
浮动元素产生了浮动流所有产生了浮动流的元素，块级元素都是看不到他们的；产生了bfc的元素和文本类型的元素以及文本看得到浮动元素。
2019-03-05 23:23:26
143
原创 margin塌陷问题的解决方式
在日常代码中出现的一个问题现象：明明为子div中设置了margin-top的属性，但是并没有效果，反而，当子div的margin-top属性的值大于父div的margin-top的值的时候，整个结构往下移动，而不是子div与父div的顶端有margin距离。<div class="wrapper"> <div class="content"></div>...
2019-03-05 23:03:30
196
转载 字节跳动前端面试经历及总结
https://blog.youkuaiyun.com/y_silence_/article/details/85011076
2019-03-04 17:15:48
1662
1
原创 ol标签的相关属性
ol标签属性：type，决定是以何种方式进行排序，总共有5种【1/a/A/i/I】resverd，反向排序start：决定从哪一个开始排序，无论type取什么值，start表示的都是序号，即取值为数字...
2019-02-25 21:16:58
407
原创 box-sizing: border-box;的作用
box-sizing的默认值是content-box此时，设置width属性的时候，width属性不包括padding和border的值，即整个宽度将会是width+padding+border-width当box-sizing设置为border-box的时候，将会告诉浏览器width为100px的话，100px包括了padding和border-width，即，实际上的width值应该是1...
2019-01-19 16:40:30
571
原创 关于`＜/script＞`标签的问题
在字符串中使用到</script>的时候，需要注意，浏览器将会报错浏览器会报以下错误：Uncaught SyntaxError: Invalid or unexpected token因为按照解析嵌入式代码的规则，当浏览器遇到字符串“</script>”时，会认为那是结束的</script>标签。而通过使用转义符可以解决这个问题，例如：console...
2019-01-09 16:04:08
315
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人