前端

cookie 前端操作

久未见 提交于 2020-01-13 00:00:53
数据持久化操作 将数据长久保持在客户端,实现网站长久登录效果 cookie 可以认为是记录简单内容的文本文件 绑定在html页面上 cookie设置分为前端设置和后端设置 前端设置cookie: 前端操作cookie时,时间戳必须通过toGMTString()方法转换成标准时间戳 写入cookie: document.cookie='保存的键=保存的键值;expires=过期时间戳;key3=value3;...' 前两个为必要的 读取cookie: console.log(document.cookie); 删除cookie: document.cookie='要删除的键=要删除的值;expires=当前时间戳+1'; 将cookie保存值转换成对象 按=号分割成数组然后存入对象 document.cookie.split('='); 按=号分割成数组 obj={}; obj[arr[0]]=arr[1]; localStorage sessionStorage 代码示例: < html > < head > < meta charset = "utf-8" > < title > < / title > < style > < / style > < / head > < body > < script > document . cookie = 'uname=jeff

我的前端学习之路

雨燕双飞 提交于 2020-01-12 09:38:19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>我的前端学习之路</title> </head> <body> <p> i love you </p> <ul> <li>jjjjjj</li> <li>kkkkkk</li> <li>sadasd</li> </ul> <ol> <li>asdsdafdsa</li> <li>dsfadsafsa</li> <li>sadsdfdsa</li> </ol> <br /> <hr /> <a href="../" >click</a> H<sub>2</sub>0<br /> a<sup>*</sup>b<br /> <a href="#1" >click</a> <p>adfssssssssssssssssssssssssssssssss</p> <p

为什么前后端分离了,你比从前更痛苦?

别说谁变了你拦得住时间么 提交于 2020-01-12 08:24:38
你有没有遇到过: 前端代码刚写完,后端的接口又变了。 接口文档永远都是不对的。 测试工作永远只能临近上线才能开始。 为什么前后端分离了,你比从前更痛苦?   前后端分离早已经不是新闻,当真正分离之后确遇到了更多问题。要想解决现在的痛,就要知道痛的原因: 为什么接口会频繁变动?    设计之初没有想好。 这需要提高需求的理解能力和接口设计能力。    变动的成本较低。   德国有句谚语:“朝汤里吐口水。” 只有这样,才能让人们放弃那碗汤,停止不合理的行为。前后端同学坐在一起工作的时候效率会有提升,当后端同学接口变化时,只需要口头上通知一下即可,我们没有文档,我们很敏捷啊。没错,我们需要承认这样配合开发的效率会很高,但是频繁的变动会导致不断返工,造成了另一种浪费,这种浪费是可以被减少,甚至是被消除的。 为什么接口文档永远都是不对的?   接口文档在定接口时起到一定作用,写完接口就没有用了。后面接口的频繁变化,文档必定会永远落后于实际接口,维护文档的带来了一定的成本却没能带来价值。除非对外提供的接口,否则文档谁来看呢?没人看,用处又在哪?   有些公司干脆丢掉接口文档,说我们要拥抱敏捷。   所以接口文档落后的原因在于 没有给我们带来价值 。 为什么测试工作永远只能临近上线才能开始?   一个需求,后端开发 4 天,前端开发 4 天,联调 4 天,留给测试同学只有2天时间甚至更少

自己喜欢的前端博客

旧街凉风 提交于 2020-01-12 06:49:51
AlloyTeam: 腾讯腾讯全端 AlloyTeam 团队 Blog,更新比较频繁,涵盖面也比较广 http://www.alloyteam.com/ DIV.IO: 最近刚发现的前端社区,聚集了很多各大公司前端牛人,致力于打造高质量前端社区。不过需要邀请码才能注册 http://div.io/ FEX: 百度前端团队blog http://fex.baidu.com/ Taobao UED: 淘宝UED官方博客,内容丰富 http://ued.taobao.org/blog/ 还有很多个人博客,这里就不列举了,欢迎大家分享自己的收藏 来源: https://www.cnblogs.com/gardenliu/p/3833415.html

软工实践个人总结

冷暖自知 提交于 2020-01-12 03:58:17
软工实践个人总结 我的课程: 点击跳转 一、请回望第一次作业,你对于软件工程课程的想象 1)对比开篇博客你对课程目标和期待,“希望通过实践锻炼,增强计算机专业的能力和就业竞争力”,对比目前的所学所练所得,在哪些方面达到了你的期待和目标,哪些方面还存在哪些不足,为什么? 目前达到期待与目标的有: a.个人编程能力有所提高。虽然我的个人编程作业编程评分没通过评测爆零了,但我自己对打出来的作业成果很满足了,在编程过程中捡起了遗忘的很多知识,也学到了新算法新函数,值了。 b.在结对合作中摸准了自己未来的学习研究方向。我在结对作业中主要负责前端,在完成作业期间我发现我对前端更有学习的热情与探索的欲望,找准了以后的方向,这点满足我学期初的期待了。 c.学会配合团队,在团队中发挥自己的最大效用。在团队合作中,我的职责是产品经理,主要负责项目初期的计划实现,计划项目模块功能,部分测试以及PPT和文档的撰写,这些也正是我比较擅长的部分。我定的努力做到不拖后腿,同时为团队多多出力的目标也实现了。 存在的不足: a.在团队编程中,接触的编程不多,因此在本课程的后期,我没能好好提升编程能力,还是个小菜鸡。 b.因为粗心和傻给团队添了麻烦。在alpha答辩中,我制作的PPT出了问题,导致服务器被福哥攻击,演示时一直卡顿,我的锅我的锅,给团队添麻烦了,我跪下了! c.多门重要课程兼顾不过来

前端学习之JavaScript的框架

戏子无情 提交于 2020-01-12 02:14:49
目的:学习并掌握JS的框架(心得记录和启发) 内容:框架,框架原理,Vue,React,Angular(三大框架)。(未完成,待继续) 学习思路: 0、学习框架之前,应该具备:JS,HTML,CSS的知识。(这些资源在bilibili网站上有不错的资源,可以边看边学) 1、学习框架之前,应该了解下MVVM的设计思想: MVVM 。 2、框架的基本原理: 框架原理 。 3、Vue。Vue官网是最好的学习资料。对于刚入门的人来说,建议选择 Vue 入手,对初学者友好,比较简单,灵活,资料多。Vue的官网: Vue 。 4、React。React的官网: React 。 5、Angular。Angular的官网: Angular 。 来源: https://www.cnblogs.com/xinkuiwu/p/11899778.html

软工实践个人总结

安稳与你 提交于 2020-01-11 23:55:44
一、请回望第一次作业,你对于软件工程课程的想象 1)对比开篇博客你对课程目标和期待,“希望通过实践锻炼,增强计算机专业的能力和就业竞争力”,对比目前的所学所练所得,在哪些方面达到了你的期待和目标,哪些方面还存在哪些不足,为什么? 就这门课对我而言,是挺出人意料的。没有想到实践课是这样子的,有的时候想起第一篇博客作业,我经常怀疑这是一个圈套。当然了,其实实践还是有好处的,就前端和后端,之前在我眼里还是分不清楚的,这学期软件工程实践这门课,以及其他的课程,例如图形学,让我发现自己在前端开发上会更感兴趣一点。而且前端的代码我也有所了解,我接下来的计划就是更深入的了解Web前端,我很开心的是我能找到一点在这门专业的兴趣,也愿意在这上面花时间。不足的话,我觉得就是算法,还有自己那个令人着急的编程能力,因为太笨了,也不是很爱学,提不起兴趣,做啥都很慢,还要麻烦别人带带我。 2)总结这门课程的实践总结和给你带来的提升,包括以下内容: 1、统计一下,你在这门软件工程实践中,完成了多少行的代码; 代码大概5000行左右吧,水分比较大,大多是UI部分的代码,打的又臭又长... 2、软工实践的各次作业分别花了多少时间?(做一个列表) 作业次数 时间 (小时) ① 29 ② 50 ③ 90 3、哪一次作业让你印象最深刻?为什么? 那肯定是最后一次的团队项目啊,和大家伙待在一起快一学期了都。而且每周都有任务

HTML5和Web前端有什么区别?

泄露秘密 提交于 2020-01-11 23:29:14
很多小伙伴都知道HTML5这个概念,但是具体不知道是做什么的,今天我们就来给大家普及一下HTML5和web前端的关系和区别。 什么是HTML5? HTML5其实是一种技术的集合,它包括了HTML5,CSS3,JS等技术。而Web前端则是一种职业,国内从2005年开始发展的,是由网页设计师演变过来的。 如果从技术上说,Web前端涉及到的技术有很多,包括HTML5,除此之外还有JSON,AJAX,DOM等。不过这也看具体的公司吧,不同的公司对Web前端开发人员的技术要求也不一样。 什么是Web前端? 再传统规的意义上来讲,网站是分为前端和后端的,前端就是我们俗称的页面以及我们经常看到的各种展示效果,后端则是管理按照理解来讲后台主要是指管理、更新、维护网站的后台。 百度百科是这样定义的:主要职责是利用(X)HTML/CSS/Java/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发Java以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。 通常意义上来讲,Web前端工程师,不仅要会开发而且还要会移动开发。也就是说,我们学习Web 的时候也是需要学习HTML5技术的。据了解,现在企业招聘的用人标准都是会包含会HTML5开发这一条。 就是说HTML5与Web前端技术他们是一种从属的关系

关于前后端分离以及前端部署Nginx

你说的曾经没有我的故事 提交于 2020-01-11 22:37:17
为什么要了解这个知识 因为笔者参与了学校的一个服务外包项目,我们选用的技术栈是springboot+vue的;又要考虑前后端分离,所谓适应时代的步伐。然而笔者是个菜鸡,所有笔者查看了一些博客,并将其进行总结。 那什么是前后端分离呢? 传统的web应用开发中,大多数将浏览器当做前后端的分界线。浏览器中为用户进行页面展示的部分称为前端。而将运行在服务器上,为前端提供业务逻辑和数据准备的所有代码称为后端。 前后端分离 前后端分离并不只是开发模式,而是web应用的一种架构模式。开发阶段,前后端工程师约定好数据交互接口,实现并行开发和测试;在运行阶段前后端分离模式需要对web应用进行分离部署。 简单来说,前后端分离就是把数据操作和显示分离出来,前端专注做数据显示(可通过文字,图片,或者图标等让数据形象直观的显示出来),后端专注于做数据的操作,前端把数据开放给后端,后端对数据进行修改,后端提供接口给前端调用,来开发对数据的操作。 前后端分离大概可以从四个方面来理解 1、交互形式 在前后端分离架构中后端只需要负责按照约定的数据格式向前端提供可调用的API服务即可。前后端之间通过HTTP请求进行交互,前端获取到数据后,进行页面的组装和渲染,最终返回给浏览器。 2、代码组织方式 前后端分离代码组织方式有两种。 半分离:前后端共用一个代码库,但是代码分别存放在两个工程中