- 博客(141)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 ERROR Failed to get response from https://registry.npm.taobao.org/ 错误的解决
这个问题最近才出现的。可能跟淘宝镜像的证书到期有关。
2024-01-26 11:19:13
1583
9
原创 v-show和v-if的区别以及显示隐藏不生效的奇怪现象以及点击索引错位问题的解释
基本概念没什么好讲的。有时候会遇到莫名其妙不显示的问题，这都是因为对这两个概念理解不透彻造成的。
2023-07-19 15:30:16
1466
原创 uniapp font-weight: bold不生效
font-weight只支持normal bold这样的值，是不支持数字的，写数字实际上在范围内都是会自动转化成normal bold这些值的，没有中间大小。这个确实就是这样的。解决办法就是写在style里面就可以了，小程序就是这样的，别的平台就不知道了。这可能是小程序的渲染模型导致的。
2023-07-06 09:05:54
1112
原创 关于 css img使用margin auto 不能水平居中的问题
在父容器有固定宽度的情况下，设置img为 margin:0 auto实现水平居中，这时候发现没有效果。这是因为img是inline-block,需要设置成block才有效果。span也是不可以了。但是通过div设置text-align就可以。
2023-06-28 15:24:58
342
原创 uniapp css width宽度100%导致界面右边超出屏幕或者padding导致出现滚动条
这实际上是一个纯粹的css问题，在小屏幕上非常容易出现。原因就是你的view使用了padding，而padding是算自身宽高的，而使用width 100%的时候，就变成了100% width加上padding的内容。所以就会在右边多出一部分内容。解决办法就是设置box-sizing: border-box。默认是box-sizing: content-box;
2023-06-27 08:47:56
2921
原创 uniapp css使用margin的时候导致出现垂直滚动条问题
最开始不知道是怎么回事，页面明明还没有到达底部，怎么就出现垂直滚动条了。这里的原因就是最外层或者比较外层的view使用了margin就会出现这样的情况。换成padding不会。这是最简单的原因，你可以试一下下面的结构，必然触发，触发条件非常的简单。
2023-06-27 08:39:13
947
原创 uniapp 通过npm安装插件包 提示安装成功 但实际上并没有安装
我产生的原因是因为我用的是webstorm作为代码编辑器。hbuilder只用于编译等工作。这个问题是webstorm的问题，在webstorm里面使用终端命令就会出现这种情况。
2023-06-24 13:11:12
236
原创 uniapp ly-tree 组件报 [“usingComponents“][“style“] 未找到
真正的原因是，ly-tree这个组件不支持scss,你可以改成less或者使用原生css。在生成的小程序代码里面会出现一个style，这个路径是不存在的。
2023-04-12 11:08:03
897
1
原创 css 固定定位position:fixed 拦截了点击事件，导致后面组件无法使用@click的解决办法
我写了一个没有数据的通用界面，当网络请求没有数据的时候显示。主要代码如下，其实就是固定定位居中。这个存在很严重的问题，就是后面的控制的点击事件全部被拦截了。找了半天也没找到解决方案。最后发现只要设置下面这个属性就可以了。设置z-index是没有效果的。
2023-04-10 16:46:15
790
原创 选择微信原生小程序还是uniapp？
语法学vue和react,东学一点西学一点，造成的最大问题就是，既不兼容vue也不兼容react。前端的技术栈都不能直接使用。没有状态管理，数据存储非常的麻烦和简陋。入门的时候用微信原生小程序，熟悉了之后，马上转uniapp。我有强有力的依据来说明为什么我确信要用uniapp开发小程序。这个问题还是困扰过我的。
2023-01-20 23:54:34
8058
2
原创 深入理解JavaScript ES6 Promise基本使用和进阶讲解
一项新技术的出现一定是为了解决某个痛点问题的。ES6的Promise就是为了解决ES5在处理异步任务时所存在的问题。所以。
2022-12-19 21:58:45
547
原创 css div等块元素设置display:inline-block存在间隙问题
需要重新设置子元素的font-size。而且会出现下面元素下移的情况。**也会出现元素下移的情况。只是每个子元素都要设置float，有一点点麻烦。如果设置inline-block后，又设置float，还是会有空格。也就是这里的间隙实际上是来自div和div之间的换行转变成空格导致的。可以包裹一个空的父元素，就为了解决这个问题。我们给块元素例如div设置display:inline-block，会发现元素之间存在空隙。父元素里面的内容也是会影响。可以包裹一个空的父元素，就为了解决这个问题。
2022-12-12 18:09:00
1814
原创 DevTools 无法加载来源映射：无法加载 chrome-extension: 警告的原因以及如何去除（全网最全 最详细解决方案）
是类似这样的一个警告。每次都有看着还是挺难受的。这个警告的原因是你的浏览器插件造成的。例如警告已经很明确的告诉你是chrome-extension，也就是谷歌插件的问题。后面的字符串其实就是这个插件的id。可以看到对应的id就是下面这个插件。知道是哪个插件就好办了。解决方案一：（不太推荐）禁用或者删除插件。虽然可以起到效果，但是有可能这个插件我平时是要用的，频繁切换很麻烦。解决方案二：（推荐）打开控制台，点击右边的设置按钮，会出现下面的选项。把仅限已选择的上下文这个选项勾上。这个选项只会禁止
2022-12-06 19:37:24
13289
9
原创 webpack使用详解
官方定义：从本质上来说，webpack是一个现代的JavaScript的静态模块打包工具。webpack是前端工程化的一个解决方案。提供了前端模块化功能支持，模块混淆，代码压缩，处理浏览器JS兼容性，性能优化等强大功能。
2022-11-18 19:00:02
2364
原创 TypeError: Cannot read properties of undefined (reading ‘NormalModule‘) 错误的解决方案
从现象猜测，可能就是你安装插件的版本和本地的webpack不兼容导致的。
2022-11-18 14:52:57
5309
原创 Vue ref获取元素和组件实例
在写Vue的过程中，我们从来不会写这种代码，但是下面的代码在vue里面是可以运行的。我们很少去获取元素的，因为根本不需要，我们只需要修改数据让vue自动帮我们更新UI就行。el会直接获取顶层元素，如果有多个元素，那么会获取第一个node节点，一般是#text,也就是换行。这是获取到的代理对象，里面有showBanner方法，可以证明，这个就是Banner的代理对象。，根本就不需要先找到具体的元素。获取组件实例后，我们是可以调用组件的方法的，这个还是有点用的。最后，获取到了banner组件的顶层元素。
2022-11-16 16:57:08
6423
原创 Vue.js 条件渲染全解析
注意标题是而不是条件判断。Vue给v-if这类条件判断属性取名叫条件渲染。这些属性的目的是判断要不要渲染这些元素，而不仅仅是所谓的判断，是否渲染才是最主要的功能。
2022-11-14 22:01:31
351
原创 javascript事件处理三 事件委托
什么是事件委托？就是把事件的处理委托给别人（别的方式）干。为什么要这样做？因为这样可以某种程度上提高效率，或者能实现原来不能实现的功能。总之有好处我才委托的，不然我自己直接干了。
2022-11-11 11:39:08
417
原创 javascript事件处理二 事件对象event详解及target和currentTarget区别
在处理事件的时候，所有和事件相关的东西都封装到event这个对象里面。所以这个对象非常的重要。这个对象有非常多的内容，我们讨论几个计较常见和以及比较难区别的target和currentTarget。
2022-11-09 21:00:56
1266
2
原创 JavaScript基础 事件处理一 事件处理方式和事件流（事件冒泡和事件捕获）
方式二和方式三都是可以使用的。方式二在处理只有一个监听函数的时候是完全没问题的，也非常好用。方式三非常的通用，并且可以处理多个函数的情况。
2022-11-07 23:58:17
502
原创 CSS 中背景background和img的区别和使用时机
1.精灵图必须用background显示。2.小图标基本不用img。3.能直接用svg或者icon-font直接用这两者就行。4.除了上面这些，类似轮播图，图列表，等明显需要图片展示的地方用img.
2022-11-07 23:15:53
1491
1
原创 跨平台画图工具drawio使用指南——下载安装及常见功能指南
drawio是一个非常强的跨平台画图软件。支持pc全平台，底层是用js实现的。不仅如此，在vscode和idea全家桶里面都有对应插件。并不是一个个人项目，而是一个公司项目。我劝你不要打开github,而是打开官方网站。因为在github你找不到window的安装包。
2022-10-24 14:17:34
8204
3
原创 JavaScript apply()和call()方法详解
这两个方法在学习JavaScript基础阶段是用不上的，但是如果到了深入用JavaScript的时候就非常有用了。可以用来实现一些高级功能。
2022-10-24 11:38:37
317
原创 深入理解CSS之flex精要之 flex-basis flex-grow flex-shrink 实战讲解
这篇文章对flex不熟也可以看。这篇文章只讲这三个属性。为了简单化，不会提到主轴交叉轴，也不讲方向，默认方向就是水平方向从左往右。但并不影响对这三个概念的理解。如果你觉得对flex比较了解，可以直接从第二小节开始看起。
2022-10-06 00:33:52
15425
12
原创 vscode前端环境(html+css+javascript)的配置
现在最新版本发vscode已经不需要额外配置这三个语言本身了。已经默认支持很多功能。
2022-10-02 09:31:33
7619
原创 CSS hsla函数
hsla() 函数使用色相、饱和度、亮度、透明度来定义颜色。HSLA 即色相、饱和度、亮度、透明度（英语：Hue, Saturation, Lightness, Alpha ）。色相（H)是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。饱和度（S )是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取 0-100% 的数值。亮度（L）取 0-100%，增加亮度，颜色会向白色变化；减少亮度，颜色会向黑色变化。透明度（A）取值 0~1 之间， 代表透明度。
2022-09-22 02:02:01
373
原创 Vue.js 组件通信一 父组件向子组件传值——通过props
Prop 是你可以在组件上注册的一些自定义 attribute。这是官方给出的定义。简单点说，就是父组件给子组件传值的时候，把值直接传给子组件自己定义的属性。这些属性（property）是在子组件里面定义的，没错，prop就是property的缩写。相当于给父组件带名字的盒子，叫父组件往里面放数据就行。还是举个例子说明更清楚。我们定义一个子组件的模板，因为子组件是提供给父组件（通常就是顶层组件）用的。所以子组件定义的变量不能写死，而是需要父组件传入。
2022-09-21 11:12:21
4314
原创 深入理解CSS之 层叠
层叠首先可以是一个动词，层叠的对象是样式表。层叠的目的就是为了方便实现丰富的效果。比如我希望有一个默认的字体大小。但当有个别字体需要自定义大小时，我可以指定大小，并覆盖原来的大小。这就是所谓的层叠。层叠带来好处的同时，也带来了问题，就是当不同的层叠样式同时作用在一个元素上时，应该用哪个层叠样式？这是一个重复主要的问题，就是怎么处理层叠冲突。
2022-09-20 22:48:48
383
原创 深入理解CSS之px,em和rem的区别（详解em的特性和细节）
回归标题，如果非要说px,em，rem有什么区别，文章已经都分析了。1.px是固定单位，em,rem是相对单位2.em,rem可以实现响应式功能，更加灵活，也更加复杂。px相对来说更简单。3.em,rem和字体大小是相关的。
2022-09-20 18:04:48
477
原创 Html 标题标签h1-h6详解和细节分析
说实话，一直对这个标签一知半解。用的时候总是有点心慌。所幸是没出什么问题。但还是有认真研究一下的必要，也就不用心慌了。
2022-09-20 18:03:53
4159
原创 ES6 Promise的使用详解
Promise是ES6的一个用于处理异步操作的库。他本身是没有异步功能的，只是更方便异步操作而已。如果你用过类似rxjava的库的话，你就很容易明白。不过比rxjava简单的多。没用过也没关系。在前端应用种，我们经常需要发送网络请求。有可能通过一个url请求到另一个url,在通过这个url请求到第三个url。可能嵌套个4 5层。例如下面的代码，这样的代码是非常难以维护的。Promise就可以专门用来处理这种问题。
2022-09-18 18:33:13
360
原创 ES模块化的导入和导出
我们定义两个文件aaa.js和bbb.js。然后我们在html里面引入这两个js文件。很显然，浏览器会直接报错，觉得你重复定义变量。这时候，只需要在引入js的时候添加type属性，并且设置类型为module就可以解决变量重复的问题了。浏览器认为你是两个模块的变量，是互相独立的。这就是ES6提供的模块化支持。这时候我们写一个ccc.js。并且在html中引入。aaa.js添加了sum方法这里age报错了，说age没有定义。因为都设置type为module，别的js文件定义的内容就不能访问到了。
2022-09-18 18:32:43
564
原创 CSS flex使用详解
实现布局最早就是用浮动，但是浮动最初的目的是用来做图片环绕的。只是真好可以用来做布局，而且用浮动的时候存在高度坍塌问题，虽然可以用cleanfix来修复这个问题。但理想的状态是最后有一种功能是专门来处理这个事情的，而不是开发者缝缝补补。这是CSS本身落后的原因。flex布局是非常好用的，只是ie需要10才支持。不过目前ie10已经不维护了。其它浏览器都是支持的，包括移动端的浏览器。flex在移动端是非常流行的，在pc端也越来越流行。关于flex的定义和教程，火狐官方的文档是最详细的，w3c的好像连模型图都没
2022-09-18 18:31:53
1251
原创 Vue CLI的Runtime + Compiler和Runtime-only选项的区别和render渲染机制原理解析
其实就是对应Runtime + Compiler这个选项。Compiler就体现在通过ast生成render函数。
2022-09-15 11:43:43
670
Android内核剖析 柯元旦.pdf
2018-01-26
Android应用测试与调试实战
2018-01-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人