
三阶段项目1
weixin_43297321
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
BetterScroll 2.x 的 pulldown 使用、pullup使用
官方文档:https://better-scroll.github.io/docs/zh-CN/plugins/pulldown.html#%E5%AE%89%E8%A3%85BetterScrol滚动原理有唯一的子节点子节点必须超出包裹的高度new BScroll(‘容器名’) html内容必须已经渲染完成绿色部分为 wrapper,也就是父容器,它会有固定的高度。黄色部分为 ...原创 2020-03-15 19:57:20 · 4131 阅读 · 2 评论 -
gulp工具串行series()加载、并行parallel()加载
series()、parallel() 简介series()将任务函数和/或组合操作组合成更大的操作,这些操作将按顺序依次执行。对于使用 series() 和 parallel() 组合操作的嵌套深度没有强制限制。parallel()将任务功能和/或组合操作组合成同时执行的较大操作。对于使用 series() 和 parallel() 进行嵌套组合的深度没有强制限制。当使用 s...原创 2020-03-15 11:11:38 · 1555 阅读 · 0 评论 -
模拟数据动态循环加载到页面
positionController.js// 导入html模板import positionCon from '../../views/position/position.html'import positionItem from '../../views/position/positionItem.html'// 导入ajax.js文件,里面是数据传送(算是后台服务的一些代码)imp...原创 2020-03-15 10:00:34 · 253 阅读 · 0 评论 -
上线路径不能写死,相对路径用代理,以及json-server的跨域问题
上线路径不能写死,相对路径用代理将路径写死let url='http://localhost:3333/jobslist';//这个是模拟数据的地址能拿到数据,但是项目上线是不能写成绝对路径的,那么办法是,有一个相对路径,为了能拿到数据,配置一个代理http-proxy-middleware在gulpfile.js里面(http-proxy-middleware 代理插件),然后在使用代理...原创 2020-03-14 22:36:50 · 993 阅读 · 0 评论 -
json-server模拟数据&前后端合作模式
前后端合作模式前后端并行开发、后端已经开发完成(接口都写好了)后端已经开发完成那接口就能直接用了呗,省事。前后端并行开发1、前后端确定接口,形成接口文档(很重要)2、前端需要做模拟数据json-server 做模拟数据:1、安装:yarn global add json-server (全局安装); npm install -g json-server (或者用nod...原创 2020-03-14 14:16:23 · 457 阅读 · 0 评论 -
移动端适配方案
1、按照比例缩放1像素问题 & 混合器@mixin & 设备像素比dpr & 媒体查询@media2、按照绝对单位好处:根据内容大小,显示更多的内容,具体体现在:大分辨率展示的文字更多,小分辨率展示的文字更少。缺陷:如果把放大率放到足够大,会发现,被固定死的内容的大小不会更改,这时候就需要另外适配。操作:把font-size固定死:在iPhone6/...原创 2020-03-13 09:07:58 · 269 阅读 · 0 评论 -
1像素问题 & 混合器@mixin & 设备像素比dpr & 媒体查询@media
1像素问题产生的原因:不同的设备像素比(dpr ,全称devicePixelRatio)导致的,比如dpr=2,那么在设备上就会占用2个物理像素去展示 css 里面的1个像素。如图,可在后台查看不同设备的dpr:解决办法:以上图灰色边线(border:1px solid #e8e8e8)为例,试着把1px的边线封装成一个方法,可以用伪元素::before来模拟border。用媒体...原创 2020-03-12 17:52:13 · 557 阅读 · 0 评论 -
项目流程&研发环境的搭建gulp + webpack
项目流程1、需求分析(需求文档,产品部门提供)2、原型设计(.rp文档,Axure软件,产品经理输出、UI偶尔)3、UI (user interface,用户界面)UE (user experience,用户体验)UED (user experience design,用户体验设计)UCD (user center disign,以用户为中心的设计)4、架构设计 & 技术调...原创 2020-03-10 02:52:26 · 193 阅读 · 0 评论