第一步 ： npm install lib-flexible postcss-pxtorem -S 第二步： 运行指令展示出 webapck.config.js 文件 npm run ejectAre you sure you want to eject? This action is perman ...
转载
2021-04-23 16:29:00
1448阅读
2评论
js有个第二定律好的属性/选择器一定不兼容
/* 获取类名通用代码*/
function getClassName(){
if(document.getElementsByClassName){
dosoming.......
}else{
getClassName(className);
}
function getClassName(classNam
当我们准备在移动端写HTML的时候，首先需要考虑到手机显示屏幕的大小与PC的差异性。我们可以通过两种方式进行媒体查询来区分移动端和PC端的访问用户。第一种，<style>
@media (min-width:500) and (max-width: 1000px)
.class{ background: #ccc; }
</style>当屏幕尺寸大于500像素且小于1000
如何在vue-cli3.0中使用postcss-plugin-px2rem 插件 插件的作用是 自动将vue项目中的px转换为rem 。为什么这三个中要推荐 postcss-plugin-px2rem呢？因为 postcss-plugin-px2rem 这个插件 配置选项上有 exclude 属性，它可以配置 是否对 某个文件夹下的所有css文件不进行从px到rem的转换。所以我们可以利用这个特性
转载
2024-06-17 07:37:43
47阅读
1，引言在Python网络爬虫内容提取器一文我们详细讲解了核心部件：可插拔的内容提取器类gsExtractor。本文记录了确定gsExtractor的技术路线过程中所做的编程实验。这是第一部分，实验了用xslt方式一次性提取静态网页内容并转换成xml格式。2，用lxml库实现网页内容提取lxml是python的一个库，可以迅速、灵活地处理 XML。它支持 XML Path Language (XP
转载
2024-10-12 13:57:58
49阅读
用php生成静态html页面 因为每次用户点击动态链接的时候都会对服务器发送数据查询的要求对于一个访问量可能达百万千万级别的网站来说 这无疑是服务器一个大大的负担所以把动态数据转换成静态html页面就成了节省人力物力的首选因为此前没有相应的经验 刚开始的时候觉得这个技术很神秘但在看了一些例子以后发现并不是那么复杂（不过网上的资料并不是特别详细）经过一个上午加中下午的试验 终于把该做的任务完成了 下
至今除了小程序没怎么接触过移动端，问了下朋友移动端都是怎么做适配的 1.rem，这个单位转换比较麻烦，特意问了下有没有什么可以自动转的，这里给出一个叫px2rem-loader的工具，和lib-flexible一起使用的 2.boots tarp这个框架，，已经很久没用了，留个标记需要的时候去捡起来 ...
转载
2021-08-19 16:02:00
229阅读
2评论
如果是做 PC 端的网页，无需做 rem 适配，但是做 H5 开发，rem 是需要做一下的 方案一： Vant 官方也为我们提供了方案，如下图所示： 咱们就按照官方为我们提供的方案进行适配，安装它们： yarn add lib-flexible -S yarn add postcss-pxtorem ...
转载
2021-10-12 16:01:00
729阅读
点赞
、vh等。每个单位都有特定的用途，比如当需要设置一个矩形的宽高比为16:9，并且随屏幕宽度自适应时，除了用%，其他单位是很难做到的。
转载
2022-08-29 22:25:02
1932阅读
rel是Relations的所写 指关联到一个stylesheet（样式表单) <link>标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素，它仅包含属性。此元素只能存在于 head 部分，不过它可出现任何次数。在 HTML 中，<link> 标签没有结束标签。在 XHTML 中，<link&
移动端技术选型 ：方案单独制作移动端页面（主流）：技术流式布局（百分比 布局） 例如 京东flex弹性布局（强烈推荐） 例如 携程网less+rem+媒体查询布局 例如 苏宁混合布局响应式页面兼容移动端（其次） 例如 三星（一个页面兼容所有）媒体查询bootstrapflex布局 原理：通过给父盒子添加flex属性，来控制子盒子的位置和排列方式rem布局+媒体查询文字能变化以前的不能设置高度元素的
安装npm install px2rem-loader lib-flexible --save 入口文件main.js加上import 'lib-flexible/flexible.js'在index.html加上 <meta name="viewport" content="width=device-width,initial-scale=1.0"> <met...
原创
2021-08-26 11:21:26
512阅读
前端页面适配 不同设备分辨率不一样，因此需要页面适配 前端如何做页面适配？ css媒体查询实现响应式布局 这种方式的缺陷就是需要编写多套适配样式代码 css3 rem单位 W3C对rem的定义: font-sise of the root Element. 即根元素的fontsize大小 rem: ...
转载
2021-09-24 00:38:00
929阅读
2评论
安装npm install px2rem-loader lib-flexible --save 入口文件main.js加上import 'lib-flexible
原创
2022-03-08 14:40:36
435阅读
前端小工具-HTML转换PDFHTML转换图片HTML转换PDF，主要用 html2canvas+jsPDF 对页面进行截图然后转换PDF。实践时间和兼容性，html2canvas 存在历史遗留问题，微信环境会假死，iOS13.4,13.7 等版本也假死的情况，低版本html2canvas对新浏览器支持也够。后来个人项目直接废弃了。html2canvas 太强大，同时也遗留很多兼容问题，
网页设计的设计要点我们都知道网页设计是网站是企业向用户和网民提高信息的一种方式，对于商务的发展有着极其重要的作用，网页设计的好坏直接影响了企业的形象，那么网页设计有哪些设计要点呢?下面是由百分网小编为大家整理的网页设计的设计要点，喜欢的可以收藏一下!了解更多详情资讯，请关注应届毕业生考试网!确定网页的整体风格在网页设计上，首先设计者要将网页的标志LOGO，尽量的放在网页最突出、最引人注目的位置上，
目录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、设置根
前言 先说说 shouldComponentUpdate提起React.PureComponent，我们还要从一个生命周期函数 shouldComponentUpdate 说起，从函数名字我们就能看出来，这个函数是用来控制组件是否应该被更新的。简单来说，这个生命周期函数返回一个布尔值，如果返回true，那么当props或state改变的时候进行更新；如果返回false，当props或state改变
css 中单位很多 %、px、em、rem，以及比较新的vw、vh等，每个单位都有特定的用途，而我呢，往往不知道什么时候该用什么，调重点总结一下使用px，结合Media Query进行阶梯式的适配；使用%，按百分比自适应布局；使用rem，结合html元素的font-size来根据屏幕宽度适配；使用vw、vh，直接根据视口宽高适配。在这些大前提下，对小的细节做微调。比如使用px的时候，可
这应该是vue项目在适配移动端时候，最简单的方法之一下面是基本步骤（使用cnpm）1.下载并引入lib flexible 在main.js中 ：import 'lib flexible/flexible'2.引入px2rem loader 3.将px2rem loader添加到cssLoaders
转载
2018-12-13 13:37:00
162阅读
2评论
