02 2022 档案

摘要:小程序发布流程 1. 选中需要发布的项目 发行 >小程序-微信(仅适用于uni-app) 2. 编译成功会自已打开微信开发者工具 显示没有问题点击 上传 3. 微信公众平台 >开发管理 >开发设置 >服务器域名 小程序服务器地址不许是https 4. 版本管理 >开发管理 >提交审核 >等待审核 阅读全文
posted @ 2022-02-18 11:14 Chen心宇 阅读(649) 评论(0) 推荐(0) 编辑
摘要:1. 首先需要按照HBuilderX 作为开发工具 下载地址: https://www.dcloud.io/hbuilderx.html 2. 创建项目 文件-->新建 >1.项目 >选择uni-app >起项目名称 >选择模板uView(根据不同项目组件) >点击创建 3. 配合manifest. 阅读全文
posted @ 2022-02-18 10:32 Chen心宇 阅读(300) 评论(0) 推荐(0) 编辑
摘要:Vue 使用slot插槽 11. 需求: 1. 父组件调用子组件并展示数据 2. 父组件调用多个子组件每个组件内显示的内容不同 3. 父组件调用子组件展示的数据和子组件展示的内容相同样式不同 1.2 子组件: 具名插槽,就是给插槽指定名称,然后 一 一对应 (1) 引入组件的页面,如果是多个内容,需 阅读全文
posted @ 2022-02-15 11:05 Chen心宇 阅读(116) 评论(0) 推荐(0) 编辑
摘要:Vue 组件之间传值 1. 需求: 1. 父组件调用子组件, 并传值给子组件显示在页面 2. 子组件给父组件传值,父组件接收子组件传来的值 3. 子组件内添加一个input输入框,输入值并修改父组件给子组件传过来的数据 子组件(child.vue): <template> <div> <p clas 阅读全文
posted @ 2022-02-14 11:28 Chen心宇 阅读(378) 评论(0) 推荐(0) 编辑
摘要:1. table-cell <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor 阅读全文
posted @ 2022-02-11 15:41 Chen心宇 阅读(116) 评论(0) 推荐(0) 编辑
摘要:计算属性 computed : 1. 支持缓存,只有依赖数据发生改变,才会重新进行计算 2. 不支持异步,当computed内有异步操作时无效,无法监听数据的变化 3. 计算属性默认只有getter(根据某个属性值发生变化而变化),可以在需要的时候自己设定setter(自身的值发生变化从而修改别的属 阅读全文
posted @ 2022-02-11 11:37 Chen心宇 阅读(81) 评论(0) 推荐(0) 编辑
摘要:vue 中v-show和v-if的区别 (1)、v-if和v-show用于视图层进行条件判断视图展示 (2)、v-if的原理是根据判断条件来动态的进行增删DOM元素,v-show是根据判断条件来动态的进行显示和隐藏元素,频繁的进行增删DOM操作会影响页面加载速度和性能,由此我们可以得出结论: 当您的 阅读全文
posted @ 2022-02-10 18:21 Chen心宇 阅读(92) 评论(0) 推荐(0) 编辑
摘要:js filter() 方法 filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。如果没有符合条件的元素则返回空数组。 注意: filter() 不会对空数组进行检测。 注意: filter() 不会改变原始数组。 场景: filterData 数组如下: 阅读全文
posted @ 2022-02-10 15:17 Chen心宇 阅读(182) 评论(0) 推荐(0) 编辑
摘要:includes() 用于判断字符串是否包含指定的字符串。返回true/falseindexOf() 可返回某个指定的字符串值在字符串中首次出现的位置,没有则-1 1.1 includes() var data=['1','2','3'] //includes() 方法用于判断字符串是否包含指定的字 阅读全文
posted @ 2022-02-10 11:27 Chen心宇 阅读(439) 评论(0) 推荐(0) 编辑
摘要:1. every()与some()方法都是JS中数组的迭代方法。 every()是对数组中每一项运行给定函数,如果该函数对每一项返回true,则返回true。 some()是对数组中每一项运行给定函数,如果该函数对任一项返回true,则返回true。 1.1 some() var data1=['1 阅读全文
posted @ 2022-02-10 11:04 Chen心宇 阅读(1405) 评论(0) 推荐(0) 编辑
摘要:场景 new Set 1.1 合并两个数组并去除相同的数据 var data1=['1','2','3'] var data2=['1','5','9'] var newArr=[...new Set(data1.concat(data2))] //结果 ['1', '2', '3', '5', ' 阅读全文
posted @ 2022-02-09 14:50 Chen心宇 阅读(519) 评论(0) 推荐(0) 编辑
摘要:关于VueX VueX是适用于在Vue项目开发时使用的状态管理工具。Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。 1. 安装 npm i vuex -s 随后会出来一个st 阅读全文
posted @ 2022-02-09 11:31 Chen心宇 阅读(41) 评论(0) 推荐(0) 编辑
摘要:Jquery 点击按钮切换样式 <button class="nocheck check_img" type="button">按钮 </button> $('.nocheck').click(function () { $(this).toggleClass('check_img') }) //或 阅读全文
posted @ 2022-02-08 17:39 Chen心宇 阅读(535) 评论(0) 推荐(0) 编辑
摘要:1. HTML 节点 并给src 赋值页面所在的相对路径 // 可以直接给src赋值,也可以通过js进行赋值 <iframe id="iframeConatiner" src=""></iframe> <iframe id="iframeConatiner" src="页面所在的相对路径"></if 阅读全文
posted @ 2022-02-08 16:54 Chen心宇 阅读(138) 评论(0) 推荐(0) 编辑
摘要:详细内容请 https://docs.mapbox.com/mapbox-gl-js/api/ 官网文档api 第一步 引入脚本 <scriptsrc='https://api.mapbox.com/mapbox-gl-js/v0.40.0/mapbox-gl.js'><linkhref='http 阅读全文
posted @ 2022-02-08 15:12 Chen心宇 阅读(1356) 评论(0) 推荐(0) 编辑
摘要:1. 需要创建echarts图列 var chartDom = document.getElementById(页面容器id属性值); myChart = echarts.init(chartDom); // 需要加载显示图表的样式 var option = { //此处省略 }; myChart. 阅读全文
posted @ 2022-02-08 11:48 Chen心宇 阅读(4676) 评论(0) 推荐(0) 编辑
摘要:在vue中使用echarts有两种方法 一、安装并全局引入 1、通过npm获取echarts npm install echarts --save 2、在 main.js 中添加下面两行代码 import echarts from 'echarts' Vue.prototype.$echarts = 阅读全文
posted @ 2022-02-08 11:31 Chen心宇 阅读(13059) 评论(0) 推荐(0) 编辑
摘要:<template> <div> <div :class="[flag ? 'red' : 'blue']">Hello,Vue!</div> <div :class="{show:true}">Hello,Vue!</div> <el-table :data="tableData" border 阅读全文
posted @ 2022-02-08 10:05 Chen心宇 阅读(2470) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示