html5 | 易学教程

awesome-javascript

阅读更多关于 awesome-javascript

一系列令人敬畏的浏览器端 JavaScript 库，资源和闪亮的东西。令人敬畏的JavaScript 包管理员装载机捆扎机测试框架 QA工具 MVC框架和库基于节点的CMS框架模板引擎文章/帖子数据可视化时间线电子表格编者文档公用事业档功能编程无功编程数据结构日期串数存储颜色 I18n和L10n 类控制流路由安全日志正则表达式媒体语音控制 API 流视觉检测浏览器检测基准机器学习 UI 代码高亮载入状态验证键盘包装旅游和指南通知滑块范围滑块窗体小部件提示模式和弹出窗口滚动菜单表/网格构架 Boilerplates 手势地图活版印刷动画图像处理 ES6 SDK 杂项播客值得一读其他真棒列表特约包管理员托管JavaScript库并提供获取和打包工具。 npm - npm是javascript的包管理器。 Bower - Web的包管理器。组件 - 用于构建更好的Web应用程序的客户端包管理 spm - 全新的静态包管理器。 jam - 使用浏览器和RequireJS兼容存储库的包管理器。 jspm - 无摩擦的浏览器包管理。 Ender - 无库库。 volo - 从模板创建前端项目，添加依赖项并自动执行结果项目。二重奏 - 下一代软件包管理器，融合Component

前端面试题

阅读更多关于前端面试题

每天解决3~5个 #第一阶段 HTML、CSS、HTML5、CSS3 #####1、XHTML与HTML的有何异同？ - 首先我们要知道HTML与XHTML的区别在于HTML更加包容，而XHTML更加严格 - XHTML必须被正确的嵌套错<ul><li></ul></li> 对<ul><li></li></ul> - XHTML必须被关闭错<br > 对<br /> - XHTML必须拥有根元素根元素<html></html> #####2、介绍一下CSS的盒子模型？弹性盒子模型是什么？ - 由margin+border+padding+content组成 - 是具象化的一种思维模式 - 弹性盒子是css3的一种新布局方式，具有根据不同屏幕大小来适应的响应式特点 - 弹性盒子常用属性： flex-flow:包括 flex-direction: 指定弹性容器中子元素排列方式 row 水平 column垂直 flex-wrap: 设置弹性盒子的子元素超出父容器时是否换行 nowrap不拆行 wrap拆行 align-items：子项在当前行的侧轴(纵轴)的对齐方式 stretch自适应(拉伸) center flex-start flex-end baseline align-content: 子项在侧轴(纵轴)的排列方式 flex-start flex-end center

[JavaScript] Cookie,localStorage,sessionStorage概述

阅读更多关于 [JavaScript] Cookie,localStorage,sessionStorage概述

Cookie Cookie 是一些数据, 存储于你电脑上的文本文件中,当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。Cookie 的作用就是存储 web 页面的用户信息 javascript 中使用 document.cookie 属性进行 cookie 的创建/读取/删除 //读取 allCookies = document.cookie; //写入 document.cookie = newCookie; //删除,设置 expires 参数为过期时间 document.cookie="hello=world; expires=Thu, 18 Dec 2043 12:00:00 GMT;" Cookie 的属性值 ;path=path (例如 '/', '/mydir') 如果没有定义，默认为当前文档位置的路径。 ;domain=domain (例如 'example.com'， 'subdomain.example.com') 如果没有定义，默认为当前文档位置的路径的域名部分。与早期规范相反的是，在域名前面加 . 符将会被忽视，因为浏览器也许会拒绝设置这样的 cookie。如果指定了一个域，那么子域也包含在内。 ;max-age=max-age-in-seconds (例如一年为 60 60 24*365) ;expires=date

vue富文本vue-quill-editor

阅读更多关于 vue富文本vue-quill-editor

这个富文本需要装一下插件 "quill": "^1.3.6" "quill-image-drop-module": "^1.0.3", //压缩图片 "quill-image-resize-module": "^3.0.0", //图片大小控制 "vue-quill-editor": "^3.0.6", 使用 webpack中加一下配置 plugins: [ new webpack.ProvidePlugin({ 'window.Quill': 'quill/dist/quill.js', 'Quill': 'quill/dist/quill.js' }) ], main.js注册组件 // 编辑器 import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' Vue.use(VueQuillEditor) 页面使用 <template> <quill-editor v-model="content" :content="content" :options="editorOption" @blur="onEditorBlur($event)"

Html5 Video标签在一些浏览器不能自动播放解决方法

阅读更多关于 Html5 Video标签在一些浏览器不能自动播放解决方法

Html5 Video标签在一些浏览器不能自动播放解决方法参考文章：（1）Html5 Video标签在一些浏览器不能自动播放解决方法（2）https://www.cnblogs.com/dehong100/p/10874521.html 备忘一下。来源： oschina 链接： https://my.oschina.net/u/4326655/blog/4707875

Day1 了解web前端

阅读更多关于 Day1 了解web前端

　　　　　　　　　　　　　　　　　　Day1 了解web前端一.职业发展路线: 前端页面制作、前端开发、前端架构师二.1)前端工程师主要职责: 　　利用HTML/CSS/JavaScript等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，同时结合后台技术模拟整体效果，致力于通过技术改善用户体验。　　 2)和前端人员打交道　　产品经理把用户可能的需求提出来，和前端还有后端交涉，这个东西如何实现。确定可行后，由设计设计出UI图，前端把它做出来，第一步可能是静态的，纯html css，然后我们再用angularjs、js实现一些业务方面的功能，最后和后台的接口进行联调，一般会是这么一个过程。那运营呢？有时候会需要你配合他们的营销方案对产品做一些调整，比如圣诞节到了，它要求你对公司的官网加一些雪花的特效。这也是需要你配合的。三.IDE环境介绍　 1)集成开发环境”的英文缩写（Integrated Development Environment）。网上的页面是编程人员写出来的，用什么写的呢？用编码工具或IDE集成开发环境. 2)编码工具 :　帮助程序员些源代码的工具,类似Word。　　记事本、sublime 、 Text 、 notepad++ 、WebStorm 、 HBuilder 、 DW 　　　

2021前端高频面试题（一定要看哦！！！）

阅读更多关于 2021前端高频面试题（一定要看哦！！！）

html5部分： html5新增属性有哪些？如何理解语义化标签？你如何看待前端模块化的？如何看待前后端分离？浏览器兼容性问题？你知道的行内元素、块级元素有哪些？ id与class有什么区别？？ css部分：为什么要初始化css样式？ link和@import的区别？ css的样式优先级？盒子模型？如何清除浮动？如何让元素水平垂直居中？常用布局方式：浮动布局：float:left/right 定位布局： position:static：静态布局 absolute：绝对定位 relative：相对定位 fixed：固定定位 sticky：粘滞定位伸缩盒布局： display:flex; 使用原因：当使用float让块级元素在一行显示时，浏览器等比例缩放，打乱，原因是，浏览器缩小时，元素的内容缩小，而边框和外边距不会缩小，整体会超出父元素，使得布局打乱。栅格布局：引用bootstrap需要的组件即可 js部分： js的数据类型有哪些？深复制、浅复制？ var、let、const的区别？？字符串，数组常用的方法？？数组去重（splice,set,indexOf）？？继承有哪几种方式（原型链继承，构造函数继承，组合继承）跨源问题前端存储主要有哪些方式，有什么区别（sessionStorage,localStorage,cookie）超时调用

面试了一位33岁Android程序员，只会面向百度编程，居然要25k，脸呢？

阅读更多关于面试了一位33岁Android程序员，只会面向百度编程，居然要25k，脸呢？

最近逛论坛看到这样一个帖子：面试了一位工作12年的程序员，这位老哥有3年java开发经验，2年H5，7年Android开发经验，简历上写着精通Java，Android，熟悉H5开发。没有具体的技术点。说实话我很期待这位老哥的面试，于是让人事邀约了他。老哥面试的气场很足，我也很尊敬他，一大波的自我介绍之后，我们进入了正题。我问了他Jetpack，他说几乎没用过Jetpack，于是我给他举了个小例子，老哥给我的答案是百度可以解决。于是我又问了他Groovy，老哥还是说不清楚，于是我问了最基础的Handler，Binder等几个关键词，依旧说不清楚，老哥依旧那么强势霸气，他给到我的感觉就是“啥都会做，你别问这些没用的”。看着他简历上写着，精通安卓开发，熟悉跨平台开发，js交互，我问了一句了解Flutter吗？他说不知道没听过，最后问了一句期望薪资他说25k，我不知道问什么了，于是匆匆结束了面试。看完这则帖子之后我思考良久，也不得其解。对于大龄程序员我们该何去何从，尤其是没有管理经验只会百度复制粘贴的程序员该如何谋生？现在的技术环境不像以前了，以前是网上搜不出什么资料，没办法，自己得找到文档（很多是英文的），一个一个地看，一个一个地试，然后找到解决问题的方法。现在不一样了，现在是信息爆炸的时代，你遇到的问题别人早就遇到过，然后会在网上分享出来，所以不用担心找不到答案

2020-11-03

阅读更多关于 2020-11-03

1，标签：放在"<>"中表示某个功能的编码命令，也称为元素标记。双标签：<开始标签>标签内容<结束内容>，例 <title>......</title> 单标签：也叫空标签<标签名/>，例 <br>（<br/>），<hr>（<hr/>）。注释标签:<!..注释语句…>。属性：为html元素提供的附加信息，一般描述于开始标签。 <p id=''pName''style=”font-size=20px"> 标签内容 </p> id=“标签的名字（不能重复）” style=“规定元素的行为样式”。 <title>网页标题 <strong>加粗</strong> , <br>换行 , <p>段落标签``````<em>斜体</em> <h1>1-6级标签<h6> html5 web的标准结构html 样式css 行为js html定义超文本标记语言超文本链接超越文本限制 html文档结构 <html></html>根元素 <head></head> 头部标签 <body></body> 主体标签来源： oschina 链接： https://my.oschina.net/u/4404863/blog/4705307

HTML5标签定义及属性

阅读更多关于 HTML5标签定义及属性

标签：放在“<>”中表示某个功能的编码命令。也称为元素、标记。双标签:<开始标签>标签内容</结束标签>。例 <title>....</title> 单标签：也叫空标签<标签名/>。例<br>(<br/>),<hr>(<hr/>) 注释标签：。属性：为HTML元素提供的附加信息，一般描述于开始标签。<p id="pNanm">style="font-size= 20px;">标签内容</p> id="标签的名字（不能重复)" style="规定元素的行内样式"...... <br>换行标签 <em></em>字体变斜体 <strong></strong>字体加粗 <!DOTYPE html> <html> <head> <meat charst="utf-8"/> <title>标题标签</title> </head> <body> <h1>1级标题</h1> <h2>2级标题</h2> <h3>3级标题</h3> <h4>4级标题</h4> <h5>5级标题</h5> <h6>6级标题</h6> <p>段落标题</p> <br>换行 <em>字体变斜体</em> <strong>字体加粗</strong> </body> </html> 来源： oschina 链接： https://my.oschina.net/u/4415723/blog

订阅 html5