前端实习日记(6月前两周)

我的前端实习日记

背景：本人三本 大三 文科专业，疫情期间闲来无事，在家自学五个月前端后出来碰碰运气，只在智联投了一家小公司（主要是有写可以培养非科班的同学），投过去后没多久就接到了电话面试，问了几个问题发现自己菜的呀…机缘巧合还是来了这家小公司，只有10元每天的交通补贴（坐地铁过来就要12块…），但是想着实习经历更宝贵，也得到了家里人的支持，开始了面向CV编程的职业生涯

欢迎大家留言指导，不胜感激

2020/6/8

熟悉了公司环境，了解大概流程，进行了简单的自我介绍之后就开始了实习工作，如阅读项目源码，熟悉系统数据流，操作后台管理中的增删改查，为的是了解项目逻辑，了解客户需求在实际开发中的影响；巩固了一下vue和ajax

2020/6/9

熟悉系统数据流:

$ajax包含内容

    $.ajax({
         url  请求的url地址,
         dataType  返回的数据格式,格式为json,
         async: true  请求是否异步，默认为异步，这也是ajax重要特性,
         data: { "pid": _this.value }    参数值,
         type: "POST",   请求方式，另外有get请求,
         beforeSend: 请求前的处理,
         success: 请求成功的处理,
         complete: 请求完成的处理,
         error: 请求出错处理
     })

注册页面包含的事件：

(1).非空验证（去空格）
(2).为何表单中不填写数据有些空会报红有些不会：required关键字
(3).范围验证（根据一个范围进行判断）
(4).固定格式验证：电话号码，身份证号，邮箱，信用卡号等的验证；需要用到正则表达式来进行验证。
(5).三级联动（省市县）
(6).*上传图片功能
(7).点击提交后进行验证，不符合提交则进行提示，否则跳转注册成功页面
(8.)验证码(手机验证码、图片验证码等)

登录页面包含的事件:

(1)登录按钮、注册按钮
(2)提交表单之后进行验证，验证通过登陆成功，否则提示失败（跳转页面中包含自动跳转功能，用到了计时器）
(3)非空验证（去空格）
(4)验证码(手机验证码、图片验证码等)

*用户隐私信息需要用POST请求，对比GET更加安全
*利用bootstrapValidator：用于表单验证

2020/6/10

1.刷新验证码的实现：
(1)绑定验证码图片点击事件
(2)调用后台的api中的src获取验证码图片
(3)后面要加上Math.random()随机数实现点击刷新

2.三级联动：
(1)绑定省市县三个表单框
(2)使用ajax进行联动：
(3)为了将发送的数据拥有id与城市名，我们要给input传入id，使用$(e).change()(4)三级联动自动增加宽度，使用$(e).change()
(5)重置select标签，使用.prop()，.prop( propertyName ):获取匹配的元素集中第一个元素的属性（property）值，通过这个事件来更改复选框布尔值达到重置的效果
(6)将项目使用Apache部署在服务器上，实现手机端直接访问localhost

AdminLTE
bower_components：存放了这个框架依赖的其他框架，如bootstrap，jquery、字体样式、图标样式等。
build： 编译前的源文件目录
dist：编译后的静态资源目录
pages：目录下是一些示例页面
plugins：目录存放依赖的插件
starter.html ：是 AdminLTE 建议用来作为起点的参考示例
index.html：是AdminLTE中比较完善的展示品，用于参考、借鉴。

熟悉常用jQuery特效代码及其中的jq写法，熟悉建站流程

2020/6/11

http://sc.chinaz.com/jiaoben/
继续熟悉常用jQuery特效代码及其中的jq写法
熟悉vant vue脚手架vue-cli

2020/6/12 - 6/14 休息

2020/6/15 - 6/17

了解并使用小程序，uni-app，使用HBulider进行小程序开发
技术栈：vue+vant+uni-app
实现小程序官网首页页面如手风琴菜单，轮播图等功能

（坑太多了吧…比如
《mpvue中使用vant时需要注意的onChange事件的坑》
图片image和Toast 轻提示 引了全部用不了 也不知道是不是自己没搞对，找了其他方法代替了
搞了好几天，还是同事帮忙解决的，十分感谢他；

2020/6/18 请假一天考试

（疫情这个学期也太难了…各种论文代替考试…）

2020/6/19 - 6/20

19号老大说有个新同事要来，叫我们20号（周六）来他顺便讲一讲前端方面的知识体系和架构，盛情难却，又想到中间请了一天假，实在也不好意思再推脱了…（我的论文！！！）
这两天做了个小的预约功能，用了axios（其实还并不会用来传数据），勉强算实现了吧，晚点问问老大怎么改进

20日（周六）：老大下午开了一场沙龙，给我们分享了他的一些前端框架的应用心得，太底层的就过了一下。这里稍微总结一下吧

1. JQuery + Bootstrap 用于PC端公司官网开发等等，对SEO性能、搜索引擎比较友好，利于搜索引擎检索。
2. .Vue，angular.js，React等框架，主要用来开发后台系统、移动端、小程序。没有JQuery操作dom这么耗费性能，但是由于用的是模板和view之类的标签，搜索引擎并不是那么容易爬取得到内容。小程序和移动端用uni-app比较多，可以实现多端适配，但是HBuliderX不稳定，版本不一容易导致很多问题。
3. 前端现在慢慢也向工程化，组件化发展，常用的elementUI，vant，iview等ui框架自带了很多组件，极大提升了开发效率；node.js生成package.json，类比java的 Maven和 Gradle等，可以把更多时间放在该用的地方。

下班！回家冲论文！（心累）

现在更新可能就是每两周一更吧