一个认真生活的人，都值得被认
转载
2022-04-21 13:49:39
365阅读
一、父传子//父组件
<template>
<div id="app">
<Subassembly :Properties="Properties"/>//绑定一个属性挂载要传输的变量
</div>
</template>
<script>
import Subassembly from '组件路径';
expor
前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。技术栈vue-cli：使用脚手架工具创建项目。postcss-pxtorem：转换px为rem的插件。自动设置根节点html
转载
2024-02-26 12:46:39
280阅读
字体大小的设置单位，常用的有2种：px、pt。这两个有什么区别呢？先搞清基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；pt就是point，是印刷行业常用单位，等于1/72英寸。这样很明白，px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，“点”的大小
1.什么是rem来自于鹅厂ISUX团队的解释如下： rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的
一、rem介绍rem是什么？它的全称是 font size of the root element （根元素的字体大小）它是CSS3中新增加的一个尺寸（度量）单位，根节点（html）的font-size决定了rem的尺寸，也就是说它是一个相对单位，相对于(html)。浏览器的默认字体？浏览器的默认的font-size是16px，1rem默认就等于16px。（chrome最小字体为12px）rem可
转载
2024-06-18 20:31:53
188阅读
在移动端开发时，我们常常要使用rem适配页面元素大小。那么如何把px转为rem单位就是必做的换算。我们有2种方式快速的解决这个问题： 1.使用less，因为less支持变量和运算。 2.使用VS Code的第三方插件：cssrem，它能自动帮我们把px为单位的数据，转换成rem单位的数据 接下来就介绍下该插件的使用方法。 一、安装 与安装其他插件没有差别，只需要打开VS Code的扩
转载
2024-02-23 13:31:15
1812阅读
办公日常中，文档格式的相互转换是必然的，不同的文档格式使用范围不同，尤其是CAD软件的受众比较小，不转换成PDF和JPG之类的比较通用的格式，图纸的传播就会受到限制。今天，小编就给大家安利一个好用的CAD编辑软件--迅捷CAD编辑器。一、CAD批量转换成PDF1.在网上搜素后在官方网站进行下载，安装完毕后运行软件，按照“文件--批处理--批处理”的操作进入相应的界面。 2.先把所有需要转
px to re插件 px转rem
原创
2023-07-01 00:15:50
212阅读
字体大小的设置单位，常用的有2种：px、pt。这两个有什么区别呢？先搞清基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；pt就是point，是印刷行业常用单位，等于1/72英寸。这样很明白，px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，“点”的大
CSS的常用单位及用法小结1.绝对长度单位绝对长度单位是一个固定的值，可以反映真实的物理尺寸。在CSS中，最常用的绝对长度单位是像素（px），其他绝对长度单位还包括毫米（mm）、厘米（cm）、英寸（in）、点（pt）、派卡（pc）等。这些绝对长度单位之间的换算规则为：1in = 25.4mm = 2.54cm = 6pc =&n
转载
2024-04-20 20:53:09
224阅读
自适应是每个开发者必走的路，该篇掘文是前者踩过一些坑 而踏出来的几条路，希望这些经验能在开发的过程中帮助到大家！！！1.传统布局 => rem
方式一
const deviceWidth = document.documentElement.clientWidth || document.body.clientWidth;
document.querySelector(‘html’).
目录1、创建一个项目并启动2、设置根字体大小和单位转化3、去掉边框距离4、css的嵌套使用5、连接到手机上显示6、vant ui 库的使用6.1 基础用法6.2 底部导航栏7、模拟锤子商城7.1 请求数据7.2 解决跨越7.3 组件切换7.4 轮播图的实现 1、创建一个项目并启动npm init vue@latestcd demonpm installcode .npm run dev2、设置根
计算属性和侦听器计算属性模板内的表达式虽然方便，但是如果在进行复杂运算的时候，在模板中放入太多的逻辑会让模板难以维护。例如：<div id = "a">
{{ messgae.split('').reverse().join('') }}
</div>这段代码用于反转字符，当你想多次使用的时候整段代码的可读性就会变得非常差。所以，对于任何复杂一点的逻辑都应该使用计算
转载
2024-09-27 08:07:29
259阅读
（注：本文适用于有一定Vue基础或开发经验的读者，文章就知识点的讲解不一定全面，但却是开发过程中很实用的） 首先介绍一下混入mixin的概念：官方文档：混入提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。个人理解：混入就是用来对vue组件中的公共部分，包括
作者 | 陈龙Vue SSR概述什么是SSRServer Side Rendering(服务端渲染)SSR的优点更好的 SEO更快的内容到达时间SSR方案的权衡之处开发条件所限涉及构建设置和部署的更多要求更多的服务器端负载Vue SSR基本使用一个最简单的示例（官方）const Vue = require('vue')
const server = require('express')()
con
vue项目移动端、pc端适配方案vue项目移动端、pc端适配方案lib-flexible 根据屏幕宽度，自动设置html的font-size
postcss-px2rem 自动将px单位转换成rem
一、安装 lib-flexible和 postcss-px2remnpm i lib-flexible -S
npm i postcss-px2rem -S简要介绍这两个包的用途：lib-flexi
转载
2024-04-04 11:38:14
1547阅读
问：PAC是什么？
答：是Proxy Auto Config的缩写，实际上是一个JavaScript脚本。问：PAC脚本里面有什么？
答：这个脚本包含了一个FindProxyForURL(url, host)函数。问：FindProxyForURL函数有什么功能？
答：根据传入的url，可能会返回DIRECT或PROXY proxy.example.com:8080或类似的其他字符串，调用者可以根
前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。技术栈vue-cli：使用脚手架工具创建项目。postcss-pxtorem：转换px为rem的插件。自动设置根节点html
在做移动端开发，我们希望px自动转成rem，有三种方法1JS计算 就是自己手动去算，在app.vue中，通过JavaScript读取屏幕宽度，然后根据宽度计算出对应的尺寸并设置根元素的font-size。const oHtml = document.getElementsByTagName('html')[0]
const width = oHtml.clientWidth;
// 320px的屏
