antd vue form 手动校验_参与《开课吧》vue训练营笔记(Day1)

大神说的目标:Vue 挑战20k+

组件间通信

component 官网 详解

组件间的传递方式:

  • 父传子 直接属性传递
  • 子传父 this.$emit 时间传递兄弟组件 利用父组件搭桥
  • 组件和子孙 provide / inject
  • 子孙 -> 祖先 this.$dispatch 或provide 获取组件元素实例
  • $listeners $attrs //很少用
  • 没有明显关系 event-bus 或者 vuex
  • 仿造element-ui 的k-form
K-form -K-form-itemK-input

查看vue源码的路径

vue源码 -> package.json -> build->config.js->web-full-esm.js

温馨提示:任何功能,都要使用源码级别

ssr 思考ssr问题

1.项目有两个入口 web server

2.解决问题首屏渲染,和seo问题

1.两个入口路由的统一

2.vuex 的数据统一

3.报错的统一

4.css 的统一

1.大部分ssr 都考虑到了

5.同构就是把浏览器解析vue的计算,放在了服务器上,所有收评出来完成dom,加大服务器的压力

6.高流量,怎么办

1.降级成csr。 (手动配置,服务器性能监控阀值,服务端渲染报错)

2.负载均衡 加机器

补充:SSR 和CSR是什么

SSR:Server side render 将组件或页面通过服务器生成html字符串,再发送到浏览器,简单理解下来,发了一个请求,服务器返回的不是接口数据,而是一整个页面的HTML结构,再结合界面之前定义的CSS把页面展示出来;VUE 服务器渲染文档 。

CSR:Client side render通过接口请求数据,前端通过JS动态处理和生成页面需要的结构和页面展示

Vue 权限

1.页面的权限

1.路由涞源,路由分成两个数组

1.固定的路由,和权限无关

2.权限路由addRoutes 动态添加页面,动态路由表

3.通过配置 path,compontent,meta,{role:’admin’.’user’,’boss’,’sales'}

4.路由守卫token来判定

2.按钮层级的权限 (利用自定义指令)

另外老师介绍了一下利用二进制流的方式去判断文件的后缀

3364ac172195053fa3fbb53d214ffb1c.png

利用md5校验分片上传

1.切片

6d3e20104e91f754c91745162dd57927.png

2.通过前端切片md5校验文件是否传递过后段

0a95fe0da11b7b9a93737eaeba73f678.png

3.并发数控制,以及失败后的自启动

a9ba5060b867718936993eecacf25230.png

vue 怎么能够凸显出来自己的实力

任何一个需求或者框架都能分级,分出10k、20k、30k、40k...你自己的亮点,i比别人强的地方,让面试官爱上你的地方

  1. Vue api使用,其实没啥亮点
  2. 原理源码上的升级:vue的vdom和react的vdom有啥区别
  3. 业务复杂、流量大了之后的解决方案

文件上传

  1. 10k :axios.post + 进度条 + 拖拽+粘贴
  2. 15k:断点续传,其他大数据量
  3. 20k:计算md5的优化,web-worker 切片hash
  4. 25k:切片上传的并发数,并且某个切片的报错,允许重试3次
  5. 30k:文件切片大小如何和网络速度匹配,彩英TCP的慢启动逻辑
  6. vue原理

面试造火箭、工作宁落实,很常见的

算法和数据结构的理解:

  1. vdom树形结构、
  2. keep-alive,lri缓存的设计(链表)
  3. 设计模式k-form 策略模式实现
  4. 软件工程

干货:前端万变不离其宗,真正核心是:算法 网络协议 操作系统

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/433671.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

细学PHP 14 mysql-4

预留转载于:https://www.cnblogs.com/cnmice/archive/2013/04/17/3027102.html

Asterisk针对Mysql的extconfig.conf配置

Asterisk针对Mysql的extconfig.conf配置,这其中涉及到的表的structure [setting] sipusers > mysql,general,sip_buddies sippeers > mysql,general,sip_buddies queues > mysql,general,queue_table queue_members >mysql,general,queue_member_tabl…

ipfs 云服务器_IPFS加速云服务生机和分布式存储

如果能把一个安卓系统或IOS系统安装到分布式存储里,不管人们在做什么,各项数据都可以通过面部识别就可以确认ID,数据的响应性快,安全性和便捷性更高。IPFS的节点上,未来访问网站不再需要HTTP,而是IPFS。分布…

MySQL笔记——打开日志

在my.ini文件中输入如下命令:log_outputFILE general_logon general_log_file"D:\\SoftwareTools\\Mysql\\mysqllog\\mysql.log" slow_query_logon long_query_time 2 slow_query_log_file"D:\\SoftwareTools\\Mysql\\mysqllog\\mysql_slow.log"…

链表怎么输出最后一个元素无空格_剑指offer系列----从尾到头打印链表

从尾到头打印链表信息卡片时间:2020-03-23题目:从尾到头打印链表tag:list题目描述输入一个链表,按链表从尾到头的顺序返回一个 ArrayList。01调用 reverse 函数解题思路这是一种简单粗暴的解法。先遍历一遍链表,在遍历…

a20_v2.0_k70运行在xhda20开发板

修改sys_config.fex文件两个地方 [clock] pll3 297 pll4 300 pll6 600 pll7 297 pll8 336 [dram_para] dram_baseaddr 0x40000000 dram_clk 408 d…

EntiyFramework :Update model from database引起的两个问题

EntiyFramework一大特点就是Code first,但难免有时候因特殊原因需要Update model from database。此次使用该功能时遇到两个问题,且记之。 [问题一] Error 3027: No mapping specified for the following EntitySet/AssociationSet - XXXXXXX. [起因] 在…

MySQL笔记——JDBC入门

(一)JDBC简介 JDBC概念:(1)JDBC就是使用Java语言操作关系型数据库的一套API(2)全称:(Java DataBase Connectivity)Java数据库连接(二)…

python统计汉字个数是_Python中文词频统计

今天看到的一个统计,统计的金庸小说里面的高频词语。想着看了一周python,试试看能不能统计。 网上找的代码,调整顺序拼接了一下,分词库是结巴分词。 解决了python2.7中字典显示中文乱码的问题 分词代码:https://github…

cpu个数核数查看 服务器_服务器如何查看cpu核数

{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":6,"count":6}]},"card":[{"des":"云服务器 ECS(Elastic Compute Service)是一…

SQL语句大全-珍藏首选

下列语句部分是Mssql语句,不可以在access中使用。 SQL分类: DDL—数据定义语言(CREATE,ALTER,DROP,DECLARE)   DML—数据操纵语言(SELECT,DELETE,UPDATE,INSERT)   DCL—数据控制…

Maven笔记——maven下载与配置

(一)Maven简介 Apache Maven是一个项目管理和构建的工具,它基于项目对象模型(POM)的概念。通过一小段描述信息来管理项目的构建,报告和文档。○ 项目对象模型○ 依赖管理模型○ 插件• 仓库分类&#xff1a…

Telerik Reporting之生成报表

本文为原创文,难免会有一些小得瑕疵,敬请谅解。所有示例均是博主测试过的,如有转载请标明出处,谢谢。第一步:建立一个普通类库。 第二步:在此类库中,新建项——Telerik Report报表。 第三步&…

python相对路径下的shell_shell,python获取当前路径(脚本的当前路径) (aso项目记录)...

一、shell获取脚本当前路径 cur_dir$(cd "$(dirname "$0")"; pwd) #获取当前脚本的绝对路径,参数$0是当前脚本对象 等同于cd dirname $0; pwd 但是,cd "dirname $0";pwd是错的,因为dirname不能用双引号 代码实…

spark 用户画像挖掘分析_如何基于Spark进行用户画像?

近期,comSysto公司分享了该公司研发团队利用Spark平台解决Kaggle竞赛问题的经历,为Spark等平台应用于数据科学领域提供了借鉴。主办方提供了一个包含5万个匿名驾驶员线路的数据集,竞赛的目的是根据路线研发出一个驾驶类型的算法类签名&#x…

Maven笔记——依赖管理

使用坐标导入jar包1) 在pom.xml中编写<dependencies>标签2) 在<dependencies>标签中使用<dependency>引入坐标3) 定义坐标的groupId、artifactId、version<dependencies><!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->…

ATL WTL 实现分析(五)

CDialogImpl 对话框本质上是布局和行为受约束的窗口。最原始的模态对话框API是&#xff1a; 1: WINUSERAPI2: INT_PTR3: WINAPI4: DialogBoxParamW(5: __in_opt HINSTANCE hInstance, //applicaton instance6: __in LPCWSTR lpTemplateName, //IDD : di…

python的read函数_Python Pandas pandas.read_sql函数方法的使用

pandas.read_sql&#xff08;sql&#xff0c;con&#xff0c;index_col None&#xff0c;coerce_float True&#xff0c;params None&#xff0c;parse_dates None&#xff0c;columns None&#xff0c;chunksize None)源代码 将SQL查询或数据库表读入DataFrame。 此功能…

android 4.2以上版本永不休眠

android4.2以上版本比android4.2以前的版本framework层框架部分有了很大的改变&#xff0c;androd4.2以前版本framework层给上的接口函数与android4.2以上版本的接口函数也有了些变化&#xff0c;以前让机器永不休眠的方法用在android4.2以上版本已经不起作用了。现将android4.…

peoplesoft系统与sap_sap顾问或者peoplesoft顾问转行做自研系统顾问的为什么那么少?...

我就是从SAP实施转做互联网供应链电商开放平台自研产品的。说一点体会。不愿意转行&#xff0c;是有舒适区(个人认为税后年收入30万可成为舒适区标准)。国内资深顾问收入超过这个数比较容易&#xff0c;工作强度也比互联网行业低&#xff0c;能力达到一定程度后可以摸鱼更显“惬…