- 综合排序
- 最热优先
- 最新优先
- 来自专栏森屿暖树
前端特效学习6
效果图 HTML代码 <!Doctype html> <html> <head> <meta charset="utf-8"> <title>图片层叠</title> <link type="text/css" href="css/style.css" rel="stylesheet" /> </head> <body>
<input type="radio" name="slider" id="item-1" che40040编辑于 2022-03-23来自专栏Vincent-yuan前端学习(6)~html回顾
更多更详细的学习可以在w3school上进行
76320发布于 2020-02-23来自专栏终身学习流浪地前端之ES6浅学习
ES6我没有学完，毕竟JS我也才过了一遍基础，其实我也就跟着B站的Pink老师的视频学了一下CSS和JS，而且是跳跃式的学习，毕竟我不是前端，估计也不会以前端为职业。 我学前端大概率就是从0-1搭建网站而已。 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。 说人话就是ES6是JS的增添版，目的是为了使得JS更健壮而出来的。为什么要学它呢？因为JS有些语法太反人类，可能是反我这种小白，而ES6里好多新特性都真香。 ES6里面const用于定义常量。 四、ES6箭头函数 箭头函数是什么？
58920编辑于 2022-02-22来自专栏九彩拼盘的叨叨叨学习前端 第6周 第5天
animate PS：今天东西比较多，可以抽部分在周末学习了解。
32120发布于 2018-08-27来自专栏九彩拼盘的叨叨叨学习前端 第6周 第1天
了解jQuery是什么 了解为什么要使用jQuery（Write Less，Do More） 了解jQuery能做些什么 DOM的增删改查 事件 动画效果 ajax 工具方法。包括类型判断，对象拷贝等。更多见这里 作业 做一个页面，页面上引入jQuery。然后在页面上放如下的代码,看有什么效果 $(document).ready(function(){ var $content = $('
'); $content.html('随你走在天际，看繁华满地。！！！</span
30410发布于 2018-08-27来自专栏九彩拼盘的叨叨叨学习前端 第6周 第2天
了解jQuery支持的选择器。见这里 了解如何遍历元素。.each 了解如何筛选元素。.filter 了解找满足条件的子元素。.find 了解找满足条件的祖先元素。 （需了解 cloest，parent，parents） 作业 现在有如下的HTML结构
<div class="a b c"40020发布于 2018-08-27来自专栏九彩拼盘的叨叨叨学习前端第6周第4天
了解常见的事件，如click，dbclick，mouseover,mouseout,hover,focus,blur,change,keyup,keydown,scroll 了解事件冒泡 会用jQuery绑定和解除绑定事件 了解事件委托。知道在什么时候用事件委托 会用jQuery写事件委托 作业 现在有如下的HTML结构 <button id="add-btn">添加按钮</button>
- 一条数据 <button class="remove-bt
55220发布于 2018-08-27来自专栏九彩拼盘的叨叨叨学习前端 第6周 第3天
会用jQuery创建元素（例如$('
')） 会用jQuery插入元素（需了解这几个方法：before,after,append,prepend） 会用jQuery删除元素。.remove 会用jQuery对元素的类名进行如下操作 元素是否有某个类名 给元素增加类名 给元素删除类名 会用jQuery对元素的属性进行如下操作 获取元素某个属性的值 修改元素某个属性的值 删除元素的某个属性 会获取和修改元素的内容。了解text() 和 html()的区别 作业 现在有如下的HTML结构 <div42620发布于 2018-08-27来自专栏JetpropelledSnake前端学习笔记之ES6快速入门
0x1 let和const let ES6新增了let命令，用于声明变量。其用法类似var，但是声明的变量只在let命令所在的代码块内有效。 for (var i=0;i<5;i++){ console.log('哈哈'); } console.log(i); // 5 ES6中的let声明变量的方式实际上就为JavaScript ES6中又提供了3种新方法： includes()：返回布尔值，表示是否找到了参数字符串。 stratsWith()：返回布尔值，表示参数字符串是否在源字符串的开始位置。 示例： s.includes("o", 8) // false s.startsWith("world", 6) // true s.endsWith("Hello", 5) // true 模板字符串 ，推荐阅读：阮一峰的ECMAScript 6 入门
80520发布于 2018-08-01来自专栏Renda前端基础：ECMAScript 6
Introduction to ECMAScript 6 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准。 因此，ES6 这个词的原意，就是指 JavaScript 语言的下一个版本。 ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等 搭建前端环境 Node 环境 什么是 Node.js 的 import 语法，需要将 ES6 转换降级为 ES5。 babel 环境 babel 是一个广泛使用的转码器，可以将 ES6 代码转为 ES5 代码，从而在现有的环境中执行。 这意味着可以用 ES6 编写程序，而不用担心现有环境是否支持。
1.5K20发布于 2020-09-08来自专栏学习猿地Web前端学习 第6章 jQuery Ajax 1 HTTP协议
示例代码如下所示： 1 //数据 2 let dataList = ["香蕉","苹果","鸭梨"]; 3 4 //get查看 5 router.get("/fruits", ctx => { 6
98530发布于 2020-06-22来自专栏学习猿地Web前端学习 第6章 jQuery Ajax 2 Ajax入门
一、Ajax概述 在我们之前学习的内容中，向服务器发送请求后，再浏览器中响应的页面都是整页刷新。 在某些项目中，我们只希望获取页面的局部数据，而不必整页刷新，这个时候就需要使用Ajax来实现功能了。 这个概念出现的比较早，那个时候前端和后台的数据交互主要以XML格式为主，例如下面的数据格式： 1 <fruit> 2 <name>apple</name> 3 <weight>0.5kg</ } 7 } 对于熟悉js的开发人员，这样的格式再熟悉不过了，基本是零学习成本，以后我们使用Ajax传递数据都是使用json格式。 二、Ajax原理 考虑一个问题，在之前的学习内容中，我们是如何向服务器发送请求的？ ctx.body = "hello world" 7 }) 8 9 //前端程序 10 var xhr = new XMLHttpRequest(); //创建XHR对象 11 xhr.open
83810发布于 2020-06-22来自专栏学习猿地Web前端学习 第2章 网页重构6 盒子模型
，实例代码如下所示： 1 .box1{ 2 width:300px; 3 height:300px; 4 background-color: #f00; 5 } 6 1 .box1{ 2 width:300px; 3 height:300px; 4 background-color: #f00; 5 } 6 .box2{ 7 */ 6 margin:0 auto; 7 } 左右外边距的值设置为auto，元素就会根据其父级容器的实际宽度，将元素左右两边的外边距设置为相同的值，这样元素就实现了水平居中的效果。 { 2 width:300px; 3 height:300px; 4 background-color: #f00; 5 padding-top:50px; 6 宽高的计算 在我们之前学习的内容中了解到通过width和height属性可以设置元素的宽高，但元素的实际宽高可能与我们设置的width和height属性不同。
61200发布于 2020-06-12来自专栏web前端教室学习前端开发，不是学习前端框架，也不是学习前端工具。
，使得很多前端新入者都以为，学会了这些就是学会了前端，学会了这些，就可以胜任前端开发的工作。结果自然是否定的，许多同学不管是自学还是培训，学完了一样找不着工作。 事实恰恰相反，用人单位正是看出“你不能胜任”前端开发工作，才不录用你。你没有工作经验，只是外在的表象。 怎么样才能算是一个好前端？为什么同样都是大学毕业的，用他不用你？这其中的差别在哪里？ 前端开发是做什么的？ 它是解决问题的，主要是解决业务流程在前端表现层的交互和实现。在这其中，工具只是一种手段。 angular是不是工具？vue是不是工具？React它也是工具吧？ 前端路由能不能实现？ 肯定是可以的。 那为什么还要有vue，react。。之类的各种轮子呢？为了提高效率，只是为了提高效率。没有这些东西，你能不能做前端开发？ 不操作dom的前端框架是不存在的，而操作dom是前端开发的基本功之一。 那么，刨除前端工具这一块，如何衡量一个前端开发是好是坏？ 一、他的学习能力。遇到不懂的可以很快学会； 二、他的解决问题的能力。
1.2K70发布于 2018-02-07来自专栏云计算linux前端学习必备之ES6解构赋值的常见用法
'william', 18, 'changsha', 'man') 上面这个例子在对用户信息的时候需要传递四个参数，且需要一一对应，这样就会极易出现参数顺序传错的情况，从而导致bug，接下来来看es6解构赋值是怎么解决这个问题的 交换变量的值 在es5中我们需要交换两个变量的值需要借助临时变量的帮助，来看一个例子： var a=1, b=2, c c = a a = b b = c console.log(a, b) 来看es6怎么实现 ' console.log(name, age, address, gender) } saveInfo() 在函数离 main先对参数做一个默认值赋值，然后再使用避免使用的过程中报错，再来看es6中的使用的方法 { id, status, data: number } = jsonData; console.log(id, status, number); // 42, "OK", [867, 5309] 6.
29610编辑于 2024-12-19来自专栏达达前端前端技术前沿6
最终组合成的对象是 {a: 1, b: 2, c: 3, d: 4, e: 5}。
78530发布于 2019-07-03来自专栏雪胖纸的玩蛇日常部署（6.前端项目）
1.安装node、npm、cnpm apt install nodejs y apt install npm y node -v npm -v npm install cnpm -g --regist
65830发布于 2020-02-14来自专栏学习猿地Web前端学习 第6章 jQuery Ajax 4 跨域请求
3000端口服务器的前端页面引入8080端口服务器的js文件。 然后使用3000端口服务器的数据。 require('koa-jsonp') 3 app.use(jsonp()) 4 router.get("/data", ctx => { 5 ctx.body = "hello jsonp" 6
89430发布于 2020-06-22来自专栏九彩拼盘的叨叨叨前端学习
看看前端技能汇总。 所以学习前端可算是路漫漫。 入门书籍 HTML 比较简单，也没发现特别好的专门介绍 HTML的书。 CSS CSS权威指南 JavaScript JavaScript Dom 编程艺术 学习课程 网上的学习还是很多的。 对于自制力差的，花钱报个贵一点的学习课程是个不错选择，哈哈 慕客网的Web前端工程师养成计划 StuQ 前端微课堂 适合拥有 1-3 年前端开发经验 IT 从业人员，具备 CSS/JavaScript 基础知识，熟悉 JavaScript 框架，了解服务器端开发技术 面试 在工作中学习往往能学的更快。 面试前，可以做做前端工程師面試問題集。 最后附上我的WEB前端开发学习笔记,以及 学习前端 导航页(仍在完善中)~ 网络平台如需转载必须与本人联系确认。
45740发布于 2018-08-27来自专栏超然的博客前端学习
ES6（ECMAScript 6） ① ECMAScript是JavaScript语言的国际标准，JavaScript是ECMAScript的实现。 五、学习资源 1. 《深入浅出Node.js》 4.Google/Stack Overflow/Github 5.关注国内前端牛人的博客或者Github动态 6.Mozilla开发者网站，Web标准、Api等等文档比较详细和权威 ，学习其设计思想，逐步提升自己的前端架构设计能力 10.关注大型技术会议的技术分享，关注大公司的技术团队 百度web研发部 淘宝前端团队（FED） 11.优秀总结 前端小白到大神，不可不收藏的网站合集 前端工程师必备：细数那些好用的网站开发工具 前端技能汇总 六、学习顺序 1.html5新元素、标签、标准、常用的新特性Api 2.css3的使用 3.bootstrap，移动Web、跨浏览器开发
3.7K10发布于 2018-08-03
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号