piaokongyu-优快云博客

原创 css布局技巧-【文字居中，左右实线】

效果：解决方案：1.html5标签代码： css: fieldset{ border: none; border-top: 1px solid red; text-align: center; }

2017-03-13 11:53:46 882

原创营销页html的制作

页面情况：页面复杂字体类型多背景图片多不规则图形多且复杂页面内容多变常规处理难点：常规的代码实现工作量大（绘制各种不规则图形）当营销的内容改变时，麻烦可想而知不能兼容ie8解决方案：1.营销页切片 2.使用useMap定位添加点击区域（或创建a标签百分比定位）技巧：（首屏内容切为2-5个图片，其余的切为小于80kb的图片【压缩后】）优点：技术难度低方便快捷兼容性好适

2017-03-13 11:51:07 725

原创 webpack引用动态资源路径错误的解决方案

问题：打包的项目为根目录引用时(ip:端口/index）,如果资源通过js动态加载。会导致路径引用错误需求：项目需要挂载在主站的次级目录（如：*/marketing/）解决方法把项目打包为相对路径；通过配置vue-router，打包部署包时加上路由前缀（如：/marketing/路由A）; fis.hook('relative'); fis.match("**

2017-03-13 11:49:54 3054

原创微信分享链接title,图片的实现(多页面)

需求：分享页面给好友、朋友圈时，自定义文字与图标实现： //标题 document.title="标题内容"; //分享的图标 .share-img { position: absolute; display: none; } //必须保证分享的img为第一个img节点 <div class="shar

2017-03-13 11:47:20 1938 2

原创项目中使用rem的可用方案

兼容性ie9+javascript:<pre><code>//重置font-sizevar _w = document.documentElement.offsetWidth;var htmlDOM = document.getElementsByTagName('html')[0];if (_w >= 640) { _w = 640;}htmlDOM.style.fontS

2017-03-13 11:42:28 504