前端开发
关注
分享
扫一扫
文章平均质量分 58
青梅SEO
SEO分享者，专注SEO技术！
展开
-
微信小程序中wx.navigateTo , wx.redirectTo , wx.switchTab , wx.navigateBack , wx.reLaunch 的区别 ？
一、 wx.switchTab()关闭所有页面，打开到应用内的某个页面wx.switchTab({ url: '/index'})二、 wx.redirectTo()关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面wx.redirectTo({ url: 'test?id=1'})三、 wx.navigateTo( )保...原创 2021-03-19 15:11:17 · 1433 阅读 · 2 评论 -
如何在CSS中使用变量
我们可以将重复使用的属性定义成自定义属性, 这样在以后需要修改的时候, 只需要修改自定义属性里的属性值就可以了.:root {上面的代码就是自定义属性的写法, 需要注意的是, 自定义属性以--开头。原创 2024-04-22 00:25:23 · 533 阅读 · 4 评论 -
如何实现Echarts饼图鼠标移入时悬停部分不放大 ？
鼠标移入不放大 ：在series里 设置 : hoverAnimation:false注意：如果内部饼图设置完仍然有放大 应该是饼图的 radius设置的过大 将比例缩小即可代码部分：option = { tooltip: { trigger: 'item' }, legend: { orient: 've...原创 2021-04-25 08:15:17 · 3324 阅读 · 1 评论 -
VUE模板语法{插值表达式}的用法
插值表达式是什么？对比：jquery中：text( )函数原生Js中：innerHTMLvue中：{{ message }}<div id="app"> {{ message }}</div>这段代码的意思可以用原生js的思路理解为，一个父元素id：app，现在设置他的innerTEXT，设置内容为变量messageexportdefault {...原创 2021-06-10 05:17:00 · 289 阅读 · 0 评论 -
VUE常见指令和用法大全？
VUE基本指令本质就是自定义属性Vue中指令都是以 v- 开头原创 2021-06-10 09:39:22 · 169 阅读 · 0 评论 -
前端vue开发中el是什么？
vue官方API文档对el描述：https://cn.vuejs.org/v2/api/#elel 的作用大家都知道，用于指明Vue 实例的挂载目标。我们重点关注上面两个红色叹号部分，总结一下就是：如果存在 render 函数或template 属性，则挂载元素会被 Vue 生成的 DOM 替换；否则，挂载元素所在的 HTML 会被提取出来用作模版<!DOCTYPE h...原创 2021-06-10 19:18:22 · 2407 阅读 · 1 评论 -
MVC 和 MVVM 的区别和应用场景？
MVC 是 Model View Controller 的缩写：Controller负责将Model的数据用View显示出来，换句话说就是在Controller里面把Model的数据赋值给View。：实现关注点分离，即应用程序中的数据模型与业务和展示逻辑解耦。就是将模型和视图之间实现代码分离，松散耦合，使之成为一个更容易开发、维护和测试的客户端应用程序。：主要用于中大型项目的分层开发。这样就把数据更新分的比较明确了。原创 2021-06-10 22:12:09 · 504 阅读 · 0 评论 -
vue 中使用 v-bind 与 v-on 来实现 v-model 双向绑定 ？
vue — 使用v-bind与v-on实现v-modelv-model其实是一个语法糖，他的背后本质包含两个操作：1.v-bind绑定一个value属性2.v-on指令给当前元素绑定input事件实现步骤如下：① 通过v-bind实现，若修改app.message，则使得网页显示的input中的value也发生改变。<body><div id="app">...原创 2021-06-11 02:25:12 · 405 阅读 · 0 评论 -
vue中基本事件的处理 ？
vue中如何使用事件使用 v-on 绑定对应事件，并且调用对应 methods 的方法。原创 2021-06-11 09:26:44 · 123 阅读 · 0 评论 -
vue中v-model、v-bind和v-on三大指令的区别?
在表单输入元素或组件上创建双向绑定。v-model指令用于在表单控件或者组件上创建双向绑定。绑定值类型：根据表单输入元素或组件输出的值而变化。原创 2021-06-11 12:22:10 · 328 阅读 · 0 评论 -
前端VUE中V-Model的实现原理到底是什么？
v-model主要提供了两个功能：1. view层输入值影响data的属性值，2.data属性值发生改变会更新view层的数值变化。以下以input控制绑定v-model举例说明。<div id="app"> <p>{{name}}</p> <input type="text" v-model="nam...原创 2021-06-11 23:44:15 · 339 阅读 · 0 评论 -
针对VUE网站，如何做SEO优化呢？
如果构建大型网站，如商城类，别犹豫，直接上SSR服务器渲染。原创 2021-02-25 11:05:11 · 501 阅读 · 0 评论 -
CSS中Hover出现不生效的几个原因 ？
在设置CSS的hover时，有时会发现hover不起作用，总结一下原因：提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。1.在设置:hover前加空格：比如:<style type="text/css"> .on...原创 2021-04-25 09:03:44 · 4470 阅读 · 0 评论 -
2024年web前端面试集锦大全
一. HTML、CSS相关HTML5新特性、语义化语义化标签 ： header nav main article section aside footer语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构，如 header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。语义化的优点有:代码结构清晰...原创 2021-08-01 08:34:54 · 697 阅读 · 0 评论