腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

vue学习

专栏作者

155

文章

172479

阅读量

42

订阅数

一次讲清移动端适配解决方案—rem和vw

单片机 http postcss css 网站

目前移动端的适配方案一般就是两种，一个是rem方案，一个就是vw的方案，本篇就是一次性讲清楚如何去运用这两种方案来解决问题。 panda-vue-template 手把手搭建vue小商城2.0 1、关于rem rem的原理什么的我就不说了，网上搜文章一搜一大把。一般是使用手淘的lib-flexible.js，但是这个作为一种过渡方案已经被废弃了，目前已不推荐在你的新项目中使用这个方案来解决手机适配问题。感兴趣可以看看我老早以前写的这篇-->手机适配问题之rem和lib-flexible,我

2020-04-01

1.1K0

浏览器默认样式、1px边框问题、css预编译

vue.js css postcss sass http

参考链接：移动端1px解决方案 vue-cli css相关 normalize.css

2020-04-01

3870

14、 webpack从0到1-HMR（热模块更新）

webpack 打包 javascript css https

说下热模块更新这个时常被谈到的问题，工作中也比较常见到、面试中也比较常问到的问题。 git仓库：webpack-demo 1、HMR HMR(Hot Module Replacement)也就是热模块更新，是用来干什么的呢？就是你可以实时的更新某个状态而浏览器不重新刷新。举个具体的例子可能就理解了啊，比如我们现在要把一个div块的颜色从白色改为黑色，最直接方便的办法是怎样？不是去编辑器里面改代码，然后等浏览器refresh这样去看效果；而是直接打开调试着工具，改一下它的颜色就可以看到效果了。使

2020-03-24

4180

13、webpack从0到1-css代码分割

webpack 打包 css 编程算法 git

前面chapter11介绍了js的代码分割，本章说下css的代码分割如何弄。 git仓库：webpack-demo 1、开始前面chapter11章讲CodeSplitting的时候已经讲过代码分割的概念了，是个什么东西，但那是对js模块做代码分割，这节说下css的代码分割。主要借助的就是一个插件：MiniCssExtractPlugin，还是沿用我们以前的代码，我们先来安装一下。 $ cd chapter13 $ npm install mini-css-extract-plugin --sa

2020-03-24

3760

6、webpack从0到1-less、sass、postcss

单片机 http postcss css sass

参考链接： postcss-loader webpack css-loader

2020-03-20

1K0

5、webpack从0到1-处理css文件

webpack css javascript html php

讲下webpack如何处理css样式文件。 git仓库：webpack-demo 1、新建进入项目中，在src目录下新建一个styles/header.css文件。 webpack-demo/chapter5 ... |- /src |- /assets |- content.js |- footer.js |- header.js |- index.js |- logo.js + |- header.css |- index.ht

2020-03-20

7560

简单又快捷的进度条—NProgress库了解一下

推荐一个小而美的进度条库nprogress 1、介绍就是这么一个效果，如下图所示官网、github 2、安装引入安装 $ npm install --save nprogress main

2019-10-21

7300

20、分类详情页之数据渲染

javascript node.js 渲染数据结构 css

然后复制一系列就是我们左侧栏的各个标题了，记住这里的每个标题的id要和首页各个分类名的id相对应。

2018-09-04

9610

19、分类详情页之基本页面结构

vue.js https css 网络安全 javascript

具体关于路由的跳转就不多讲了，具体可以参考前面第5章vue-router之什么是编程式路由

2018-09-04

6100

8、手机适配问题之rem和lib-flexible

css https 网络安全 javascript github

flexible方案是手淘经过多年的摸索和实战，总结出的一套移动端适配方案，这里我推荐一篇w3c大漠老师的一篇文章使用Flexible实现手淘H5页面的终端适配，里面详细的讲解了该方案的使用和原理。

2018-09-04

1K0

14、商品分类等模块及flex布局

css html github git 开源

这是这本章节的重点，大家可以看到在我的页面基本布局中大量使用了flex布局，所以我觉得这个很重要。（1）这是对flex的语法总结的一份思维导图，大家可以看看

2018-09-04

8020

11、组件入门及写个首页头部组件

vue.js css https 网络安全

前言：项目准备工作说了很久，不知道大家学会了没有？今天开始我们开始正式搭建页面，先从首页开始，在搭建页面的过程中，我也会将vue的知识点在其中穿插讲解，但是你最好是提前看看官方文档。ok，今天我们来讲下组件，然后搭个头部组件实现复用； GitHub：https://github.com/Ewall1106/mall

2018-09-04

8680

前端面试题总结（持续更新。。）

css 编程算法 html

HTML部分 DOCTYPE的作用？标准模式和兼容模式各有什么区别？告知浏览器的解析器用说明文档标准来解析这个文档；如果在文档开始处没有发现文档类型声明或者格式不正确将会导致浏览器开启兼容模式。标准模式以该浏览器支持的最高标准运行；兼容模式以一种宽松的向后兼容的方式显示。页面导入样式时，使用link标签和@import标签有什么区别？ ①link标签属于html标签，而@import是css提供的。②页面被加载时，link会被同时加载，而@import引用的css会等到页面被加载完在加载。③@i

2018-09-04

7450

webpack javascript node.js 打包 css

前言：这两天在网上找了些视频和资料学习webpack，最后发现官网上的教程原来就写得很好，只是都是全英文的一开始不想去看。。。。今天认真看了下官网教程，然后总结下这两天的对webpack入门的学习，写一下互相学习，英语好的就直接去官网看吧webpack官方入门教程。（话说很久没学英语了，学好英语真的很重要） 1、安装打开node，敲入命令行 ①全局安装

2018-09-04

4860

underscore.js源码解析2

underscore http 编程算法 html css

undefined派生自null，所以两者相等（==）,但是不全等（===），所以这里如果obj是undefined则会返回false。

2018-09-04

9610

25、商品详情页

css vue.js github git 开源

（1）复制一份test.vue文件并重命名为goodsDetail作为我们的商品详情页面

2018-09-04

2K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态