大前端
文章平均质量分 55
分享大前端技术
软件星
开发软件,造福社会
展开
-
JavaScript 数组(Array)分组技巧
这两种方法都将数组按照每两个元素一组进行分组,并将每组元素存储在一个新的数组中。在上述示例中,将数组元素按照顺序分成多个子数组,每个子数组中包含两个元素。请注意,最后一组可能只包含一个元素,可以根据需求进行适当的处理或者舍弃它。) 来存储分组结果。在这个例子中,将奇数和偶数分为两组,分别存储在对象的不同属性中。你根据需求来定义不同的分组逻辑。这两种方法都使用一个对象 (原创 2023-12-20 16:03:30 · 775 阅读 · 0 评论 -
Vue 创建虚拟DOM元素的几种方式和实际应用。
在Vue中创建虚拟DOM的方法是$createElement$createElement在Vue源码中对应的类型声明是可以看到CreateElement有两个构造函数,用于创建虚拟 DOM 元素。原创 2023-12-07 15:12:52 · 759 阅读 · 0 评论 -
cnpm 安装后无法使用怎么办?
cnpm 安装成功,但是却无法使用,一般分为两种情况,一种是提示无法执行命令,另一种是可以执行但是执行时报错,下面分别说明遇到这两种情况的解决方案。原创 2023-12-02 22:32:54 · 1855 阅读 · 0 评论 -
css 固定按钮到页面顶部或者底部的实现方式
要将按钮固定到顶部或底部,可以使用CSS的定位属性来实现。下面是一种常用的方法:创建一个包含按钮的HTML元素,例如一个元素。确保给它添加一个唯一的id,以便在CSS中进行定位。使用CSS来设置按钮的样式和位置。以下示例将按钮固定在页面的右下角。在这个例子中,将按钮的位置设置为相对于浏览器窗口固定,而不受页面滚动的影响。bottom和right属性确定按钮距离底部和右边缘的距离。如果你想将按钮固定在顶部而不是底部,只需将bottom属性改为top属性即可。原创 2023-11-23 09:15:11 · 2058 阅读 · 0 评论 -
Vue 中修改了计算属性(computed) 或者它的依赖变量,计算属性的值没有变化的几种情况
计算属性的值是由它们的函数逻辑计算得出的,而不是通过直接赋值来设置的。解决方案就是当你发现无论如何怎么修改计算属性的值都没有变化的时候,看一看data中与props中是否有根计算属性同名的变量,这时候就要考虑是要删除该变量,还是改变计算属性的命名了。如果你希望修改一个计算属性的值并使其生效,你需要通过修改计算属性所依赖的数据来触发重新计算。通过第一种情况我们知道了,要修改计算属性的值,必须要修改计算属性的依赖变量,但有一种情况及时修改了依赖变量的值,计算属性的值任然不会变化。原创 2023-11-22 14:28:54 · 3670 阅读 · 1 评论 -
JavaScript 如何拷贝对像(Object)或者数组(Array)
JavaScript 数组,拷贝,复核 Copy ,Clone , deepClone.自定义深拷贝方法,使用lodash cloneDeep方法。Array.prototype.slice.原创 2023-11-21 14:14:21 · 178 阅读 · 0 评论 -
JavaScript 字符处理
JavaScript 字符处理,字符串处理,拼接字符串,分割字符串split,slice,includes原创 2023-11-20 14:31:16 · 109 阅读 · 0 评论 -
如何在TS中使用JS库
直接使用:如果 JavaScript 库不提供 TypeScript 类型定义文件(.d.ts),您可以直接在 TypeScript 代码中使用该库。您可以通过在 TypeScript 代码的开头添加注释来告诉编译器不要对这部分代码进行类型检查。请注意,这种方法可能会导致类型错误,因为编译器无法对 JavaScript 库的类型进行验证。通过命令安装类型定义文件:许多常见的 JavaScript 库有相应的官方或社区提供的 TypeScript 类型定义文件。原创 2023-11-14 08:56:29 · 995 阅读 · 0 评论 -
Vue前端开发环境配置指南 (持续更新...)
Vue 项目环境配置,node 环境配置 npm配置及注意事项,前端环境配置大全原创 2023-03-16 09:46:07 · 881 阅读 · 0 评论 -
node-sass安装失败?两步解决!超快!!!
node-sass安装失败?网上查了半天都是错误的?搞了半天还是装不好?两步解决你的问题,而且超快!!!解决 Error: ENOENT: no such file or directory, scandir 'xxx\node-sass\vendor'原创 2023-03-15 10:54:07 · 354 阅读 · 0 评论 -
Vue2 Cli 项目 运行时报[“VariableDeclaration“,“LVal“] undefined错误
Property left of ForInStatement expected node to be of a type ["VariableDeclaration","LVal"] but instead got undefined原创 2023-03-09 10:27:37 · 2697 阅读 · 0 评论 -
rollup.js 引用第三方库
rollup.js 引用第三方库原创 2022-06-21 14:16:48 · 772 阅读 · 0 评论 -
JavaScript运行环境判断
是否运行在浏览器var inBrowser = typeof window !== 'undefined';前置条件获取UserAgentvar UA = inBrowser && window.navigator.userAgent.toLowerCase();是否运行在IE浏览器var isIE = UA && /msie|trident/.test(UA);是否运行在ie9var isIE9 = UA && UA.indexOf(原创 2021-04-28 09:21:32 · 346 阅读 · 0 评论 -
在Vue中当执行this.$emit() 时发生了什么?this.$emit() 的调用是异步的吗?
当在Vue组件中调用this.emit()时,实际上是调用了Vue.emit()时,实际上是调用了Vue.emit()时,实际上是调用了Vue.emit 方法。下面我们来看看Vue.$emit方法的定义Vue.$emit 的方法源码位于在这里插入代码片...原创 2021-04-15 22:43:44 · 5810 阅读 · 6 评论 -
Vue在子组件中修改Props的几种情况
首先列举平常使用Vue 父组件传递数据到子组件的几种情况传递的是基础数据类型(Number,Boolean,String)传递的是引用类型(Object,Array)针对以上几种情况再逐一进行分析当prop的类型为基础数据类型时控制台会报错当prop的类型为应用类型时没有任何错误信息...原创 2021-04-14 22:16:12 · 1762 阅读 · 0 评论 -
css 布局技巧
使文字内容居中html<div class="another">文字居中</div>css方式一:.another{ width: 300px; height: 300px; background: yellow; display: table-cell; vertical-align: middle; text-align: center;...原创 2018-05-20 00:23:30 · 266 阅读 · 0 评论