摘要：
前言：开发过程、测试过程、生产过程使用的接口地址不能，还有执行的操作可能也不一样，也就需要实现配置好开发环境、测试环境、生产环境，需要什么环境下的配置直接使用即可。 1、根目录下新建文件：.env.development（开发环境）、.env.test（测试环境）、env.gray (灰度环境)、. 阅读全文
posted @ 2022-02-26 14:08
sk-xm
阅读(699)
评论(0)
推荐(0)
摘要：
1.require.context() 1.场景:如页面需要导入多个组件,原始写法: import titleCom from '@/components/home/titleCom' import bannerCom from '@/components/home/bannerCom' impor 阅读全文
posted @ 2021-12-15 11:05
sk-xm
阅读(499)
评论(0)
推荐(0)
摘要：
Vue 中使用 JSX 1.开始 在 Vue 中使用 JSX，需要使用 Babel 插件，它可以让我们回到更接近于模板的语法上 // 安装依赖： npm install @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props // 配置 阅读全文
posted @ 2021-11-16 14:43
sk-xm
阅读(4968)
评论(0)
推荐(1)
摘要：
演进史 首先我们来说一下前端 icon 的发展史。 远古时代 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 background 阅读全文
posted @ 2021-09-10 16:04
sk-xm
阅读(384)
评论(0)
推荐(0)
摘要：
1 vue 虚拟dom 虚拟dom简单来说就是一个普通的JavaScript对象，包含tag，props，children三个属性。。。 <div id="app"> <p className="text">lxc</p> </div> // 上边的HTML代码转为虚拟DOM如下： { tag:"d 阅读全文
posted @ 2021-09-10 10:30
sk-xm
阅读(1788)
评论(0)
推荐(0)
摘要：
1. Loading组件 <template> <div> <van-loading :color="loadingList.color" vertical>{{ loadingList.title }}</van-loading> <div class="mask" v-bind:class="{ 阅读全文
posted @ 2021-09-09 18:03
sk-xm
阅读(1191)
评论(0)
推荐(0)
摘要：
1. vue instance声明方式 const vm = new Vue({ el:"#app", //挂载的节点，一般都是通过id template:`<div>{{text}}</div>`, //模板 data:{ //数据 text:0 } }) 2. vue instance 上的属性 阅读全文
posted @ 2021-09-09 17:55
sk-xm
阅读(765)
评论(0)
推荐(0)
摘要：
前言 vue2.x中，可以使用 Vue.extends 来封装一个弹框，在vue 3.0中，该api已经被废除。 实现后使用方式： Message.info(‘提示’)； Message.error(‘错误’)； 1.修改index.html 注： 添加 < div id=“message”></ 阅读全文
posted @ 2021-09-02 10:05
sk-xm
阅读(1035)
评论(0)
推荐(0)
摘要：
declare就是告诉TS编译器你担保这些变量和模块存在，并声明了相应类型，编译的时候不需要提示错误 1.declare 如同 interface、type 关键词一样，在编译成 js 之后是会被删除的。 declare 声明的是一个变量 // 例子1： #index.html <script> v 阅读全文
posted @ 2021-08-12 11:56
sk-xm
阅读(4075)
评论(0)
推荐(0)
摘要：
1.引入插件clipboard.js方法如下： 直接npm安装： npm install clipboard --save 2.在需要使用的组件中important 引用方法：import Clipboard from 'clipboard' 3.添加需要复制的内容 例如： // data-clip 阅读全文
posted @ 2021-08-11 17:40
sk-xm
阅读(462)
评论(0)
推荐(0)
摘要：
组件是有name属性的，匹配的就是组件的name。和vue-router中配置的name是不同的含义。 1.当项目使用keep-alive时，可搭配组件name进行缓存过滤 配置<keep-alive>标签的exclude或者include属性做组件筛选 实例： <div id="app"> <ke 阅读全文
posted @ 2021-06-28 11:15
sk-xm
阅读(414)
评论(0)
推荐(0)
摘要：
###西瓜视频播放器（HTML5） 一款带解析器、能节省流量的HTML5视频播放器 https://v2.h5player.bytedance.com/ ##播放视频 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name=vi 阅读全文
posted @ 2021-04-12 16:20
sk-xm
阅读(9312)
评论(0)
推荐(0)
摘要：
##关于闭包 ###1,闭包的理解 1,产生闭包? 当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时,就产生了闭包. 2,闭包是什么? 理解1: 闭包是嵌套的内部函数(绝大部分人) 理解2: 包含被引用变量(函数)的对象(极少数人) 注意: 闭包存在于嵌套的内部函数中 3,产生闭 阅读全文
posted @ 2021-04-09 13:04
sk-xm
阅读(81)
评论(0)
推荐(0)
摘要：
mobx react中 全局数据管理库 可以简单的实现数据的跨组件共享 类似 vue中的vuex 使用步骤 安装依赖 mobx 核心库 mobx-react 方便在react中使用mobx技术的库 @babel/plugin-proposal-decorators 让 rn 项目支持 es7 的装饰 阅读全文
posted @ 2021-02-26 11:34
sk-xm
阅读(934)
评论(0)
推荐(0)
摘要：
自定义hook hook就是一个函数,有一些特定逻辑的封装函数 1,用于处理字符串(url) 2,数据格式化(日期) 3,业务逻辑性 // 自定义hook相对于普通js复用逻辑的抽离,然后可以在页面调用 // 自定义hook一般放在src下面hooks文件夹里面 // 自定义 Hook 是一个函数， 阅读全文
posted @ 2021-02-20 15:40
sk-xm
阅读(1269)
评论(1)
推荐(0)
浙公网安备 33010602011771号