前端实习⽇记（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进⾏联动：
(e).change()(4)三级联动⾃动增加宽度，使⽤
(3)为了将发送的数据拥有id与城市名，我们要给input传⼊id，使⽤(e).change() (5)重置select标签，使⽤.prop()，.prop( propertyName )：获取匹配的元素集中第⼀个元素的属性（property）值，通过这个事件来更改复选框布尔值达到重置的效果
(6)将项⽬使⽤Apache部署在服务器上，实现⼿机端直接访问localhost
AdminLTE
bower_components：存放了这个框架依赖的其他框架，如bootstrap，jquery、字体样式、图标样式等。
build： 编译前的源⽂件⽬录
dist：编译后的静态资源⽬录
pages：⽬录下是⼀些⽰例页⾯
jquery怎么进行验证plugins：⽬录存放依赖的插件
starter.html ：是 AdminLTE 建议⽤来作为起点的参考⽰例
index.html：是AdminLTE中⽐较完善的展⽰品，⽤于参考、借鉴。
熟悉常⽤jQuery特效代码及其中的jq写法，熟悉建站流程
2020/6/11
2020/6/12 - 6/14 休息
2020/6/15 - 6/17
了解并使⽤⼩程序，uni-app，使⽤HBulider进⾏⼩程序开发
技术栈：vue+vant+uni-app
实现⼩程序官⽹⾸页页⾯如⼿风琴菜单，轮播图等功能
（坑太多了吧…⽐如
图⽚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等，可以把更多时间放在该⽤的地⽅。
下班！回家冲论⽂！（⼼累）
现在更新可能就是每两周⼀更吧

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。