- 博客(6)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 从浏览器地址栏输入url到请求返回发生了什么
由于经常在面试中会遇到这个问题,所以某天在看到一篇文章后决定也对其中会拓展的一些点进行记录总结。过程:url解析 —> 根据DNS进行ip查找 —> tcp协议三次握手(建立链接)—> 请求HTML文件(查询缓存)—> 解析HTML渲染页面详细如下:step1 浏览器进程• 用户输入内容,进行URL 解析(编码)• 如果是文本,则拼接成默认搜索引擎加关键字的 URL 进行搜索• 如果是 URL 就进行页面访问请求,并加上协议头(http、https 的区别)
2021-03-01 08:58:25
339
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 tinymce-vue——在Vue项目中应用及实现自定义功能(插入自定义卡片、修改元素支持属性等)
背景:vue-cli3 + ant-design-vue 搭建的后台管理系统,wangEditor3做为其中的富文本编辑器需求:在富文本中插入自定义样式的卡片最终效果 :接下来开始了解我是如何实现这个功能的吧~step1:安装与引用(参考①)npm install @tinymce/tinymce-vue -Snpm install tinymce -S在editor.vue中使用<template> <div class="editor-wrapper">
2020-05-19 10:14:25
7761
9
原创 vue-quill-eidtor——在Vue项目中应用及实现自定义功能
背景:vue-cli3 + ant-design-vue 搭建的后台管理系统,wangEditor3做为其中的富文本编辑器需求:在富文本中插入自定义样式的卡片最终效果:接下来开始了解我是如何实现这个功能的吧~一、安装及引用(参考①)npm install vue-quill-editor --save引用组件:新建一个editor.vue<template> <div id="Test"> <quill-editor ref="myTextEdi
2020-05-15 10:29:32
946
2
原创 Vue项目实践——实现手机扫描二维码预览页面效果
背景:vue-cli3 + ant-design-vue 搭建的后台管理系统需求:实现扫描二维码即可在手机预览H5页面功能使用插件:qrcodestep1:安装插件npm install qrcode --savestep2:引入插件在项目中新建QRcode.vue文件<template> <div id="qrCode"> <div id...
2020-03-06 14:26:38
4685
2
原创 wangEditor3——在vue中应用并开发插件的小实践
背景:vue-cli3 + ant-design-vue 搭建的后台管理系统,wangEditor3做为其中的富文本编辑器需求:在富文本中插入自定义样式的卡片最终效果:step1:在引入编辑器中的菜单栏插入插件的图标,并撰写样式step2:在编辑区域中写入插件弹窗,并撰写样式wangeditor.vue<div class='editor'> <di...
2020-03-05 10:27:37
1031
原创 Vue项目(vue-cli3 + antd)使用babel对IE进行兼容处理之小白踩坑史
背景:vue-cli3 + ant-design-vue 搭建的后台管理系统需求:兼容IE(过低版本做版本升级提示)——前期测试环境未做兼容性的处理,导致正式环境测试时发现使用某些浏览器(某360的5.0正式版及盗版Chrome(¬_¬)百度一查说是使用了IE内核)会导致页面无法正常加载影响使用接下来,开始我的踩坑经历…第一坑:babel-loader 和 babel 需要版本合适并配套使...
2020-02-13 17:23:08
3057
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人