深入解析 BFC 模式、forceupdate 作用、HTTP 状态码等前端知识点 东莞主页网站建设
发布时间 - 2026-02-02 05:37:46 点击率：次文章涉及的信息均来自网络及个人总结。旨在总结个人的学习和经验。如有侵权，请联系我删除。谢谢你！
1、BFC模式 1、BFC（Block），即块级格式化上下文，是页面上的一个渲染区域，有自己的一套渲染规则： 2、功能 3、HTTP状态码 4、可以v-if和v-for 一起使用吗？ 5、vue路由的底层原理是什么？传递参数的方法有哪些？跳跃方法有哪些？什么是路由生命周期？ 6. vue 中常用的生命周期钩子函数： 7. vue 和 vue 的区别 8. vue 中的数据为什么是一个函数 9. 什么是 keep-alive 10. vue 执行流程 11. Vue 常用指令 12. es6 如何使用实现类以及如何实现类继承 13. vue2如何获取dom元素 14. Vue的单向数据流 15. 节流与防抖16、组件通信 17. var.let.const 的区别 18. 说一下箭头函数和普通函数的区别 19. axios 拦截器的作用 20. 判断数据类型有多少种方法？ 21. 什么是 npm 22. 什么是回流和重绘？ 23.它和手表的区别。 24.Vue内置组件。 25、页面首次加载时父子组件生命周期的执行顺序。 26. 输入 Vue。 27.Vue过滤器的作用是什么 28.在组件上写name有什么好处？ 29.什么是模块化？ 30. th 理解 is 指向什么 31. 什么是 mvvm 模式 32. 理解 new 操作符 33. 什么是槽 34. Vue 双向数据绑定原理 35. 什么是 seo 爬虫 30 6. 传递的方法Vue路由中以及获取参数 37. js中同步和异步的区别 38. for...of 和 for... 中的区别 三十九、 v-show和v-if，四十，js数据类型和存储的区别，四十一，深拷贝和浅拷贝，四十二，同源策略和非同源策略，如何解决非标准策略交叉- 域问题 43. = 之间的差异。 ==。 === 44.网站优化的三大标签
标题、（描述）、（关键字）
45。 Vue的路由模式。四十六岁。小程序中wxss和css的区别。四十七。如何用css画一个三角形。
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code class="prism language-js"><span class="token operator"><</span>style<span class="token operator">></span> <span class="token punctuation">.</span>border <span class="token punctuation">{</span> <span class="token literal-property property">width</span><span class="token operator">:</span> 50px<span class="token punctuation">;</span> <span class="token literal-property property">height</span><span class="token operator">:</span> 50px<span class="token punctuation">;</span> <span class="token literal-property property">border</span><span class="token operator">:</span> 2px solid<span class="token punctuation">;</span> border<span class="token operator">-</span>color<span class="token operator">:</span> #96ceb4 #ffeead #d9534f #ffad60<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token operator"><</span><span class="token operator">/</span>style<span class="token operator">></span> <span class="token operator"><</span>div <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"border"</span><span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>div<span class="token operator">></span> </code></pre></p>48. 路由与路由与路由的区别 49. 什么是xss攻击？如何避免呢？ 50.什么是函数重载？
- 同一个函数接收不同的参数，执行不同的服务，这就是函数重载。
51. 什么是函数尾数调用？ 52.数组降维？ 53.数组去重？五十四，什么？ 54. 本地存储有什么区别？ 55.对象、原型、原型链、构造函数之间有什么关系？构造函数实际上是一个在调用普通函数时使用new的对象。对象就是通过构造函数new出来的对象。它有一个指向构造函数的对象。对象只有对象的原型，也称为隐式原型。函数只有对象，称为显式。原型对象有一个指向构造函数的原型链：当我们在对象上查找属性时，如果对象本身没有该属性，我们会沿着正确的路径查找。如果我们找不到它，就会报告错误。 55.js范围？
变量所在的空间
56. 与箭头功能的区别 57. 常见的布局有哪些？五十八、vue2生命周期
创作阶段
在运行阶段只要数据被修改就会触发。
破坏阶段
除了这八个之外，还有三个
如果组件使用keep-alive进行缓存，就会有这两个钩子函数。
组件激活
组件停用
当子组件发生错误时，会触发该钩子函数。
59. 如何防范XSS攻击？
XSS攻击也称为前端注入攻击，通常发生在提交表单或上传富文本内容时。
(1)在网页可以由用户输入的地方，需要对输入数据进行转义(html转换成字符编码)和过滤。
（2）后台输出页面时，输出内容也需要进行转义和过滤（因为攻击者可能会通过其他方式向数据库写入恶意脚本）
(3)前端验证html标签属性和css属性的赋值。
六十、vue中的sum（依赖注入）
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code class="prism language-js">provide <span class="token operator">/</span> inject 为依赖注入，说是不推荐直接用于应用程序代码中，但是在一些插件或组件库里却是被常用，所以我觉得用也没啥，还挺好用的 provide：可以让我们指定想要提供给后代组件的数据或方法 inject：在任何后代组件中接收想要添加在这个组件上的数据或方法，不管组件嵌套多深都可以直接拿来用 要注意的是 provide 和 inject 传递的数据不是响应式的，也就是说用 inject 接收来数据后，provide 里的数据改变了，后代组件中的数据不会改变，除非传入的就是一个可监听的对象 </code></pre></p>六十一、vue-、vue-原理、vue脚手架本地开发跨域请求设置
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code class="prism language-js"><span class="token comment">//在根目录创建vue.config.js</span> <span class="token comment">///在module.exports中配置devserver的内容 </span> <span class="token comment">//主要是通过 proxy</span> <span class="token literal-property property">devServer</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">host</span><span class="token operator">:</span><span class="token string">'0.0.0.0'</span><span class="token punctuation">,</span> <span class="token literal-property property">port</span><span class="token operator">:</span> <span class="token number">8080</span><span class="token punctuation">,</span><span class="token comment">//端口号</span> <span class="token literal-property property">open</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span><span class="token comment">//运行项目自启</span> <span class="token literal-property property">proxy</span><span class="token operator">:</span><span class="token punctuation">{</span> <span class="token string-property property">'/api'</span><span class="token operator">:</span><span class="token punctuation">{</span> <span class="token literal-property property">target</span><span class="token operator">:</span><span class="token string">'http://localhost:3000/'</span><span class="token punctuation">,</span><span class="token comment">//跨域请求资源地址</span> <span class="token literal-property property">ws</span><span class="token operator">:</span><span class="token boolean">false</span><span class="token punctuation">,</span><span class="token comment">//是否启用websockets</span> <span class="token literal-property property">changeOrigin</span><span class="token operator">:</span><span class="token boolean">true</span><span class="token punctuation">,</span><span class="token comment">//开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题</span> <span class="token literal-property property">pathRewrite</span><span class="token operator">:</span><span class="token punctuation">{</span> <span class="token string-property property">'^/api'</span><span class="token operator">:</span><span class="token string">''</span><span class="token comment">//注册全局路径</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre></p>62. token 的由来 63. token 中的值是什么 64. 使用 token 来记住密码：一定不是在本地存储密码 65. 哪些场景需要登录？
（1）进入客服时，首先要确定是否登录
(2) 输入订单时，您需要
(3) 购物车时，必填
所以登录成功后，应该跳回第一次被拦截的地方。
六十六，什么是六十七，
1.mkdir-演示
2.CD-演示版
3.npm init -y 初始化
4.npm i --save-dev -cli 下载
5. -v 查看版本号
6.新建src目录和index.js入口文件
7、零配置打包：在.json配置文件中配置“build”:“”，通过命令npm run build进行打包（打包后的文件变成一行，变成一个自执行函数）
8.默认只能打包js和json文件，其他类型的文件需要用and处理
9.默认只能打包js和json文件，其他类型的文件需要用and处理
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code class="prism language-js"><span class="token comment">// 安装：</span> npm install style<span class="token operator">-</span>loader css<span class="token operator">-</span>loader <span class="token operator">-</span><span class="token constant">D</span><span class="token comment">//解析处理css文件的</span> npm install <span class="token operator">--</span>save<span class="token operator">-</span>dev html<span class="token operator">-</span>webpack<span class="token operator">-</span>plugin <span class="token comment">//处理html模块的插件</span> npm install <span class="token operator">--</span>save<span class="token operator">-</span>dev file<span class="token operator">-</span>loader <span class="token comment">//解析字体图片等其他文件</span> <span class="token comment">//想解析 css 需要用到 style-loader 和 css-loader， css-loader 是把 css 文件转成 css 代码，style-loader 是把 css 代码插入到页面。</span> <span class="token comment">//想有一个自己的模板就需要用到 plugins 插件，plugins 是用来扩展自身没有的功能</span> </code></pre></p>10.新建一个..js；
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code class="prism language-js">commonjs语法 导入导出不是用的es6模块 <span class="token keyword">var</span> test <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'模块名'</span><span class="token punctuation">)</span><span class="token comment">//导入 </span> <span class="token keyword">var</span> HtmlPlugin <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'html-webpack-plugin'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">var</span> path <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'path'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span> <span class="token comment">// loader用于处理模块的</span> <span class="token literal-property property">module</span><span class="token operator">:</span><span class="token punctuation">{</span> <span class="token comment">// 匹配各种类型文件的规则</span> <span class="token literal-property property">rules</span><span class="token operator">:</span><span class="token punctuation">[</span> <span class="token comment">// 规则</span> <span class="token punctuation">{</span> <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">\.css$</span><span class="token regex-delimiter">/</span></span><span class="token punctuation">,</span> <span class="token comment">// 正则</span> <span class="token comment">// loader执行顺序是从右向左，从下向上执行 </span> <span class="token literal-property property">use</span><span class="token operator">:</span><span class="token punctuation">[</span> <span class="token string">'style-loader'</span><span class="token punctuation">,</span><span class="token string">'css-loader'</span><span class="token punctuation">,</span><span class="token string">'sass-loader'</span> <span class="token punctuation">]</span> <span class="token punctuation">}</span> <span class="token punctuation">]</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token literal-property property">plugins</span><span class="token operator">:</span><span class="token punctuation">[</span><span class="token keyword">new</span> <span class="token class-name">HtmlPlugin</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">tempalte</span><span class="token operator">:</span><span class="token string">'./src.index.html'</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token comment">//开启本地服务，自动编译</span> <span class="token comment">//path是node自带的路径管理模块</span> <span class="token literal-property property">devServer</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token keyword">static</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">directory</span><span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">'dist'</span><span class="token punctuation">)</span><span class="token punctuation">,</span><span class="token comment">//监听dist目录</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token literal-property property">compress</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> <span class="token comment">//压缩代码</span> <span class="token literal-property property">port</span><span class="token operator">:</span> <span class="token number">8080</span><span class="token punctuation">,</span> <span class="token comment">//开启后的端口号</span> <span class="token literal-property property">open</span><span class="token operator">:</span><span class="token boolean">true</span> <span class="token comment">//程序执行完自动在浏览器打开</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token comment">//模式必须配置</span> <span class="token literal-property property">mode</span><span class="token operator">:</span><span class="token string">"development"</span><span class="token comment">//开发环境模式 | 生产环境模式production </span> <span class="token punctuation">}</span> </code></pre></p>68.启动本地服务
npm -dev- --save-dev
启动命令：npx服务
# 深入解析 BFC 模式、forceupdate 作用、HTTP 状态码等前端知识点
# 网站优化的三大标签
# 自己的
# 就会
# 是在
# 服务端
# 有一个
# 有哪些
# 需要用
# 的是
# 端口号
# 是一个
# 角形
# 在这个
# 我觉得
# 却是
# 让我们
# 首次
# 这就是
# 客服
# 如有
# 老干妈营销推广费用多少
# 如何建设商城网站
# 青海省企业官网营销推广
# 梅州营销推广主持人名单
# 营销推广员的工作总结
# 网站推广推选超速云建站
# 营销推广软文是啥
# 洛阳市网站建设工程
# 律师个人业务推广网站
# 阳江网站优化优势在哪里
# 抖音企业号营销推广
# 武术网站建设方案
# 企业品牌营销推广策略
# 海南移动互联网营销推广
# 美业营销推广视频大全集
# 涿州市网站推广联系方式
# 蜀山seo获客系统
# 南京营销推广哪种好做
# 移动seo公司哪家好
# 长沙网站建设260e
相关栏目：
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐：
广州企业如何优化百度推广费做账流程,务川县换锁网站推广部门
福建百度推广哪家网络公司做得好？,南通科技网站建设
沁县网站SEO优化排名攻略,助力企业抢占网络市场制高点,上线时seo操作标准
无锡SEO基础知识介绍,优化之路，助力企业腾飞,鹤壁网站快照优化
探索未知，如何利用自媒体营销开启你的品牌新篇章,亳州网站关键词排名优化
Excel表格设置下拉菜单选项的多种方法，你知道几种？
从镜像中汲取力量，探索自媒体的SEO奥秘,唐山网站建设制作报价
北京SEO优化公司，如何让你的网站在竞争激烈的市场中脱颖而出,淮安营销网络推广平台有哪些
截至2025年8月1日收盘，广西广电股价下跌，关注股权变动？
账号注册流程详解：填写信息、绑定管理员及unionid获取要点
广州百度推广条件详解，助力企业数字化营销,网络营销推广个人
广州百度推广找谁代发？专业代发服务助您精准营销,*网络推广和营销
小学生|视频|SEO攻略,助力家长和孩子共同成长,网站网络推广优化方案
SEO发明：引领数字时代营销革命的力量,速卖通外贸推广网站
忘记微信密码莫慌张！官方推荐这几种轻松找回账号的方法
手机录音怎么轻松传到微信？一步步教你操作方法
SEO特点与实施策略：提升网站流量与排名的关键,定西抖音seo价格查询
福建百度推广开户渠道公司怎么样？全面解析优势与服务,济南楼盘营销推广
淘宝SEO关键词攻略,提升店铺排名，助力电商成长,梅州蕉岭seo优化
SEM推广漏斗助力SEO博客,如何提升网站流量与转化率,东莞seo预算
探索火星软件，开启未来科技生活的新篇章,微博微信营销推广方案
白帽SEO,耐心与坚持，见证网站排名的稳步提升,福建网站怎么优化
iPhone13 的 iOS 16.0 系统下，抖音视频时长权限你知道多少？
深入解析广州百度推广报表，数据驱动优化策略,旅游景区网站建设标准
SEO文案：如何通过巧妙布局提升网站排名，吸引更多流量,娄底网站建设工作文案
SEO深度解析：如何通过深度优化提升网站排名，带来流量和转化,咸宁网站建设大概费用
SEO教程入门,介绍高效推广渠道，助您网站流量翻倍！,提升关键字排名seo工具
SEO能够助力网站流量增长，提升品牌竞争力,Seo网站排名原理
广州百度推广好吗？深入解析其优势与效果,汽车搜索网站建设
白山SEO技巧，如何让我的网站在搜索引擎中脱颖而出？,海东市当地网站优化招聘
SEO场景下的数字营销：如何通过精准优化提升网站流量,陕西融发建设集团网站
探索数字时代的自媒体营销秘籍,网站优化目标客户
淄博SEO优化排名公司助力企业抢占互联网市场制高点,廊坊网站推广优化方案
SEO优化，如何让我的网站在搜索引擎中脱颖而出？,谷歌seo前景排名
福建百度推广运营适合什么公司？,蚌埠市建设学校网站
SEO推广,介绍关键词布局与优化方法,广元seo排名收费
百度搜索结果SEO优化要点，品牌排名占位及核心理论全解析
介绍资深SEO外包费用,投资与回报的平衡之路,谷歌seo镜像站玩法
东莞网络SEO专业机构盘点,介绍哪家最值得信赖,松岗正规网站优化
SEO立刻：快速提升网站排名，带你走在搜索引擎前沿,网站建设怎么推广好做
广州百度推广收费是多少？全方位解析百度推广费用,图片翻译网站建设
日常生活中微信成重要沟通工具，如何把录音发送到微信？
SEO导航编写利器,盘点四大高效软件助力优化之旅,SEO人才引进面试准备
滨州SEO优化排名公司,助力企业互联网营销腾飞的秘密武器,seo引擎优化 惠大麦
抖音SEO软件工具，提升视频流量的秘密武器,晋州市网站优化
山西SEO大法哪家强介绍本地SEO服务佼佼者,seo.sem工作日常
白山抖音SEO企业,助力企业突破流量瓶颈，实现品牌价值最大化,山东seo教程招商加盟
广州市SEO方案书，打造你的在线品牌王国,佛山页面seo优化报价
铁岭SEO教程，探索数字时代的营销秘籍,自贡网站seo优化推广
杭州SEO搜索矩阵平台,助力企业提升网络营销竞争力,百度 搜尋 seo