引入require.js,可以解决的问题:(1)实现js文件的异步加载,避免网页失去响应;(2)管理模板之间的依赖性,便于代码的编写和维护。  它的模块管理遵循AMD规范(Asynchronous Module Definition - 异步加载模块规范);所谓AMD规范,就是为了解决模块化编程带来的代码加载先后顺序问题,以及常规为解决该阻塞问题方式带来的各种附加问题。核心是通过define方
转载 5月前
0阅读
文章目录Node.js 简介Node.js 各平台安装配置WindowsLinuxMac OSnode小试牛刀文件操作网络操作 Node.js 简介Node.js 就是运行在服务端的 JavaScript的解析器,是一个基于ChromeV8引擎的JavaScript 运行平台。运行在浏览器中的JS的用途是操作DOM,浏览器就提供了document之类的内置对象。运行在NodeJS提供了fs、ht
转载 2024-09-02 12:59:34
66阅读
Vue.js CLI4 Vue.config.js标准配置 (最全注释) 前言:Vue.js CLI工具 不知不觉发展到了4.0时代,CLI给人最直白的感受是没有了build文件夹跟config文件夹,所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。有三种方式,推荐第二种标准版(无需安装依赖,
转载 6月前
14阅读
rem 量图计算公式:获取比值:设备尺寸/设计图尺寸 例如:设备宽度尺寸为   375px 、设计图尺寸为750px,计算获得比值为0.5,量得设计图上某个图片元素宽度为 100px,实际在375px宽度的设备上此元素为 100 * 0.5 = 50 px。故:设置html 下font-size 默认值为 0.5px,为了计算方便一般会以100倍计算,也就是50px,
转载 2023-06-08 13:05:43
473阅读
 为什么要使用rem之前有些适配做法,是通过js动态计算viewport的缩放值(initial-scale)。例如以屏幕320像素为基准,设置1,那屏幕375像素就是375/320=1.18以此类推。但直接这样强制页面缩放过于粗暴,会导致页面图片文字失真模糊。Px是相对固定单位,字号大小直接被定死,所以用户无法根据自己设置的浏览器字号而缩放,em和rem虽然都是相对单位,但em是相对于
1:解释器/编译器 我们需要格外注意的是:.class->机器码(一串二进制) ,这一步 JVM 类加载器首先加载字节码文件,然后通过解释器逐行解释执行(慢)+JIT运行时编译,下次可以直接使用(快)。所以机器码的运行效率肯定是高于 Java 解释器的。这也解释了我们为什么经常会说【Java 是编译与解释共存的语言】 。 解释器:程序需要迅速启动和执行时立即开始工作,默认选择的方式,一行一
转载 5月前
4阅读
原文链接:http://caibaojian.com/simple-flexible.html//code from http://caibaojian.com/simple-flexible.html<style id="rootFontSize">html{font-size: 100px !important;}</styl
转载 2017-11-20 10:54:20
1003阅读
!function(n){ var e=n.document, t=e.documentElement, i=720, d=i/100, o="orientationchange"in n?"orientationchange":"resize", a=function(){ var n=t.cli
转载 2020-12-07 14:54:00
134阅读
2评论
arr.reduce(callback,[initialValue])reduce是js数组的常用方法之一,我们叫它累加函数,一般我们经常使用它来进行数组的求和:let data = [1,2,3,4,5]; let sum = data.reduce((prev, next)=>prev+next) console.log(sum)//15但是它的用途只是这样的么?那显然不是的。。。下边我
目前我按照这样装是可以成功。Server和Client都是SP1Server上RMS和AD等安装在同一个Server上-----------Server:1、  Server端之前不要安装RMS。Server上需要安装IIS,ASP.net 1.1,消息队列。Server必须应用一个静态IP;2、  安装Sql Server2000(sp3);3、  安装AD,需要一
转载 2024-10-08 18:35:17
53阅读
rem是CSS3新引入的单位,它改良了往期版本中em单位使用不方便的缺点。(如果想了解em单位的更多信息,可以查看之前的文章:CSS中的em单位)一、em单位带来的问题我们知道,em的长度是根据元素自身的font-size大小来确定的:1em = 元素中文本的1个垂直高度如果元素自身没有设置font-size,那么em的长度将根据父元素的font-size来确定。另外,元素自身的font-size
转载 2024-06-29 23:30:25
179阅读
使用rem是为了界面响应不同尺寸的手机,引入下面的方法就可以使用rem了。 使用这个方法的代码:
JS
原创 2022-05-12 17:26:29
679阅读
前端开发中还原设计图的重要性毋庸置疑,目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代,要么自己去计算rem值,要么依靠编辑器安装插件转换。而本文的目标就是通过一系列的配置后,在开发中可以直接使用设计图的尺寸开发,项目为我们自动编译,转换成rem。技术栈vue-cli:使用脚手架工具创建项目。postcss-pxtorem:转换px为rem的插件。自动设置根节点html
rem是CSS3中新增加的一个单位值,他和em单位一样,都是一个相对单位。不同的是em是相对于元素的父元素的font-size进行计算;rem是相对于根元素html的font-size进行计算。这样一来rem就绕开了复杂的层级关系,实现了类似于em单位的功能。Rem的使用前面说了em是相对于其父元素来设置字体大小的,这样就会存在一个问题,进行任何元素设置,都有可能需要知道他父元素的大小,在我们多次
转载 9月前
30阅读
移动端布局长度单位转换一、场景描述二、实现方式1.安装2.配置3.其他配置三、多规则配置 一、场景描述一般我们做移动端网页开发时,设计稿一般都是固定的宽高的(比如750*1334)。但是实际上手机的屏幕大小千奇百怪,各种各样都有。这就要求我们开发人员很好的去处理兼容性问题。一般做长度兼容有两种方式,一种是使用rem,一种是使用vw、vh。这里就说一下将px转换为vw、vh。二、实现方式众所周知,
转载 2024-10-03 15:28:40
68阅读
一、 常见CSS设计模式分析oocssObject Oriented CSS,面向对象的CSS,旨在编写高可复用、低耦合和高扩展的CSS代码。OOCSS是以面向对象的思想去定义样式,将抽象(结构)和实现(样式)分离,抽离公共代码。区分结构和样式 在定义一个可重用性的组件库时,我们仅创建基础的结构(html)和基础的类名,不应该创建类似于border, width, height, backgrou
转载 10月前
34阅读
vue中env文件的配置vue项目中env文件的配置文件名:文件内容:关于文件的加载process.env属性注意修改完要重新启动一遍项目vue项目中 .eslintrc.jsvue项目中 .gitignorevue 项目中 .eslintignorevue 项目中.stylelintrc.jsvue 项目中 jsconfig.jsonvue 项目中 .editorconfig vue项目中en
转载 2024-10-25 20:49:08
52阅读
Visual Studio Code (简称 VS Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器。本文是有关 VS Code 的特性介绍与配置指南,相关设置主要针对 Mac OS X 平台。在快捷键部分, ⌘ 指 Command 键,⇧ 指 Shift 键,⌃ 指 Control 键,⌥ 指 Option/Alt 键。1. Visual Studio Code 特性简介1.1
自定义文件夹 nuxt.config.js dir: { assets: 'custom-assets', app: 'custom-app', layouts: 'custom-layouts', middleware: 'custom-middleware', pages: 'custom-pages', static: 'custom-static', store: '
 介绍vite        vue官方提供的前端构建工具。由两个部分组成        开发服务器:基于ES模块提供丰富的内建功能        构建指令:使用 Rollup 打包代码,提供预设配置Rollup:    &nbs
  • 1
  • 2
  • 3
  • 4
  • 5