当前位置：首页 > news >正文

柳州网站建设哪家便宜nginx wordpress怎么样

news 2025/10/26 19:15:26

柳州网站建设哪家便宜,nginx wordpress怎么样,临沂做网站,企业建设网站需要什么资料一、Html篇 1、常用的块级元素及行内元素有哪些#xff1f; 块级元素#xff1a;div、p、h1~h6、ol、ul、li、table、form 行内标签#xff1a;a、span、img、input、lable、button 行内块元素#xff1a;img、input、button 2、行内元素和块级元素的区别#xff1f; 块级…一、Html篇 1、常用的块级元素及行内元素有哪些块级元素div、p、h1~h6、ol、ul、li、table、form 行内标签a、span、img、input、lable、button 行内块元素img、input、button 2、行内元素和块级元素的区别块级元素默认换行独占一行可设置宽高 (宽度是父容器的100%)块级元素可以嵌套任意元素块级文字不能放入其他块级元素。行内元素默认不换行设置宽高无效 (默认宽度是本身内容宽度)不能包含块级元素只能包含文本或者其它行内元素设置 marginpadding 上下无效。行内块元素综合块级元素与行内元素的特性可设宽高默认是内容宽高也可以设置内外边距。转换display:blockdisplay:inlinedisplay:inline-block。 3、标签上title与alt属性有什么区别 alt 是给搜索引擎识别在图像无法显示时的替代文本。 title 是元素的注释信息主要是给用户解读。当鼠标放到文字或是图片上时有 title 文字显示。在 IE 浏览器中 alt 起到了 title 的作用变成文字提示。 4、H5新特性语义化标签 header 定义文档的头部区域 nav 定义导航链接 article 内容标签 section 定义文档某个区域 aside 侧边栏标签 footer 定义了文档的尾部区域 figure 规定独立的流内容图像、图表、照片、代码等 figcaption 定义 figure 元素的标题音频视频audio 、video 画布canvas SVG 绘图地理位置 WebStorage 本地存储LocalStorage / SessionStorage 二、Css篇 1、css3的新特性选择器层级选择器属性选择器状态伪类选择器结构伪类选择器伪元素选择器文本效果文本阴影文本自动换行文本溢出单词拆分文本拆分边框圆角边框 border-radius边框阴影 box-shadow边框图片 border-image 背景渐变背景多重背景 (设定背景图像的尺寸指定背景图像的位置区域背景的绘制) 透明度opacity 取值0-1通常用于做元素的遮罩效果高斯模糊filter 渐变background: linear-gradient (线性渐变径向渐变文字渐变) 过渡transition 2D转换 / 3D转换 transform 动画Animation keyframes 动画帧媒体查询media 弹性布局 flex 1、如何让css只在当前组件中起作用在当前组件的style修改为style scoped 想要改变ui框架原有样式scss可以用/deep/或::v-deep 2、组件样式中的scoped有什么作用作用实现组件的私有化不对全局造成样式污染表示当前style属性只属于当前模块。三、Vue篇 1、mvvm 框架是什么 vue是实现了双向数据绑定的mvvm框架当视图改变更新模型层当模型层改变更新视图层。在vue中使用了双向绑定技术就是View的变化能实时让Model发生变化而Model的变化也能实时更新到View。 2、vue2与vue3之间的区别生命周期Vue2 可直接调用生命周期钩子Vue3 使用时需先引入多根节点Vue2 报错Vue3 支持打包优化Vue3 比 Vue2 轻量化【Vue2 中全局API暴露在Vue实例上即使未使用也无法消除Vue3 中针对全局和内部的API进行了重构】响应式原理Vue2是Object.definePropert() 对数据进行劫持结合发布订阅模式的方式来实现的Vue3是Proxy API对数据代理 API 构成Vue2 选项API【一个逻辑会散乱在文件不同位置data、props、computed、watch、生命周期钩子等导致代码的可读性变差。当需要修改某个逻辑时需要上下来回跳转文件位置】Vue3 组合式API【可将同一逻辑的内容写到一起增强了代码的可读性、内聚性其还提供了较为完美的逻辑复用性方案】 TypeScriptVue2 不支持tsVue3 支持 3、生命周期共分为8个阶段创建前/后挂载前/后更新前/后销毁前/后【vue3 中 setup 是围绕 beforeCreate 和 created 生命周期钩子运行的不需要去定义】 4、第一次页面加载会触发哪几个钩子 beforeCreatecreatedbeforeMountmounted 5、vue获取数据在哪个周期函数一般 created / beforeMount / mounted 皆可如果你要操作 DOM 那肯定是 mounted 时候才能操作 6、简述每个周期具体适合哪些场景 beforeCreate在new一个Vue实例后只有一些默认的生命周期钩子和默认事件其他的东西都还没创建。在beforeCreate生命周期执行的时候data和methods中的数据都还没有初始化。不能在这个阶段使用data中的数据和methods中的方法。 createdata 和 methods 都已经被初始化好了如果要调用 methods 中的方法或者操作data中的数据最早可以在这个阶段中操作。 beforeMount执行到这个钩子的时候在内存中已经编译好了模板了但是还没有挂载到页面中此时页面还是旧的。 mounted执行到这个钩子的时候就表示Vue实例已经初始化完成了。此时组件脱离了创建阶段进入到了运行阶段。如果我们想要通过插件操作页面上的DOM节点最早可以在这个阶段中进行。 beforeUpdate当执行这个钩子时页面中的显示的数据还是旧的data中的数据是更新后的页面还没有和最新的数据保持同步。 updated页面显示的数据和data中的数据已经保持同步了都是最新的。 beforeDestroyVue实例从运行阶段进入了销毁阶段这个时候所有的 data 和 methods指令过滤器…都是处于可用状态。还没有真正被销毁。 destroyed这个时候所有的 data 和 methods指令过滤器…都是处于不可用状态。组件已经被销毁了。 7、v-show 和 v-if 指令的共同点和不同点共同点都能控制元素的显示和隐藏不同点v-show 是通过修改元素的display的CSS属性让其显示或者隐藏 v-if 是直接销毁和重建DOM达到让元素显示和隐藏的效果使用v-show会更加节省性能上的开销当只需要一次显示或隐藏时使用v-if更加合理 8、v-if 与 v-for 的优先级 vue2v-for 优先级高于 v-if vue3v-if 优先级高于 v-for除此之外v-for和v-if在同一标签中使用也会报错解决办法可以在外面套一个template标签 9、$nextTick 是什么为什么优先解决微任务当你修改了data 的值然后马上获取这个 dom 元素的值是不能获取到更新后的值你需要使用 $nextTick 这个回调让修改后的 data 值渲染更新到 dom 元素之后在获取才能成功。 $nextTick中的回调是在下次 DOM 更新循环结束之后执行的延迟回调。在修改数据之后立即使用这个方法获取更新后的 DOM。主要思路就是采用微任务优先的方式调用异步方法去行$nextTick包装的方法。 10、vue组件间的参数传递 1父组件传给子组件子组件通过props方法接受数据 2子组件传给父组件$emit方法传递参数 3非父子组件间的数据传递兄弟组件传值借用eventBus就是创建一个事件中心相当于中转站可以用它来传递事件和接收事件。发送数据使用 $emit方法使用 $on 接收 4vuex 通用 11、vuex是什么怎么使用哪种功能场景使用它 1是什么 vue框架中状态管理。在main.js引入store注入。新建一个目录store 。场景有单页应用中组件之间的状态登录状态、音乐播放、加入购物车等 2属性 State、 Getter、Mutation 、Action、 Module ○ State state是数据源存放地对应于一般Vue对象里面的data。state里面存放的数据是响应式的 Vue组件从store中读取数据若是store中的数据发生改变依赖这个数据的组件也会发生更新需要通过mapState把全局 state 和 getters 映射到当前组件的 computed 计算属性中。 ○ Getter getters 可以对State进行计算操作在多个组件间复用 ○ Mutation 、Action Action 类似于 mutation不同在于Action 提交的是 mutation而不是直接变更状态Action 可以包含任意异步操作。 ○ Module Vuex允许我们将store分隔成模块module每个模块拥有自己的statemutationactiongetter甚至是嵌套子模块 3使用场景一句话不要为了使用vuex而去使用vuex推荐组件间数据复用记录登录及其它状态值数据一些需要缓存的数据使用vuex都能达到很好的管理 12、vue常用的修饰符表单修饰符 1)lazy当光标离开标签时才会将值赋值给value 2)trim过滤掉两边的空格 3)number自动将用户的输入值转为数值类型但如果这个值无法被parseFloat解析则会返回原来的值事件修饰符 1)stop//stop阻止事件的冒泡相当于调用了event.preventPropagation方法 2)prevent//preven阻止了事件的默认行为相当于调用了event.preventDefault方法 3)self//只当在 event.target 是当前元素自身时触发处理函数 4)once//绑定了事件以后只能触发一次第二次就不会触发 5)capture//capture事件捕获从顶层往下触发 6)passive//passive用于提升移动端scroll事件的性能。在移动端当我们在监听元素滚动事件的时候会一直触发onscroll事件会让我们的网页变卡因此我们使用这个修饰符的时候相当于给onscroll事件整了一个.lazy修饰符。 7)native//native如果在自定义组件标签上绑定原生事件则需要加上.native 13、v-model的使用 v-model 用于表单数据的双向绑定其实它就是一个语法糖这个背后就做了两个操作v-bind 绑定一个 value 属性v-on 指令给当前元素绑定 input 事件。 14、vue中双向数据绑定是如何实现的 v-model 通过数据劫持和观察者模式实现 15、vue常用的指令 v-once、v-show、v-if、v-else、v-else-if、v-for、v-html、v-text、v-bind、v-on、v-model指令等 16、说出至少4种vue当中的指令和它的用法 v-if、v-show显示与隐藏v-for数据循环v-bind:class绑定一个属性v-model数据双向绑定 17、vue.js的两个核心是什么数据驱动、组件系统 18、页面刷新vuex被清空解决办法 localStorage 存储到本地再回去重新获取接口获取数据 19、vue2的双向数据绑定原理 vue.js 是采用数据劫持结合发布者-订阅者模式的方式通过Object.defineProperty()来劫持各个属性的settergetter在数据变动时发布消息给订阅者触发相应的监听回调 20、性能优化有哪些方法合理使用v-if和v-showv-if适用于在条件满足时渲染整个元素而v-show适用于频繁切换元素的显示和隐藏。避免不必要的重新渲染使用key属性来唯一标识列表项或组件避免不必要的重新渲染。组件懒加载将页面中不可见或初始不需要的组件进行懒加载以提高初始加载速度。合理使用异步更新机制通过使用Vue.$nextTick()方法将DOM操作推迟到下一个DOM更新循环中以避免不必要的重渲染。【eg当修改了Vue实例中的数据后Vue会将这些变化缓冲起来然后异步更新真正的DOM。而Vue.$nextTick()方法就是为了在DOM更新循环结束之后执行某个回调函数】路由懒加载将路由的组件进行懒加载按需加载所需的代码以提高初始加载速度。使用事件修饰符使用Vue提供的事件修饰符如.stop、.prevent、.capture等来避免不必要的事件冒泡和默认行为。避免过多的全局组件和深层嵌套合理设计组件结构避免过多的全局组件和过深的组件嵌套以减少不必要的性能开销。 21、keep-alive/keep-alive 的作用是什么 keep-alive 是 vue 内置的一个组件可以使被包含的组件保留状态或避免重新渲染。 22、为什么使用key? 使用 key 来给每个节点做一个唯一标识 Diff 算法就可以正确的识别此节点。作用主要是为了高效的更新虚拟 DOM。 23、分别简述computed和watch的使用场景 computed : 当一个属性受多个属性影响的时候就需要用到 computed 最典型的栗子购物车商品结算的时候 watch : 当一条数据影响多条数据的时候就需要用 watch 栗子搜索数据 24、请说出vue.cli项目中src目录每个文件夹和文件的用法 assets 文件夹是放静态资源components 是放组件router 是定义路由相关的配置; app.vue 是一个应用主组件main.js 是入口文件。 25、vue组件中data为什么必须是一个函数因为 JavaScript 的特性所导致在 component 中data 必须以函数的形式存在不可以是对象。组建中的 data 写成一个函数数据以函数返回值的形式定义这样每次复用组件的时候都会返回一份新的 data 相当于每个组件实例都有自己私有的数据空间它们只负责各自维护的数据不会造成混乱。而单纯的写成对象形式就是所有的组件实例共用了一个 data 这样改一个全都改了。 26、如何获取dom? refdomName 用法this.$refs.domName 27、assets和static的区别相同点assets 和 static 两个都是存放静态资源文件。项目中所需要的资源文件图片字体图标样式文件等都可以放在这两个文件下。不相同点assets 中存放的静态资源文件在项目打包时也就是运行 npm run build 时会将 assets 中放置的静态资源文件进行打包上传所谓打包简单点可以理解为压缩体积代码格式化。而压缩后的静态资源文件最终也都会放置在 static 文件中跟着 index.html 一同上传至服务器。static 中放置的静态资源文件就不会要走打包压缩格式化等流程而是直接进入打包好的目录直接上传至服务器。因为避免了压缩直接进行上传在打包时会提高一定的效率但是 static 中的资源文件由于没有进行压缩等操作所以文件的体积也就相对于 assets 中打包后的文件提交较大点。在服务器中就会占据更大的空间。建议将项目中 template需要的样式文件js文件等都可以放置在 assets 中走打包这一流程。减少体积。而项目中引入的第三方的资源文件如iconfoont.css 等文件可以放置在 static 中因为这些引入的第三方文件已经经过处理我们不再需要处理直接上传。四、路由篇 1、vue的路由实现hash模式和 history模式 hash模式在浏览器中符号“#”#以及#后面的字符称之为hash用window.location.hash读取特点hash虽然在URL中但不被包括在HTTP请求中用来指导浏览器动作对服务端安全无用hash不会重加载页面 history模式history 模式下前端的 URL 必须和实际向后端发起请求的 URL 一致history采用HTML5的新特性且提供了两个新方法pushStatereplaceState可以对浏览器历史记录栈进行修改以及popState事件的监听到状态变更 2、vue路由传参数使用query方法传入的参数使用this.$route.query接受使用params方式传入的参数使用this.$route.params接受 3、$route和$router的区别 $route是“路由信息”对象包括pathparamshashqueryfullPathmatchedname等路由信息参数 $router是“路由实例”对象包括路由的跳转方法钩子函数等想要导航到不同的url则使用 $router.push方法 4、Vue-router跳转和location.href有什么区别使用 location.href/url 来跳转简单方便但刷新了页面使用 history.pushState(/url) 无刷新页面静态跳转引进 router 然后使用 router.push(/url) 来跳转使用了 diff 算法实现了按需加载减少了 dom 的消耗。其实使用 router 跳转和使用 history.pushState() 没什么差别的因为vue-router就是用了 history.pushState() 尤其是在history模式下。五、javaScript篇 1、ajax、axios、fetch之间的区别 ajax实现了局部数据刷新本身是针对MVC的编程多用于jquery项目不符合现在前端MVVM的浪潮。 axios基于ajax封装为MVVM框架而生 (vue react)支持 Promise API支持并发请求。 fetchajax在es6的替代品fetch不是ajax的进一步封装而是原生js没有使用XMLHttpRequest对象兼容性差。 2、varletconst三者的区别变量提升var声明的变量存在变量提升即变量可以在声明之前调用值为undefinedlet和const不存在变量提升即它们所声明的变量一定要在声明后使用否则报错。块级作用域var不存在块级作用域let和const存在块级作用域。重复声明var允许重复声明变量let和const在同一作用域不允许重复声明变量。修改声明的变量var和let可以const声明一个只读的常量。一旦声明常量的值就不能改变但对于对象和数据这种引用类型内存地址不能修改可以修改里面的值。 3、防抖与节流防抖在事件被触发n秒后再执行回调如果在这n秒内又被触发则重新计时典型的案例就是输入搜索输入结束后n秒才进行搜索请求n秒内又输入的内容就重新计时。通俗理解就是我们在点击请求或者点击加载等过程中只需要点击一次但由于请求慢点击了好多次导致多次请求防抖就是在点击了好多次之后的最后一次才会请求。在一些搜索框输入内容时会有好多联想词在下方显示出来并不是输入框内容一改变就触随即弹出联想词的是我们结束输入后经过一段时间才会触发。节流规定在一个单位时间内只能触发一次函数如果这个单位时间内触发多次函数只有一次生效典型的案例就是鼠标不断点击触发规定在n秒内多次点击只有一次生效。在某应用购买火车票/飞机票等商品的时候不断地点击刷新购买总不能一直点击一直请求吧系统会崩掉的所以节流就很有必要了。区别防抖是将多次执行变为最后一次执行节流是将多次执行变成每隔一段时间执行。 4、单页面应用和多页面应用区别及优缺点单页面SPA通俗一点说就是指只有一个主页面的应用浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候还是会分开写页面片段然后在交互的时候由路由程序动态载入单页面的页面跳转仅刷新局部资源。多应用于pc端。多页面MPA就是指一个应用中有多个页面页面跳转时是整页刷新。单页面优点用户体验好快内容的改变不需要重新加载整个页面基于这一点spa对服务器压力较小前后端分离页面效果会比较炫酷比如切换页面内容时的专场动画。单页面缺点不利于seo导航不可用如果一定要导航需要自行实现前进、后退。由于是单页面不能用浏览器的前进后退功能所以需要自己建立堆栈管理初次加载时耗时多页面复杂度提高很多原文链接 vue_面试题持续更新中_vue面试题-CSDN博客
文章转载自：
http://www.morning.hdlhh.cn.gov.cn.hdlhh.cn
http://www.morning.jbqwb.cn.gov.cn.jbqwb.cn
http://www.morning.nnhrp.cn.gov.cn.nnhrp.cn
http://www.morning.lxfyn.cn.gov.cn.lxfyn.cn
http://www.morning.dgmjm.cn.gov.cn.dgmjm.cn
http://www.morning.ldzss.cn.gov.cn.ldzss.cn
http://www.morning.dpjtn.cn.gov.cn.dpjtn.cn
http://www.morning.ybmp.cn.gov.cn.ybmp.cn
http://www.morning.mplld.cn.gov.cn.mplld.cn
http://www.morning.mhxlb.cn.gov.cn.mhxlb.cn
http://www.morning.ymbqr.cn.gov.cn.ymbqr.cn
http://www.morning.jgnjl.cn.gov.cn.jgnjl.cn
http://www.morning.nba1on1.com.gov.cn.nba1on1.com
http://www.morning.yhywr.cn.gov.cn.yhywr.cn
http://www.morning.rkfwr.cn.gov.cn.rkfwr.cn
http://www.morning.mkxxk.cn.gov.cn.mkxxk.cn
http://www.morning.wmnpm.cn.gov.cn.wmnpm.cn
http://www.morning.tdwjj.cn.gov.cn.tdwjj.cn
http://www.morning.qfcnp.cn.gov.cn.qfcnp.cn
http://www.morning.ldhbs.cn.gov.cn.ldhbs.cn
http://www.morning.mjmtm.cn.gov.cn.mjmtm.cn
http://www.morning.xjmpg.cn.gov.cn.xjmpg.cn
http://www.morning.thrtt.cn.gov.cn.thrtt.cn
http://www.morning.drtgt.cn.gov.cn.drtgt.cn
http://www.morning.jzdfc.cn.gov.cn.jzdfc.cn
http://www.morning.nkkpp.cn.gov.cn.nkkpp.cn
http://www.morning.fxwkl.cn.gov.cn.fxwkl.cn
http://www.morning.rbbzn.cn.gov.cn.rbbzn.cn
http://www.morning.knryp.cn.gov.cn.knryp.cn
http://www.morning.dxpqd.cn.gov.cn.dxpqd.cn
http://www.morning.jgncd.cn.gov.cn.jgncd.cn
http://www.morning.lhygbh.com.gov.cn.lhygbh.com
http://www.morning.tqwcm.cn.gov.cn.tqwcm.cn
http://www.morning.wjrq.cn.gov.cn.wjrq.cn
http://www.morning.brwp.cn.gov.cn.brwp.cn
http://www.morning.thrtt.cn.gov.cn.thrtt.cn
http://www.morning.phcqk.cn.gov.cn.phcqk.cn
http://www.morning.wbqk.cn.gov.cn.wbqk.cn
http://www.morning.clyhq.cn.gov.cn.clyhq.cn
http://www.morning.cnwpb.cn.gov.cn.cnwpb.cn
http://www.morning.daxifa.com.gov.cn.daxifa.com
http://www.morning.qtqjx.cn.gov.cn.qtqjx.cn
http://www.morning.rcttz.cn.gov.cn.rcttz.cn
http://www.morning.wgrl.cn.gov.cn.wgrl.cn
http://www.morning.xkzmz.cn.gov.cn.xkzmz.cn
http://www.morning.qlhkx.cn.gov.cn.qlhkx.cn
http://www.morning.tjqcfw.cn.gov.cn.tjqcfw.cn
http://www.morning.cplym.cn.gov.cn.cplym.cn
http://www.morning.qlkjh.cn.gov.cn.qlkjh.cn
http://www.morning.htbsk.cn.gov.cn.htbsk.cn
http://www.morning.alwpc.cn.gov.cn.alwpc.cn
http://www.morning.yltnl.cn.gov.cn.yltnl.cn
http://www.morning.nqlkb.cn.gov.cn.nqlkb.cn
http://www.morning.dwxqf.cn.gov.cn.dwxqf.cn
http://www.morning.qfzjn.cn.gov.cn.qfzjn.cn
http://www.morning.knnhd.cn.gov.cn.knnhd.cn
http://www.morning.clbgy.cn.gov.cn.clbgy.cn
http://www.morning.zrlwl.cn.gov.cn.zrlwl.cn
http://www.morning.sbrxm.cn.gov.cn.sbrxm.cn
http://www.morning.rhnn.cn.gov.cn.rhnn.cn
http://www.morning.ckctj.cn.gov.cn.ckctj.cn
http://www.morning.lkfhk.cn.gov.cn.lkfhk.cn
http://www.morning.dmtwz.cn.gov.cn.dmtwz.cn
http://www.morning.srgyj.cn.gov.cn.srgyj.cn
http://www.morning.rjrnx.cn.gov.cn.rjrnx.cn
http://www.morning.qmncj.cn.gov.cn.qmncj.cn
http://www.morning.qhqgk.cn.gov.cn.qhqgk.cn
http://www.morning.ylpl.cn.gov.cn.ylpl.cn
http://www.morning.yhxhq.cn.gov.cn.yhxhq.cn
http://www.morning.gccdr.cn.gov.cn.gccdr.cn
http://www.morning.ffdyy.cn.gov.cn.ffdyy.cn
http://www.morning.jyknk.cn.gov.cn.jyknk.cn
http://www.morning.krswn.cn.gov.cn.krswn.cn
http://www.morning.qrwjb.cn.gov.cn.qrwjb.cn
http://www.morning.blfll.cn.gov.cn.blfll.cn
http://www.morning.scjtr.cn.gov.cn.scjtr.cn
http://www.morning.zlfxp.cn.gov.cn.zlfxp.cn
http://www.morning.qfdmh.cn.gov.cn.qfdmh.cn
http://www.morning.zpfqh.cn.gov.cn.zpfqh.cn
http://www.morning.wfttq.cn.gov.cn.wfttq.cn

查看全文

http://www.tj-hxxt.cn/news/251791.html