分为改变直接样式,改变className和改变cssText三种,需要的朋友可以参考下 一、局部改变样式 分为改变直接样式,改变className和改变cssText三种。需要注意的是: 注意大小写: javascript对大小写十分敏感,className不能够把“N”写成“n”,cssText也不能够把“T”写成“t”,否则无法实现效果
转载 2023-10-26 12:36:13
46阅读
案例一:todolist 、案例二:聊天对话框
原创 2022-03-14 10:48:09
233阅读
此文档主要整理一些不常用的,且常被遗忘掉的知识点 一、${}方法的使用:用于在字符串内绑定数据常规字符串内绑定数据方法:<div :id="'a' + count"></div>利用${}方法:// 注意:`号不是单引号 // ${变量} <div :id="`a${count}`"></div>  二、事件函数默认自带
转载 2024-05-05 19:38:12
93阅读
Q:什么是单页面富应用(SPA)和前端路由? A: 1. 单页面富应用(即Single Page Web Application,以下简称SPA)应该是最近几年火起来的,尤其是在Angular 框架诞生之后,喝多SPA 的网站以及基于Electron 和Ionic 的桌面App 和移动App 层出不穷。 2. SPA 的核心即是前端路由。何为路由呢?说的通俗点就是网址,比如github.com/J
转载 9月前
21阅读
什么是CSS-in-JS?顾名思义,CSS-in-JS就是可以使用JS来编写CSS样式,那么为什么要用JS来编写CSS呢?我写CSS写的好好的,干嘛非给自己找不自在呢?相信以前大家都听说过这么一个词:关注点分离,就算没听过这个词那么你肯定至少也听说过这么一句话:要把HTML、CSS和JS分开编写,不要写在一起形成耦合,不要写行内样式和行内脚本等,比如像这样?CSS-in-JS但是React的出现打
VUECSS样式穿透1. 问题由来在做两款H5的APP项目,前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想,组件不丰富,最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4(项目结构 webpack+vue+vuex+vue-router+vant+less)。相信好多做TOB的开发朋友都会选择顺手组件库。组件库内置了很多样式,方便了我们开发者
转载 2024-04-28 10:38:40
70阅读
一、配置全局css// main.js文件下 // 配置全局css样式 import '@/assets/css/global.css' requrie('@/assets/css/global.css');直接导入css文件就可以在全局中应用二、配置全局JS// 1. assets文件夹下新建一个js文件夹 // 2. 在js文件夹中建一个settings.js文件 '''settings.
转载 2023-06-09 08:48:43
76阅读
HTML5项目改写Vue的历程 在当下,许多企业面临着技术升级的压力,过去使用的HTML5项目逐渐无法满足产品的需求。而Vue.js因其灵活性和高效性,成为了开发团队改写项目的首选框架。本文将分享从HTML5项目改写Vue的全过程,涵盖技术痛点、架构进化、性能优化及回顾总结等关键点。 ## 背景定位 在最初,我们的项目是基于HTML5构建的,但随着功能的扩展和用户需求的提升,暴露出以下技术
原创 5月前
24阅读
如题,背景就不介绍了,项目是前后端不分离的,这让我一个转行前端对JSP语法不熟的人来说写起来着实难受。后来加了个考试的新功能,果断引入vue和element,还有polyfill.js,因为要兼容IE9。刚开始写的时候vue和elememt都是引的cdn上的资源,但是我们项目只能使用内网,所以需要将vue和element下载到本地。从线上转到本地的过程中,遇到了一些坑,下面就来说一下。cdn引用方
为何需要Query改写Query分析是搜索引擎的一个重要模块,对搜索结果的覆盖率和相关性至关重要。搜索引擎的检索过程包含了两个重要的阶段:匹配和排序。匹配也叫召回,表示根据用户的查询条件,尽可能多地匹配出主题相关的文档,尽可能少地匹配出主题不相关的文档。排序是指对召回阶段返回的文档集合进行合理的排序,把最满足用户意图的结果尽可能排到前面。Query分析的主要目标是为匹配过程提供必要的知识和信息,同
转载 2023-11-15 16:43:16
104阅读
最近有报一个全栈课程,里面内容比较新颖,其中对scss样式管理的理念让我十分喜欢,各种操作让项目更加具有条理性。1.@mixin 在一个可以全局适用的scss文件中,姑且叫global.scss,写入:@mixin center(){ display:flex; justify-content:center; align-items:center; } 用css的眼光看,这是一个弹
转载 2024-04-18 22:22:42
86阅读
// html 模板 template <span class="red" :style="styleVar" @click="add">as</span> // js data() { return {
原创 2022-08-19 11:49:09
344阅读
修改元素的样式, 我们可以修改元素CSS类或者直接修改元素的样式.一个元素可以应用多个css类, 但是不幸的是在DOM属性中是用一个以空格分割的字符串存储的, 而不是数组. 所以如果在原始javascript时代我们想对元素添加或者删除多个属性时, 都要自己操作字符串. jQuery让这一切变得异常简单. 我们再也不用做那些无聊的工作了.一、修改CSS类下表是修改CSS类相关的jQuery方法:名
目录环境搭建:创建Vue项目Vue 基础-模板语法v-htmlv-bind表达式列举条件directives(指令)自定义directivesVue基础-计算属性computed vs methods计算属性VS侦听属性计算属性的setterClass 与 Style 绑定环境搭建:安装node,npm,(npm -v 查看版本)再安装cnpm:(sudo npm install -g cnpm
转载 6月前
22阅读
VUE基础部分组件css样式例子<style lang="less"> // 这里记得改名,然后给div也加名字 .comName-container { padding: 10 20px 20px; background-color: lightskyblue; min-height: 250px; flex: 1; } </style>并且App.vue
JavawebHTML、CSSCSS引入方式< span >标签CSS选择器:页面布局表格表单标签表单项JavaScriptJavaScript引入方式JS语法变量数据类型运算符函数(Java中方法)JS对象ArrayStringJSON(对象标记法)BOMWindow 浏览窗口对象Location: 地址栏对象DOMJS事件监听事件绑定常见事件Vuevue生命周期Axios前后端分
转载 2023-10-22 20:53:58
148阅读
CSS Navigation - vscode 插件 - vue css 跳转
css
原创 2022-08-29 16:07:05
655阅读
vue html/css/stylus布局1.router.js配置2.在对应配置目录下创建相应组件在@page/create-test目录下创建index.vue组件index.vuehtml<template> <div class="createTest"> <!-- 左侧内容布局--> <div class="content">
原创 2021-09-22 14:53:07
498阅读
文章目录1. 修饰符 modifires冒泡 和 捕获阻止默认行为2. template3.动态绑定样式:class = "对象/数组":style ="对象 / 数组" 1. 修饰符 modifires修饰符可以帮我们处理一些事件、键盘码、事件源等一些问题.stop – 阻止默认冒泡、捕获等(阻止事件传播) 等于: e.propagation(); 或者 IE的 e.cancelBubble=
一: 请求参数的绑定1.1绑定说明1.1.1 绑定的机制我们都知道,表单中请求参数都是基于 key=value 的。SpringMVC 绑定请求参数的过程是通过把表单提交请求参数,作为控制器中方法参数进行绑定的。 例如:<a href="account/findAccount?accountId=10">查询账户</a>中请求参数是: accountId=10/** * 查
  • 1
  • 2
  • 3
  • 4
  • 5