当前位置: 首页/ 未分类/
个人博客,个人网站,丫丫加油,前端工程师
eslint的配置和使用
2019-04-11 阅读:238 类别:未分类走心Share
http://note.youdao.com/noteshare?id=9d3d960c29f70fac49c3e67f08860835 1、项目使用lint汇总 项目 构建方式 风格 自定义rules MBF4 ...
555
尝试prerender-spa-plugin进行服务端渲染
2018-07-09 阅读:3,250 类别:走心Share
使用vue做了多个后台管理的多页面应用,项目越积越大,使用静态资源CDN加快了网页访问速度,使用vue的路由懒加载,减少首次加载的js大小,总感觉对于提升单页面的性能和扩充性,没有实质性提升! 一直以来,使用惯了vue,就总想...
1
关于css的positon定位分析总结及实例分享
2018-06-14 阅读:700 类别:走心Share
CSS 有三种基本的定位机制:普通流、浮动和绝对定位。 一、定位 position 属性值的含义(摘抄http://www.w3school.com.cn/css/css_positioning.asp): static        元素框正常生成。块级元素生成...
1111111
编写一个简单的原生JavaScript提示插件
2018-05-28 阅读:819 类别:走心Share
近两年,都写的Vue。前段时间,帮后端朋友写几个小页面,由于数据他们自己嵌套,甚至用到后台渲染数据到页面,所以采用zepto的框架,使用require.js做模块化,方便他们看到更直观、熟悉的代码进行数据调用! 查看代码  ...
005
前后端分离有感
2018-04-13 阅读:55 类别:走心Share
一、前后端历史         无前端                1、后台全包—静态html(table)         2、后台模板—渲染数据,后端编译  php ...
bg2012050107
界面设计与前端代码实现一套自适应UI
2018-04-13 阅读:2,138 类别:走心Share
一、什么是自适应 名词解释:2010年,Ethan Marcotte提出了“自适应网页设计”(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。 即达到——”一次设计,普遍适用”...
1122
webpack对于公共资源的提炼之webpack.optimize.CommonsChunkPlugin
2018-01-09 阅读:31 类别:走心Share
一、环境搭建 1、安装 mkdir webpack-li && cd webpack-li npm init -y npm install --save-dev webpack webpack-dev-middleware webpack-dev-server webpack-manifest-plugin webpack-merge xml-loader clean-we...
1005
跨域的7种方案
2017-09-12 阅读:769 类别:走心Share
1、cros跨域–被跨域的后台请求设置’Access-Control-Allow-Origin’–被跨域后端配制–ajax 2、jsonp跨域–被跨域的后台请求设置callback(script引入)–前后端配合–...
1003
vue2.0国际化的实现vue-i18n6.x
2017-09-01 阅读:7,683 类别:走心Share
一个采用vue-cli搭建的单页面管理系统,采用了elementUI作为前端框架。为了实现多语言,便测试了vue-i18n的功能实现过程。http://kazupon.github.io/vue-i18n/en/started.html 1、安装 npm install --save vue-i18n 2、引用...
1004
前端代码错误日志监控——Sentry
2017-08-31 阅读:5,683 类别:走心Share
随着项目工程化的发展,对于提升产品性能的要求也越来越多。产品即便通过研发自测,测试各种测,到了用户使用过程中,依然还是会出现一些bug;这对这些bug,不是所有用户会进行反馈(难以发现这些问题)甚至抛弃对于产品的使用;而...
185
将px转化成rem—gulp postcss-px2rem
2017-02-20 阅读:7,806 类别:走心Share
今天,就把px和rem的单位间的转化记录一下,~祭奠一下这段心酸的历程!        第一阶段:从第一天写用于手机端的页面时,只是把宽高用百分比做了比例框架,文字之类的都还是用px,在手机浏览器可以正常查看...
185
将px转化成rem—gulp postcss-px2rem
2016-12-26 阅读:1,803 类别:走心Share
手机端自适应,文字也需要根据屏幕大小而变动。px为设计师设计界面时遵循的大小,而且设计师在给出相关定义时文字大小和长宽高均为px。稍有经验的前端会知道,自适应的文字单位为rem,可以根据手机屏幕320px~的大小比例而变化。 ...