每个 Vue 应用都需要通过实例化 Vue 来实现。 一、Vue资源引入1、引包二、Vue的语法模板1、基础模板2、Vue模板的插值与数据属性详解3、数据驱动视图4、MVVM设计模式 一、Vue资源引入之前已经讲过了如何创建一个基本的项目helloworld项目,现在我们可以开始给项目加页面,首先我们打开index.html,1、引包如果我们是使用npm install,那么此时我们可以输入以下语
思考1. 页面布局文字能否随着屏幕大小变化而变化?2. 流式布局和flex布局主要针对于宽度布局,那高度如何设置?3. 怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放?一、rem 基础rem 单位rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素(html)设置font-size=12px; 非根元素设置
px\em\rem三者介绍pxpx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。emem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。因此,为了换算方便,通常我们会在HTML的根元素设置:ht
首先配置一下eclipse,默认其他环境都配置好了,现在只说maven的配置1.安装Maven Apache Maven 中有,您也可以点击这里下载 下载后解压到你要放的目录下,然后配置一下环境变量 M2_HOME  Path  的最后,如:%HOME  mvn -version 2.修改&nbs
前言Nacos是Spring Cloud Alibaba中的一个组件,它负责服务的注册发现和配置,可以将微服务各个模块进行监管,定时作健康检测,通过配置中心,还能简化项目配置,减少配置文件的重用以及增强后续修改的灵活性。使用分享1、安装首先是导入spring-boot依赖:<dependency> <groupId>com.alibaba.cloud<
Dubbo的基本应用背景Dubbodubbo是什么dubbo能干什么dubbo的架构dubbo的基本应用dubbo的启动dubbo搭配zookeeper注册中心多协议支持集成webservice支持rest安装监控总结 背景我们都知道,技术架构的发展是从单体到分布式,越来越复杂,也越来越必然。 和传统单体架构相比,分布式多了远程通信的过程,远程服务之间的调用才是实现分布式的关键。 远程调用主要实
 目录Redis缓存商品详情页动态内容展示实现的操作:Redis缓存为啥必须设置缓存失效时间:本地缓存项目中本地热点缓存的方案:Guava Cache简介本地缓存在项目中的体现:本地热点缓存的设置 本地缓存过期时间问题: 总结:redis缓存和本地缓存混用的优缺点面试题:项目中为什么要使用缓存?面试题:redis的过期策略?内存淘汰机制都有哪些?说一下LRU代码实现?
一、Jedis的使用步骤1、Jedis的简介Jedis是Redis的Java客户端,连接池使用commons-pool2。此文记录Jedis的设计,也探讨连接池的实现。2、Jedis的使用步骤2.1、导入jar包:jedis-2.7.0.jar2.2、编写java代码:package com.wedu.redis.demo; import redis.clients.jedis.Jedis;
转载 2023-06-14 17:19:40
80阅读
本文,我们将探讨 CSS 中使用t,即 Root EM。
原创 2023-05-20 02:26:32
53阅读
认识JSS 什么是JSS 简单来说,一句话概括CSS in JS (JSS),就是"行内样式"(inline style)和"行内脚本"(inline script)。 因为,自从React出现以后,基于组件化的要求,强制把HTML、CSS、JavaScript捆绑在一起,同一个文件里面,封装了结 ...
转载 2021-08-12 17:02:00
159阅读
2评论
安装 amfe-flexible、postcss-px2rem-exclude cnpm i amfe-flexible postcss-px2rem-exclude --save 安装完毕,会在 package.json 文件的 dependencies 属性中看到如下:         2、main.js文件中引入 import 'amfe-flexible'   3、配置postcss
转载 2021-08-13 09:29:23
174阅读
    这里,我们介绍下如何使用redis作为缓存服务器使用在我们的工程中。  使用思路    对于java中的使用redis提供了一个jedis的jar包。我们安装好我们的redis服务器以后,只需要通过redis提供的jra包的相应方法进行访问就可以得到数据了。为了尽可能的简单,我们就实现用java代码实现对redis的添加和读取。  创建工程    首先是创建一个测试的工程        
第一张方法小编是项目的vue.config.js中配置的,代码如下图所示://安装path模块const path = requi
原创 2023-02-24 12:10:04
80阅读
项目中学会配置开关在实际的项目中我们常常会遇到,创建一个任务
原创 2022-12-07 10:34:08
73阅读
CSS教程基础一、CSS 高度_cssheightDIV CSS高度基础知识这里的CSS高度是指通过CSS来控制设置对象的高度。使用CSS属性单词height。单位可以使用PX,em等常用使用PX(像素)为单位。实例:.yangshi{height:300px;}即设置了yangshi选择器对象高度为300px。CSS高度单词:height CSS 最大高度:max-height (IE7及以上
Redis的使用场景1. 作为缓存1.1 为什么要使用数据库缓存1.2 什么样的数据适合放入缓存1.3 Redis作为缓存的使用2. 作为分布式锁2.1 什么是分布式锁2.2 为什么要使用分布式锁2.3 Redis作为分布式锁2.4 使用Redisson2.4.1 什么是Redisson2.4.2 Redisson的使用3. 作为点赞量,排行榜,转发量4. 限时业务的运用 1. 作为缓存1.1
Redis是一种高级key-value数据库。它跟memcached类似,不过数据可以持久化,而且支持的数据类型很丰富。有字符串,链表,集 合和有序集合。支持服务器端计算集合的并,交和补集(difference)等,还支持多种排序功能。所以Redis也可以被看成是一个数据结构服务器。Redis的所有数据都是保存在内存中,然后不定期的通过异步方式保存到磁盘上(这称为“半持久化模式”);也可以把每
项目中应用RedisRedis是用于处理“缓存”的,当客户端尝试查询某些数据时,服务器端的处理流程大致是:优先从Redis中获取数据如果Redis中没有所需的数据,则从数据库中查询,并将查询结果存入到Redis将Redis中的数据(或:刚刚从数据库中查询出来的数据)响应到客户端 使用Redis后,可以明显的提高查询效率(当数据表中的数据量大时,效果明显),同时,还能减轻数据库服务器的压力。 使
开篇关于Transform变形属性大家都不陌生吧,可以通过此属性实现元素的位移translate(x,y),缩放scale(x,y),2d旋转rotate(angle),3d旋转rotate3d(angle),倾斜变换skew(x-angle,y-angle)等,你也许已经很熟悉了这些属性,或许你也会有这样的困惑,这些属性实际项目中如何应用呢?今天的文章,笔者不会详细一一介绍相关属性,默许大家已
原创 2021-01-11 17:24:17
273阅读
  • 1
  • 2
  • 3
  • 4
  • 5