- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue实现骨架屏加载
打开一个页面时候，页面内容多，接口请求慢或者说加载速度慢时，会导致页面出现较长时间出现空白页面，影响的体验感，可以使用vue-content-loader解决这些场景问题。
2022-06-27 22:37:00
1242
1
原创 去除数组中重复
1.通过两次循环再做判断 let arr = [1, 2, 3, 4, 5,5,5, 6, 4, 5, 2, 1, 4]; // 获取数组中的每一个元素 for (let i = 0; i < arr.length; i++) { // 获取当前元素的所有元素 for (let j = i + 1; j < arr.length; j++) { // 判断两个值是否相等 if (arr[i]
2021-10-26 16:35:29
89
原创 typescript安装ts-node执行报错
1.初次使用ts 安装ts-node编译报错1.1安装typescriptnpm install typescript -g || yarn global add typescript1.2安装ts-node执行代码npm install -g ts-node2.此时再安装npm install -D tslib @types/node3.再执行 ts-node 文件名就可以了...
2021-10-15 10:22:01
1773
2
原创 小程序带url接收不到拼接参数
带url参跳转接收不到路劲的拼接的参数问题1、通过转码url再通过解码url可以接收到//通过 encodeURIComponent(JSON.stringify( ))findlist(url) { uni.navigateTo({ url: '../findlist/findlist?url=' + encodeURIComponent(JSON.stringify(url)) }) },2.跳转接收//通过 JSON.parse(decodeURIComponent
2021-10-13 10:26:09
458
原创 普通函数与箭头函数的区别
1.普通函数与箭头函数//普通函数function fun() { return 100 } console.log(fun());//100//箭头函数 const fun1 = () => 200 console.log(fun1());//200结论：()中定义参数 如果只有一个参数 可以不写括号;{}中写函数体，如果函数中只有一个返回值，可以不写return;2.this的问题let obj = { name: "xi
2021-08-07 20:41:15
71
原创 concat与push的区别
区别：push 遇到数组参数时，把整个数组参数作为一个对象插入；concat 则是拆开数组参数，一个元素一个元素地加进去。????代码如下比较：//push的方法 let item1 = ['1', '2', '3']; let item2 = ['4', '5', '6']; item2.push(item1) console.log(item2,'push')//concat的方法 const arr = ['1', '22', '33', '44'];
2021-06-24 13:39:55
507
原创 安装Vue3.0脚手架
使用vite创建vue3项目1.安装vitenpm i -g create-vite-app2.使用create-vite-app 命令创建项目create-vite-app 项目名3.进入项目，安装依赖，运行项目cd 项目名npm installnpm run dev 4.成功响应
2021-06-15 01:56:31
275
1
原创 项目启动出现Error:Cannot find module ‘array-includes‘解决方法
Vue 项目启动出现Error:Cannot find module 'array-includes’解决方法1.把node包删掉–》清理缓存-----再npm install -----再npm run dev/server跑起来步骤：用npm cache clean 解决不了还是不行 加–force跑项目：????...
2021-03-10 15:43:41
2518
原创 vue相关知识
1.组件之间的通信（父子组件，兄弟组件，跨级组件）????父传子prop，子传父on,on ,on,emit2.父子组件的通信：ref 与 $parent / $children????ref：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例$parent / $children：访问父 / 子实例3.EventBus （$emit / $on） 适用于 父子、隔代、兄弟组件通信4.attrs/attrs/attrs/listeners 适用于
2021-03-09 16:08:46
72
原创 JSONP的工作原理
JSONP (JSON with Padding)是一个简单高效的跨域方式，HTML中的script标签可以加载并执行其他域的javascript，于是我们可以通过script标记来动态加载其他域的资源。例如我要从域A的页面pageA加载域B的数据，那么在域B的页面pageB中我以JavaScript的形式声明pageA需要的数据，然后在 pageA中用script标签把pageB加载进来，那么pageB中的脚本就会得以执行。JSONP在此基础上加入了回调函数，pageB加载完之后会执行pageA中定义的函
2021-02-23 23:58:03
202
原创 Taro
Taro的安装脚手架1.安装-----yarn global add @tarojs/cli------------npm install -g @tarojs/cli2…安装完成后,使用脚手架创建项目:taro init 文件名 创建项目3.运行:浏览器:yarn dev:h5微信小程序: yarn dev:weapp — 引入dist百度: yarn dev:swan支付宝小程序: yarn dev:alipayQQ小程序: yarn dev:qq京东小程序: yarn dev:j
2021-02-23 23:50:41
671
原创 清除字符串前后的空格
写一个function,清除字符串前后的空格.(兼容所有的浏览器)function trim(str) { if (str && typeof str === "string") { return str.replace(/(^\s*)|(\s*)$/g,""); //去除前后空白符 }}
2021-02-02 13:35:20
581
原创 React的入门基础
????React介绍 React.js是前端三大新框架：Angular.js、React.js、Vue.js之一，这三大新框架的很多理念是相同的，但是也有各自的特点。 React起源于Facebook的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 React可以作为一个js库来使用，我们在页面上引用相关的js文件，就可以使用它来做一些页面效果。 Rea
2021-01-31 14:38:18
148
1
原创 微信小程序基础
1、微信小程序介绍微信小程序，简称[小程序， 英文名Mini Program， 是一种不需 要下载安装即 可使用的应 用，它实现了应用“触手可及”的梦想，用户在微信扫一扫或搜一下即可打开应用1.1 微信小程序优势微信有海量用户，而且用户粘性高，在微信里开发产品更容易触达用户微信小程序具有无需安装，扫码即用的特性，相比App推广成本更低低廉的开发成本，较好的体验1.2 微信小程序历史2016年1月11日，微信之父张小龙时隔多年的公开亮相，解读了微信的四大价值观。张小龙指出，越来越多产品通过
2021-01-17 19:49:42
454
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人