大前端
关注
分享
扫一扫
文章平均质量分 89
大前端知识，学习笔记
DTQX
这个作者很懒，什么都没留下…
展开
-
H5移动端屏幕自适应原理
根节点字体大小 RFS，屏幕宽度 SW，浏览器默认字体大小DFS，对html font-size的缩放比rate = RFS/DFS，使用的长度a rem = p / RFS rem。选择一个标准：iPhone6，SW0=375px，RFS0设为50px。自适应原理，内容随屏幕宽度进行变换。即当SW变换时，通过改变rate， 让 p进行变换，而a不变。SW1 / SW0 = p1 / p0 =...原创 2020-02-28 18:46:12 · 761 阅读 · 0 评论 -
png & jpg
PNG是无损压缩，保存了原始图片的完整数据，JPG是有损压缩，只是大概看上去和原始图像一样，其实损失了一些细节，或者多了噪点等等，损失的程度主要看压缩的质量，文件越小质量越低，损失就越大。还有，PNG和JPG所采用的色彩空间不一样，PNG大部分应该都是RGB色彩空间（或者RGBA，多一个透明通道），如果不压缩的话，每一个像素要占24位或32位或者更高，而JPEG大部分使用的yuv色彩空间...原创 2020-02-28 18:45:39 · 312 阅读 · 0 评论 -
移动端使用图片尺寸问题
一般手机端以375px的宽度为准，所以一般用750px宽度的图片就可以了原创 2020-02-28 18:45:03 · 2360 阅读 · 0 评论 -
iview form表单的一些坑
props: { order: { type: Object, required: true, }},data() { return { formItem: { user: { uname: '', user_id: '', mobile: '',...原创 2020-02-28 18:44:17 · 697 阅读 · 0 评论 -
webpack html插件
<%= require('raw-loader!../common/meta.html') %>这里使用了webpack的html插件，raw-loader插件index.html<!DOCTYPE html><html lang="zh-CN"> <head> <%= require('raw-loader!...原创 2019-12-23 20:46:38 · 206 阅读 · 0 评论 -
devServer.historyApiFallback
本来这玩意不值得写一篇博客的，但是坑爹的是我在网上搜了一圈解决方案都不可行，webpack-dev-sever官网的文档使用说明还有误导性。最后还是自己慢慢拨出来的。问题的产生browserHistory如何设置路由react-router有3种路由方式：贴近实际路由的browserHistory，我们熟悉的兼容性很好的hashHistory，还有我还没了解的createMemoryH...转载 2019-12-23 20:39:17 · 8547 阅读 · 0 评论 -
webpack构建多页面工程
很多时候一个工程需要多个单页面应用（多入口），用于不同的模块，或者不同的端。 1.注意点：webpack构建出来的多页面，每个页面都是不相关的，js运行环境不同，window对象不同，如果是Vue，那么每个页面的vue实例不同，每个vue实例都有自己的vuex、router。 2.根据文件目录自动生成entry目录结构： 代码：let en...原创 2019-12-23 20:34:47 · 308 阅读 · 0 评论 -
为什么使用yarn
Yarn是什么？“Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。”这句话让我想起了使用npm时的坑了：-npm install的时候巨慢。特别是新的项目拉下来要等半天，删除node_modules，重新install的时候依旧如此。- 同一个项目，...转载 2019-12-23 20:07:41 · 778 阅读 · 0 评论 -
腾讯地图使用谷歌瓦片
示例：http://www.1hwj.net/map/tengxun/map_tx.html参考：Google 地图切片URL地址解析，腾讯与百度地图瓦片规则分析 // 瓦片 var earthlayer = new qq.maps.ImageMapType({ name: 'tentxun', alt: ...原创 2019-04-19 17:34:29 · 2376 阅读 · 1 评论 -
echarts ，tree图，设置连线颜色，可以独立每条线分开设置
myChart.showLoading();$.get('data/asset/data/flare.json', function (data) { myChart.hideLoading(); echarts.util.each(data.children, function (datum, index) { index % 2 === 0 &&a...原创 2019-02-22 15:46:24 · 12011 阅读 · 1 评论 -
jQuery 属性 CheckBox
jQuery 属性 CheckBox checkbox的选中与未选择分别通过$('#editWork-0-268').attr("checked","checked")，$('#editWork-0-268').removeAttr("checked")来设置。原创 2018-09-18 12:19:10 · 226 阅读 · 0 评论 -
EasyUI datagrid 与 input type=color 颜色选择器
EasyUI datagrid 与 input type=color 颜色选择器一、场景 在企业管理系统中easyUI用的比较多，尤其是datagrid。但是datagrid自带的editor不支持h5新增的input type=color颜色选择器。这里介绍一个简单的实现方法，datagrid与input type=color结合使用。 二、实现...原创 2018-09-12 20:53:08 · 2120 阅读 · 0 评论