web前端开发

前端数据交互之json&ajax

由 给你一囗甜甜゛ 提交于 2020-01-28 11:45:14
1.json 　　json是 JavaScript Object Notation 的首字母缩写，单词的意思是javascript对象表示法，这里说的json指的是类似于javascript对象的一种数据格式。 　　json的作用：在不同的系统平台，或不同编程语言之间传递数据。 1.1 json数据的语法 　　json数据对象类似于JavaScript中的对象，但是它的键对应的值里面是没有函数方法的，值可以是普通变量，不支持undefined，值还可以是数组或者json对象。 // json数据的对象格式： { "name":"tom", "age":18} ​// json数据的数组格式： ["tom",18,"programmer"] 复杂的json格式数据可以包含对象和数组的写法。 1 { 2 "name":"小明", 3 "age":200, 4 "fav":["code","eat","swim","read"], 5 "son":{ 6 "name":"小小明", 7 "age":100, 8 } 9 } 10 11 // 数组结构也可以作为json传输数据。 json数据可以保存在.json文件中，一般里面就只有一个json对象 总结概述: 1. json文件的后缀是json 2. json文件一般保存一个单一的json数据对象 3.

web前端入门科普集

由 一世执手 提交于 2020-01-25 02:04:10
每一个写前端的人都有不同的故事.但是都是基础从零开始.实习公司用的框架也好,网上查到的例子也好,都是需要基础才可以看懂的.那基础是什么呢,我觉得就是常用的前端的一切.我刚写前端三个月.整理一下自己学到的知识. 1:什么是html? HTML是World Wide Web上统一的语言。指的是超文本标记语言 (Hyper Text Markup Language)，使用它所提供的标签，人类已经创建了令人惊奇、姿态万千的超链接的文档网络。这里要注意的是：HTML不是一种编程语言，而是一种标记语言 (markup language)。 它的基本语法是以"<>“尖括号标签开始，以”"尖括号中带刚斜杠的标签结束，标签通常是成对出现的，标签对中的第一个标签是开始标签，第二个标签是结束标签，或者称为开放标签和闭合标签. 使用到的场景: 比如说你需要写一个页面.那你可以这样写: <html> <body> <h1>我是你的第一个页面！</h1> <p>hello world!</p> </body> </html> 专门建立的学习Q-q-u-n： 731771211，分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧 （从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划） 效果图: 2:什么是css样式? CSS是一种向网页添加样式的机制，样式表可描述文档如何被显示

Web前端开发人员和设计师必读文章推荐【系列七】

由 空扰寡人 提交于 2020-01-25 01:12:19
这篇文章主要收录了十二月份发布在梦想天空的优秀文章，特别推荐给Web开发人员和设计师阅读。梦天空博客关注 前端开发 技术，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的 网页设计 案例，共享精美的 设计素材 和优秀的 Web 开发工具。希望这些文章能帮助到您。 HTML5 & CSS3 应用 12个很炫的 HTML5 和 CSS3 应用示例 45个非常奇妙的 CSS3 特性应用示例 快速编写 HTML 和 CSS 的工具和技术 最佳45个带给你灵感的 HTML5 网站设计作品 10个精美的复古风格 HTML5 网站作品 jQuery 插件和教程 40款非常有用的 jQuery 插件推荐（系列一） 40款非常有用的 jQuery 插件推荐（系列二） 40款非常实用的 jQuery 插件推荐（系列三） 30个精美的jQuery幻灯片效果插件和教程 13个非常棒的 jQuery 内容滚动插件和教程 网页设计欣赏 30佳别出心裁的企业网站设计优秀作品 世界最佳35个精心设计的大学网站 最新30个优秀的网站设计作品欣赏 分享35个富有创意的蓝色网站设计作品 16个美艳时尚的的网站设计作品欣赏 20个非常有创意的蓝色风格网页作品 35个吸引眼球的作品集网站案例分享 30个非常有吸引力的黑色网站设计作品 网页设计案例 35佳以字体为核心的优秀网页设计作品

新手入行，前端路漫漫，一起加油

由 无人久伴 提交于 2020-01-22 13:10:32
HTML基础 一、WEB网页的组成 1.结构HTML 2.表现CSS 3.行为JavaScript 二、HTML相关的 1.XHTML指可扩展超文本标记语言 2.HTML是超文本标记语言 3.HTML5是HTML的第五个版本 4.既包含了HTML+CSS的网页制作，也包含了JavaScript这门编程语言的相关开发 5.文件命名规范 （1）文件命名规则：用英文，不用中文 （2）名称全部小写英文字母、数字、下划线的组合 6.语法 （1）常规标记 双标记 <标记 属性=“属性值”>文字内容</标记>、 （2）空标记 单标记 <标记 属性=“属性值” /> 7.HTML的结构 <!DOCTYPE html> 声明当前文档类型是HTML <meta charset=“utf-8”>必须要写，如果丢失会出现乱码 <title></title>标题，显示在状态栏 三、HTML相关的标签 1.文本标题 <h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6> 2.段落 <p></p> 3.加粗 <strong></strong>、<b></b> 4.倾斜 <em></em>、<i></i> 5.强制换行 <br /> 6.水平线 <hr /> 7.上标 <sup></sup> 8.下标<sub></sub> 9.空格 &nbsp ;

一线城市月入上万的前端工程师应该会什么？

由 ε祈祈猫儿з 提交于 2020-01-22 07:03:56
前些日子，在某论坛看到一帖，问「一线城市中小公司的前端10k应该会什么？」，下面有很多回答，大多数回答的是一些会前端三大基础啊，html,css,JavaScript这些，然后一两个框架。实在是太笼统了，这回做一个总结，写下来，也让更多对编程，对前端感兴趣，并想以此为饭碗的朋友们多了解一下！ 以下是匿名用户的回答： 毕业一年，工资9.5k，加上补贴奖励， 税后10.5k左右 。 1. html、css、js基础自我感觉良好。语义化、写点css3动画、写写原生js等。 2. 在学校期间就学了前端用jq、bootstrap做过一些项目，学了vue基础，能简单搭个vue项目。 3. webpack只能说会用，一般直接配置有些api记得不清楚，需找文档，主要是不用常配，基本项目开头配置一次，中期优化配置。 4. vue前后做了2个商业项目（公司主要用的vue+elementUI）。 5. react未做过项目，自己找些网站模仿着写点东西（没机会用react做项目）。 6. 代码基本用上ES6，还有async/await等一些语法。 7. 略懂一些常见简单的优化，js优化、懒加载等等。 8. node的话看过视频跟着做了一个小项目，那时候还学了点mongodb、jade等（不过好久没用，忘记7788了），现在和react配合着，ts+koa+Graphql作为中间层，react

为什么要前后端分离？

由 走远了吗. 提交于 2020-01-22 03:32:07
为什么要前后端分离？ 作者：偏头痛杨 来源：https://blog.csdn.net/piantoutongyang 一、前戏 前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的 必经之路 。 核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。 在互联网架构中， 名词解释： Web服务器 ：一般指像nginx，apache这类的服务器，他们一般只能解析静态资源。 应用服务器 ：一般指像tomcat，jetty，resin这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能力没有web服务器好。 一般都是只有web服务器才能被外网访问，应用服务器只能内网访问。 二、术业有专攻（开发人员分离） 以前的JavaWeb项目大多数都是java程序员又当爹又当妈，又搞前端，又搞后端。 随着时代的发展，渐渐的许多大中小公司开始把前后端的界限分的越来越明确，前端工程师只管前端的事情，后端工程师只管后端的事情。正所谓术业有专攻，一个人如果什么都会，那么他毕竟什么都不精。

web前端

由 喜你入骨 提交于 2020-01-21 12:00:48
1, 蓝色理想 http://www.blueidea.com/ ; 诞生于1999年10月的蓝色理想，以建设网站设计与开发人员之家为宗旨，以介绍网络开发技术与网站创作设计交流为主要内容，是国内最大的设计类站点之一。 2, W3School http://www.w3school.com.cn/index.html ; W3School是最完善的在线教程站，包括 XHTML教程、XML教程JavaScript & AJAX、网站构建等前端开发人员必备的系统性学习教材。 3, 前端观察 http://www.qianduan.net/ ; 前端观察是一个纯粹的前端技术分享网站，本站的目的是为前端技术人员提供所需的资讯及资源，挖掘国内优秀的原创设计及内容，加以高度的整理。 4, CSS88 http://www.css88.com/ ; CSS88专注前端开发，关注用户体验，是一个资深的Web前端开发站，不仅传播前端技术，更重要的是关注前端设计从业者的生存状态，有多个开放的前端交流群。 5, CssRain http://www.cssrain.cn/ ; CssRain实用的前端技术信息，原创和搜集前端开发中细节的内容，一本jQuery新书推荐<<锋利的jQuery>>你值得拥有。 6, 我爱CSS http://www.52css.com/ ; 我爱CSS

怎么更好掌握Web前端技术 JS的跨域是怎么回事

由 邮差的信 提交于 2020-01-21 05:30:33
　　怎么更好掌握Web前端技术？JS的跨域是怎么回事？JavaScript跨域是指通过JS在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过JS获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下面来看看吧。 　　在此之前，我们首先要了解为什么需要跨域。跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。简单来说，跨域的作用就是让你能访问不是一个域的文件。 　　要解决跨域问题，我们可以使用以下几种方法： 　　一、通过jsonp跨域(实际上是动态创建script标签) 　　jsonp(json with Padding)是资料格式json的一种“使用模式”，可以让网页从别的网域要资料。jsonp也叫填充式json，是应用json的一种新方法，只不过是被包含在函数调用中的json。jsonp由两部分组成：回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数，而数据就是传入回调函数中的json数据。 　　二、通过document.domain+ iframe (只有在主域相同的时候才能使用该方法) 　　两个不同域的a.html和b.html 　　解决办法：在两个页面都插入document.domain

如何写一份好的前端面试简历?

由 穿精又带淫゛_ 提交于 2020-01-19 23:38:40
简历的本质 原文地址 在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？ 它不是人生履历，不是项目清单，也不是技能大放送。 简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源项目，一张照片，甚至是一行字，比如： I wrote javascript 当然，绝大部分简历的形式，就是我们所熟知的，是一篇文章。即使你通过其他方式获得了面试，当你入职的时候，还是要有这么一份纸质简历的，所以不要想着偷懒。 其实简历不只是表现自己，更是传递以下三个信息，增强通过率。 是什么（你能做什么？，擅长什么？） 比别人好在哪些地方（相比其他同行，你的优势？） 如果雇佣你，招聘方会得到什么好处 （能不能为企业带来效益？） 正如你抉择跳槽，思考要不要留在这个公司的时候，你也可能考虑下面三点 待遇（给的钱够不够？福利好不好） 环境（同事nice不？老板好不好？事少离家近？工作开心与否？是否帅哥美女多？嗯哼） 个人（有晋升机会不？能否再进步？） 当然企业和你的相互选择其实正如上面几点中的考量和博弈，当然面试是平等的，是相互选择的结果，所以有你对企业的考量，也有企业对你的考量 回归到写简历，和很多人在大学写议论文写作文是不同的，过分的论证会显得自夸，反而容易引起反感，所以要点到为止。这里的技巧是，提供论据，把论点留给阅读简历的人自己去得出。放论据要具体
订阅 web前端开发