11 2021 档案

摘要:1、父组件用provide,子组件用inject(用这个方法可比较好的控制页面的各种状态值) 2、父组件里面给子组件加ref, 3、 $emit 4、父组件里面在子组件上传值,子组件用props接受参数 props 接收的参数不能再通过子页面修改重置 阅读全文
posted @ 2021-11-30 12:12 SultanST 阅读(26) 评论(0) 推荐(0) 编辑
摘要://详情页面多个流程类卡片展示以及按钮提交类 //将业务操作等逻辑抽出去,主页面主要做各个卡片调用 //尽量将js,页面和css抽离分开 //将数据和方法全部写mounted里面可以避免报错(根据vue的生命周期以及methods等的渲染运算顺序) 阅读全文
posted @ 2021-11-27 16:55 SultanST 阅读(14) 评论(0) 推荐(0) 编辑
摘要:方案一:通过ref直接调用子组件的方法; 父组件中 <template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div> </template> <script> import Chi 阅读全文
posted @ 2021-11-26 09:30 SultanST 阅读(36) 评论(0) 推荐(0) 编辑
摘要:Vue中子组件调用父组件的方法,这里有三种方法提供参考 ###第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 <template> <div> <child></child> </div> </template> <script> import chil 阅读全文
posted @ 2021-11-26 09:27 SultanST 阅读(45) 评论(0) 推荐(0) 编辑
摘要:关注网页前端性能的朋友,在优化网页性能的时候都会遇到网站加载 Waiting(TTFB)时间过长的问题。对于没有优化过的 WordPress 站点,TTFB 时间经常超过了页面内容的下载时间,为用户带来不必要的等待时间。这个问题的主要原因是在服务器端,不熟悉服务器运维的朋友优化起来可能会不知道从哪里 阅读全文
posted @ 2021-11-24 16:18 SultanST 阅读(85) 评论(0) 推荐(0) 编辑
摘要:<form method="POST" enctype="multipart/form-data"> <input type="file" name="file" value="请选择文件"><br /> <input type="submit"> </form> 上面的form表单上传会造成页面整 阅读全文
posted @ 2021-11-23 11:57 SultanST 阅读(45) 评论(0) 推荐(0) 编辑
摘要:select、picker、upload等点击类类型的选用trigger的值为change, 普通的input和textarea等输入选用trigger的值为blur 阅读全文
posted @ 2021-11-20 15:58 SultanST 阅读(5) 评论(0) 推荐(0) 编辑
摘要:function detectZoom (){ var ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { ra 阅读全文
posted @ 2021-11-19 17:45 SultanST 阅读(37) 评论(0) 推荐(0) 编辑
摘要:在夜深人静的时候,你深思了多少?你胡思乱想了多少?你是否经常焦虑不安?你是否总是对于过去发生的事情,一直念念不忘,或耿耿于怀? 在独处的时候,你是否有一种如释重负的感觉?你是否觉得自己就像变了一个人一样?你是否有一种心力交瘁,疲惫不堪的感觉? 发自内心认真的问自己:内在的这颗心有安稳过吗?有活出本心 阅读全文
posted @ 2021-11-19 10:18 SultanST 阅读(37) 评论(0) 推荐(0) 编辑
摘要:简介 TCP是一种面向连接的、可靠的、基于字节流的传输层通信协议,在发送数据前,通信双方必须在彼此间建立一条连接。所谓的“连接”,其实是客户端和服务端保存的一份关于对方的信息,如ip地址、端口号等。TCP可以看成是一种字节流,它会处理IP层或以下的层的丢包、重复以及错误问题。在连接的建立过程中,双方 阅读全文
posted @ 2021-11-19 09:53 SultanST 阅读(50) 评论(0) 推荐(0) 编辑
摘要:今天遇到一个bug,在mounted中调用的方法需要用到一个data中的数据。 在created中axios访问后台数据并赋值给data中变量,但data并没有拿到 在不同位置进行控制台打印,发现执行顺序不完全是按照上下顺序执行的。 原因是axios发送异步请求,每个请求接收到反馈的时间总不相同。 阅读全文
posted @ 2021-11-16 18:22 SultanST 阅读(622) 评论(0) 推荐(0) 编辑
摘要:let cityData = [ { value: "北京", label: "北京", children: [ { value: "东城区", label: "东城区" }, { value: "西城区", label: "西城区" }, { value: "崇文区", label: "崇文区" 阅读全文
posted @ 2021-11-10 17:13 SultanST 阅读(541) 评论(0) 推荐(0) 编辑
摘要:var cities = { '北京': { '北京': ['东城区', '西城区', '崇文区', '宣武区', '朝阳区', '丰台区', '石景山区', '海淀区', '门头沟区', '房山区', '通州区', '顺义区', '昌平区', '大兴区', '平谷区', '怀柔区', '密云县' 阅读全文
posted @ 2021-11-10 17:12 SultanST 阅读(99) 评论(0) 推荐(0) 编辑
摘要:这是Vue文档里关于实例生命周期的解释图 那么下面我们来进行测试一下 <section id="app-8"> {{data}} </section> var myVue=new Vue({ el:"#app-8", data:{ data:"aaaaa", info:"nono" }, befor 阅读全文
posted @ 2021-11-05 17:10 SultanST 阅读(82) 评论(0) 推荐(0) 编辑
摘要:一、首先我们需要创建一个Vue工程 本文主要详细记录搭建全景图的过程,故搭建Vue工程不在过多描述。 二、安装Three.js npm install three --save npm install three-trackballcontrols --save npm install three- 阅读全文
posted @ 2021-11-05 14:36 SultanST 阅读(225) 评论(0) 推荐(0) 编辑
摘要:###1.项目优化 #####1.1项目可优化的内容 生成打包报告 第三方库启用CDN Element-ui组件按需加载 路由懒加载 首页内容定制 #####1.2页面顶部进度条效果 使用nprogess第三方库 在axios请求拦截器中触发 Nprogress.start() 在axios响应拦截 阅读全文
posted @ 2021-11-05 14:35 SultanST 阅读(62) 评论(0) 推荐(0) 编辑
摘要:####js生成树结构 1、假树,利用共享内存实现,非真遍历,这个是一种比较直观的写法 let list = [ {id:1,name:100}, {id:11,name:101,pid:1}, {id:111,name:1011,pid:11}, {id:2,name:200}, {id:22,n 阅读全文
posted @ 2021-11-05 14:33 SultanST 阅读(31) 评论(0) 推荐(0) 编辑
摘要:下载 uView 插件 官方下载地址 👉 https://ext.dcloud.net.cn/plugin?id=1593 1.1 点击 "下载插件ZIP" 1.2 将下载的压缩包解压的到其中 uview-ui 的文件夹并进行复制 1.3 将 uviw-ui 文件夹复制到创建好的 uni-app 阅读全文
posted @ 2021-11-05 14:33 SultanST 阅读(215) 评论(0) 推荐(0) 编辑
摘要:vue的生命周期完成后,在组件首次渲染完成后,不用v-if控制组件显隐,再次调用组件,组件不会再次传参进行数据更新 阅读全文
posted @ 2021-11-05 14:33 SultanST 阅读(28) 评论(0) 推荐(0) 编辑
摘要:1. 带有多个条件的 if 语句 把多个值放在一个数组中,然后调用数组的 includes 方法。 //longhand if (x 'abc' || x 'def' || x 'ghi' || x 'jkl') { //logic } //shorthand if (['abc', 'def', 阅读全文
posted @ 2021-11-05 14:31 SultanST 阅读(31) 评论(0) 推荐(0) 编辑
摘要:面向对象 面向过程的思维方式:就是把解决问题的关注点放到解决问题的每一个详细步骤上; 面向对象的思维方式:就是把解决问题的关注点放到解决问题需要的一系列对象身上。 面向对象是一种思维方式,和我们代码关系不大,它把解决问题的关注点放到了解决问题需要的一系列对象身上。 面向对象是对面向过程的封装。 什么 阅读全文
posted @ 2021-11-05 14:31 SultanST 阅读(51) 评论(0) 推荐(0) 编辑
摘要:对于 Vue.nextTick 方法,自己有些疑惑。在查询了各种资料后,总结了一下其原理和用途,如有错误,请不吝赐教。 概览 官方文档说明: 用法: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 疑问: DOM 更新循环是指什么? 下次更新循环 阅读全文
posted @ 2021-11-05 14:30 SultanST 阅读(39) 评论(0) 推荐(0) 编辑
摘要:height:calc(100% - 20px); 注意:减号两遍一定要打空格,不然会失效 阅读全文
posted @ 2021-11-05 14:29 SultanST 阅读(98) 评论(0) 推荐(0) 编辑
摘要:####第一步 在项目目录下找到jsconfig.json文件,设置下面代码 // { // "compilerOptions": { // "baseUrl": "./", // "paths": { // "@/*": ["src/*"] // } // }, // "exclude": ["n 阅读全文
posted @ 2021-11-05 14:15 SultanST 阅读(601) 评论(0) 推荐(0) 编辑
摘要:我个人对黑客和网络安全比较感兴趣,时常关注这方面的新闻。我们知道这些安全问题都是软件程序有Bug导致的,例如CSDN的数据库泄露事件、携程泄露用户银行卡信息事件、电商网站被用户篡改购买支付金额等等。 在软件项目开发时,安全一直是一个比较容易忽略的问题,但这也会导致很严重的损失,所以我们在软件开发时必 阅读全文
posted @ 2021-11-05 14:14 SultanST 阅读(253) 评论(0) 推荐(0) 编辑
摘要:window window.innerWidth//获取窗口内部宽 window.innerHeight//获取窗口内部高,去除菜单栏,边框净宽高 window.outerHeight浏览器窗口的整个高 window.outerWidth//浏览器窗口的整个宽 navigate//浏览器基本信息 n 阅读全文
posted @ 2021-11-05 10:27 SultanST 阅读(37) 评论(0) 推荐(0) 编辑
摘要:一、CMD命令查看WiFi密码 使用方法: ①、运行CMD(命令提示符) (确保无线网卡启用状态) ②、输入命令查看WiFi配置文件: # 列出所有连接过的WiFi的配置文件 netsh wlan show profiles # 查看到某个具体WiFi的配置详情,包括密码: netsh wlan s 阅读全文
posted @ 2021-11-05 10:26 SultanST 阅读(137) 评论(0) 推荐(0) 编辑
摘要:提到 setTimeout/setInterval 以及 requestAnimationFrame,大家的第一反应是动画相关的两个 API。 ###什么是web 动画 我们来谈谈什么是动画。动画其实是一种假象,是一种不连续的运动以帧的形式呈现给我 们的东西。在二十世纪,通常人们观看的电影其实就是通 阅读全文
posted @ 2021-11-05 10:25 SultanST 阅读(55) 评论(0) 推荐(0) 编辑
摘要:vue 中直接操作 cookie 以下3种操作方式 set: function (name, value, days) { var d = new Date; d.setTime(d.getTime() + 24*60*60*1000*days); window.document.cookie = 阅读全文
posted @ 2021-11-03 16:30 SultanST 阅读(83) 评论(0) 推荐(0) 编辑
摘要:中新网1月18日电 据国家统计局网站消息,2020年,全国居民人均可支配收入32189元,比上年名义增长4.7%,扣除价格因素,实际增长2.1%。其中,城镇居民人均可支配收入43834元,增长(以下如无特别说明,均为同比名义增速)3.5%,扣除价格因素,实际增长1.2%;农村居民人均可支配收入171 阅读全文
posted @ 2021-11-03 16:14 SultanST 阅读(38) 评论(0) 推荐(0) 编辑
摘要:1、D2admin 开源地址:https://github.com/d2-projects/d2-admin 文档地址:https://d2.pub/zh/doc/d2-admin/ 效果预览:https://d2.pub/d2-admin/preview/#/index 开源协议:MIT Lice 阅读全文
posted @ 2021-11-03 16:03 SultanST 阅读(160) 评论(0) 推荐(0) 编辑

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