idataway_前端

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545; min-height: 14.0px }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px ".PingFang SC"; color: #454545 }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 }
span.s1 { font: 12.0px "Helvetica Neue" }
span.s2 { font: 12.0px ".PingFang SC" }

一半架构,一半标准。---纯属个人意见

-----------------------------------------

基本的插件:(尽量使用iviews)

1.传输图片。

2.下拉框。日期控件。

3.message提示框。

5.弹出框的封装。

6.基本的alert和conform.

7.分页的封装。

--------------------------------------------------------------

基本的技术封装:

1.ajax,jsonp的封装。注意生命周期。

2.tab中滚动条的滚动长度的记录。(放到最后)

3.可见加载。

4.路由。

5.cookie操作的封装。

6.js渲染dom的引擎。推荐handerbars也可以考虑其他。

-----------------------------------------

基本配置的封装。

1.前后端的一些宏定义。

错误代码

var ec = {
        "00000101": "用户名或密码不能为空",
        "00000102": "用户名不存在",
        "00000103": "密码错误",
        "00000104": "用户被禁止使用",
        "00000105": "用户名不能为空",
        "00000106": "用户名xxxxx已经存在(导入时动态显示错误用户名)",
        "00000107": "登录会话超时,请重新登录",
        "00000108": "导入用户失败,请联系管理员!",
        "00000109": "手机号不能为空",
        "00000110": "公司名不能为空",
        "00000111": "公司地址不能为空",
        "00000112": "联系电话不能为空",
        "00000113": "邮箱不能为空",
        "00000114": "手机号码xxxxx或者Email xxxx的用户已经存在!",
        "00000115": "获取数据失败,请重试!",
        "00000116": "新旧密码不能相同",
        "00000118": "活动结束时间必须晚于今天",
        "00000201": "上传文件失败",
        "00000202": "上传的不是图片文件",
        "00000203": "裁剪失败(原图无法下载)",
        "00000205": "上传文档格式不正确",
        "00000206": "上传的文件尺寸不能为0",
        "00000231": "调用远程服务失败",
        "00000204": "裁剪失败(裁剪图片时出现错误)",
        "00000401": "未绑定公众号,操作失败",
        "00000402": "您已被纳入黑名单,操作失败",
        "00000403": "非法请求",
        "00000405" : "绑定失败,公众号信息无效",
        "00000901":  "当前组下没有用户"
    };

    //  前端错误码扩展
    $.extend(ec, {
        "00000010": "请裁剪图片再点击按钮",
        "00000011": "选择的项中,没有可以操作的记录。",
        "00000012": "上传失败(请求错误)",
        "00000601": "分类名称已存在",
        "00000701": "请选用系统提供的模板文件导入数据",
        "00000801": "关键字重复",
        "00000802": "传递的参数错误"
});

----------------------------------------------------------------

vue基本的组件封装

头部,尾部,二维码咨询弹窗。按钮弹窗。

----------------------------------------------------------------

基本的代码标准mvc。

1.css使用规范,统一less,scoped.

颜色同一定义到base.less中。

2.熟悉promise避免回调地狱。

3.熟悉js的柯丽化。

4.方法的参数,如果参数多余3个的统一使用Object.

5.注意代码的健壮性。对于传入的参数,或者数据处理结果必须类型的判断。不能报错。

6.父子之间的传参,对于可以使用强耦合的一定不要使用若耦合,对于需要放到全局vuex中管理的一定不能放到data中。

时间: 2024-10-10 12:07:53

idataway_前端的相关文章

前端自动化之webstrom

在刚接触前端的时候,使用的就一直是webstrom,版本是webstrom 8. 前端自动画使用的时候,因为webstrom 8版本是没有集成gulp的.所以每次使用都默默跑到Hbuild中使用. 实际最近在webstrom 12中找到了简单的方法,就连cmd都省了. 上图: 在gulp的gulpfile.js文件上右击,点击Show Gulp Tasks 会弹出gulp的控制窗口: 然后右键服务,点击run即可.

Day12 前端html

前端基础之HTML 老师博客: http://www.cnblogs.com/yuanchenqi/articles/6835654.html http://www.cnblogs.com/yuanchenqi/articles/6856399.html html:静态的内容都是一个html标签,是有一组组标签构成的文件 css:对一个个标签做渲染定位 js:所有页面的动态效果做渲染定位 当写一个简单服务端的时候,一般这样写: 主要的是这:conn.send=("HTTP/1.1 201 OK

前端里移动端到底比pc端多哪些知识?

前端里移动端到底比pc端多哪些知识,为啥面试时好多公司都问h5水平如何? 我做过几年的web前端开发,就简单谈谈自己的感受吧. 首先来看看PC端和移动端在前端开发上的一些区别: (1)PC考虑的是浏览器兼容性,移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器用的都是webkit内核,所以做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化: (2)在部分事件的处理上,移动端自然是偏向于触屏的,所以触屏事件的一些规律要多摸索一下,

一张图掌握移动Web前端所有技术(大前端、工程化、预编译、自动化)

你要的移动web前端都在这里! 大前端方向:移动Web前端.Native客户端.Node.js. 大前端框架:React.Vue.js.Koa 跨终端技术:HTML 5.CSS 3.JavaScript 跨平台框架:React Native.Cordova 前端工程化:Grunt.Gulp.Webpack 前端预编译:Babel.Sass.Less 自动化测试:Jasmine.Mocha.Karma 一图在手,应有尽有! 更多信息参考:https://item.jd.com/12170351.h

C#开发微信门户及应用(47) - 整合Web API、微信后台管理及前端微信小程序的应用方案

在微信开发中,我一直强调需要建立一个比较统一的Web API接口体系,以便实现数据的集中化,这样我们在常规的Web业务系统,Winform业务系统.微信应用.微信小程序.APP等方面,都可以直接调用基于JSON数据格式的Web API接口,在我之前的几篇随笔中,对这方面都有一定的介绍,本篇继续这个主题,细致深入的阐述如何在接口和源码的基础上整合Web API.微信后台管理及前端微信小程序的应用方案. 1.基于Web API的微信开发框架 首先我们各个业务模块,都应该围绕着Web API进行展开,

前端页面适配的rem换算

为什么要使用rem 之前有些适配做法,是通过js动态计算viewport的缩放值(initial-scale). 例如以屏幕320像素为基准,设置1,那屏幕375像素就是375/320=1.18以此类推. 但直接这样强制页面缩放过于粗暴,会导致页面图片文字失真模糊. Px是相对固定单位,字号大小直接被定死,所以用户无法根据自己设置的浏览器字号而缩放,em和rem虽然都是相对单位,但em是相对于它的父元素的font-size,页面层级越深,em的换算就越复杂,而rem是直接相对于根元素,这就避开了

一个前端所需具备的PS能力

前端网页设计+静态实现案例 放一个2天半内给某公司完成的(设计 + 静态实现)的案例吧,静态阴影用CSS3实现的http://www.cnblogs.com/MuYunyun/p/5693615.html,我最开始设计的时候就想好要用什么实现,各个框的大小是多少(精确到1像素),以及颜色搭配等等. 还有很多素材我就不演示了,设计了好些网页模板,如果有大家想用PS进行网页制作,欢迎大家交流. 很多人做前端只是掌握了最基本的切图(甚至连切图都有不会的),就连小小改动都要麻烦设计师,这就大大浪费了时间

分享第二届中国前端开发者大会与会心得

第二届中国前端开发者大会(FDCon2017)是在上海举办的针对前端技术(HTML5,CSS,JS)的互联网开发者所举办的最盛大和权威的相关技术会议,由技术社区TopGeek主办.汇智Tek联合主办,致力于推动各类前端技术等在移动互联网领域的研发和应用. 随着新一代的前端技术的发展,给前端开发者带来巨大的创新应用实践机会,本大会以“高效前端开发实践和创新”为主题,内容涵盖电商.旅游.门户.搜索.分类广告.移动互联网等多种业态的技术经验分享,涉及各种WEB和APP前端开发技术和架构设计等方法论.

前端开发四

7.闭包问题 闭包:函数能被外部调用到,则该作用连上的所有变量都会被保存下来. 作用:①可以读取函数内部的变量:②相当于划出了一块私有作用域,避免数据污染:③让变量始终保存在内存中 使用全局变量被认为是不好的习惯,而且容易造成错误并且维护成本较高,所以js可以采用闭包的方式读取函数的内部变量.但是如果大量使用闭包就会造成过多的变量始终保存在内存中,会造成内存泄漏. 一个简单的闭包例子: function f1(){ var n=999; function f2(){ alert(n); } re