大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

DOCTYPE

DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。[1] 

面试题基础篇(html,css)--001

使用哪种HTML.或XHTML规范。(重点:告诉浏瓷器按照何种规范解析页面) 4. 为什么利用多个域名来存储网站资源会更有效? 外部样式表,引入一个外部css文件 内部样式表,将css代码放在 标签内部 内联样式,将css样式直接定义在HTM元素内部 6. CSS中可以通过哪些属性定义,使得一个DOM元素不显示在测览器可视范围内?

用JS和JQuery分别获取表单元素的值(select,checkbox,radio)

用JS和JQuery分别获取表单元素的值(select,checkbox,radio) 废话不多说直接上代码 HTML部分 表单元素值获取 下拉列表 --- 星期一 星期二 星期三 星期四 星期五 多选框 swimming singing drawing travelling 单选框 boy girl 用JavaScript的方法 解释说明部分在注释中 //用原生JS获取 var getSelectorValue = function(){ var selector = document.getElementById("weekday"); console.log(value);

2018-09-04画太极

2018-09-04画太极 第一种方法:笨方法 不停画圆即可实现。 HTML部分 JS Bin Css部分 body{ background-color: #444; } #YinYang{ width:200px; height: 200px; border: 1px solid black; border-radius: 50%; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 51%, rgba(0,0,0

手风琴效果 transition使用

手风琴效果 transition使用 手风琴效果 *{ margin: 0; } ul{ list-style: none; width: 960px; height: 300px; border: 1px solid seagreen; margin: 90px auto; overflow: hidden; } ul li{ float: left; width: 160px; /*添加动画效果*/ transition: all 0.3s; } /*所有的li都变小*/ ul:hover li{ width: 60px; } /*当前的li变大*/ ul li:hover{ width: 600px;动画前.png 动画后.png

jQuery实现点击图标div循环放大缩小功能

jQuery实现点击图标div循环放大缩小功能 很基础的一个功能,点击左下角的图标按钮,地图的整个div会变大,变大预览之后,再次点击图标按钮,地图的整个div会变小,恢复原样,两个图标在地图界面的放大和缩小时间不断的切换图标状态(箭头向里面,或者箭头向外面) 图片.#scale { background: #FFFFFF url('. width: 26px; } #updmap { border: 1px solid #1E90FF;css({ "width": "400px", "height": "200px", });

【JavaScript】解决IE8下,用js不能选择class的情况

【JavaScript】解决IE8下,用js不能选择class的情况 cf9b35bc2fb4f9131e613a6c69d5535b.jpg HTML代码 解决IE8不支持js选择class问题 Hello World!document.getElementsByClassName) { document.getElementsByClassName = function (className, element) { var children = (element || document).getElementsByTagName('*'); var elements = new Array();JavaScript jQuery总目录:jQuery目录 上一篇:【jQuery】京东banner轮播图

横向显示(css)

横向显示(css) 1.效果 demo.png 2.html JS Bin 姓名 姓名 姓名 姓名 姓名 姓名 3.css ul{ border:1px solid blue; list-style:none; } ul li{ float: left; border:1px red solid;clearfix::after{ content:''; display: block;

中文上下两端对齐(css)

中文上下两端对齐(css) 1.html JS Bin 姓名 联系方式 2.css div{ border:1px solid red; font-size:20px; } span{ display:inline-block; border:1px blue solid; text-align:justify; line-height:20px; } span::after{ content: ''; border:1px green solid; } 3.效果 4.完

React的小案例:&&运算符、元素变量、三目运算符与React的条件渲染都在这里了

React的小案例: 运算符、元素变量、三目运算符与React的条件渲染都在这里了 今天的知识点不难,主要考验大家伙对代码的阅读能力啦!即将要接触的知识点有 运算符、元素变量、三目运算符与React的条件渲染…… 如下图,要完成一个简单的切换功能: 废话不多说,直接开始读代码吧! Title #tag input{ margin:5px; } #tag input.active{ background:red;

JavaScript对比两个百分数大小

JavaScript对比两个百分数大小 知识点 获取标签font内容 判断两个百分比大小 修改标签font内容颜色 httml表格 代码样例 *{margin:0;} td {text-align:center;$(document).ready(function(){ var sumrequest = document.getElementById('sumrequest').innerText; erroravg = parseFloat(erroravg);style.color = "green";请求次数 错误次数 超长请求 $sumrequest ( $avgrequest ) $errorcount ( $erroravg ) $longtime ( $longtimeavg )

面试题|设计一个满屏品字布局

面试题|设计一个满屏品字布局 设计一个满屏品字布局经常会出现在前端的面试或是笔试题目中,需要对CSS能够灵活的运用。首先,这里面涉及到的相关知识点有: 1.元素的水平居中: 使用margin:0 auto;}/* 默认HTML,body的高度为0,为其设置高度以使后面的div可以用百分比设置高度 */ .margin: 0 auto;right {float: left;} html, body {height: 100%;div-up {width: 50

用Electron创建跨平台应用(第三弹)开启系统通知

点击我,可以触发系统通知 const path = require('path'); // 创建通知并保存 let hhwNotication = new window.Notification(option.title, option);足食) 小结: Electron对系统通知这种常见功能封装的很好, 善用系统通知功能, 能让我们的程序更好用 用Electron创建跨平台应用是一个连载, 如果阅读本篇有困难,可以补一下前两弹的内容用Electron创建跨平台应用(第一弹)用Electron创建跨平台应用(第二弹)开启多窗口

用Electron创建跨平台应用(第四弹)检测当前是否连接互联网

用Electron创建跨平台应用(第四弹)检测当前是否连接互联网 Electron主要用于创建跨平台的桌面软件, 既然是桌面软件, 那即使是断网的情况下, 无需联网的功能也应该可以正常使用. 为了更好的交互体验, 我们也可以将 离线不可用的功能按钮,变成灰色失效的状态. Demo演示 源码: 检测在线或离线 #desc { font-size: 20px; // 创建上线通知 new window.Notification(option.title, option);

css组合选择符

very important. This is really very important. 这个规则会把第一个 h1 下面的两个 strong 元素变为红色,但是第二个 h1 中的 strong 不受影响 相邻兄弟选择器 当第二个元素紧跟在第一个元素之后,并且两个元素都是属于同一个父元素的子元素,则第二个元素将被选中 语法:前方元素 + 目标元素 {样式声明 } h1 + p {background-color:pink;

用css写一个对话框

用css写一个对话框 要实现的对话框效果 首先分析一下对话框的组成:大致可以分两部分,左边的矩形和右边的三角形。矩形实现起来简单,那么三角形呢? 三角形的实现首先要从div说起 1.首先画一个div,给它设置宽高和背景颜色。再加上四条边的边框 Document . border-top: 50px solid pink; border-left: 30px solid ghostwhite ; border-bottom: 20px solid transparent; background-color:#cdcdcd ;

七夕心形图案漂浮

七夕心形图案漂浮 这不今天七夕嘛,虽然我没有女朋友,但是作为程序员我可以new一个啊 哈哈哈 这次实现的是鼠标点击处心形漂浮的炫酷效果,这个效果是通过juqery实现的,头部通过引入封装好的jquery。 下面直接附上代码 测试 *{ margin: 0px;//获取鼠标点击的位置坐标 $i.css({ "z-index": 9999, "top": y - 20, "left": x, "position": "absolute", "color": 'red', "font-size": 14, });

css圣杯布局和双飞翼布局(2018-08-17)

right: -220px;middle{ width: 100%; word-break: break-all;main-inner{ margin-left: 200px;HHHHHHHHHHHHHHHHHHHHHH hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh HHHHHHHHHHHHHHHHHHHHHH hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh sub oooooooooooooo 00000000000000000 ooooooooooooooo ooooooooooooooo 000000000000000 extra BBBBBBBBBBBBBB BBBBBBBBBBBBBBBBBB 88888888888888888888 footer 双飞翼效果

Vue过滤器

Vue过滤器 Vue过滤器 {{msg |msgFormat}} Vue.filter('msgFormat',function(msg){ return msg.replace(/学习/g,'讨论'); }) Vue.filter('test',function(msg){ return msg+'=====';toString().padStart(2, '0') var d = dt.getDate().padStart(2, '0') if (pattern.toLowerCase() === 'yyyy-mm-dd') { return `${y}-${m}-${d}` } else { var hh = dt.getHours().padStart(2, '0') var mm = dt.getMinutes().padStart(2, '0') var ss = dt.getSeconds().

AngularJS 的简单语法应用

(image-9cd7e-1534250873934)] 2.ng-bind 把应用程序数据绑定到 HTML 视图,data-ng- 让网页对 HTML5 有效。 hello [图片上传失败.(image-e05582-1534250873934)] 3.ng-init 初始化数据,初始的数据不仅可以直接在页面显示,还可以进行表达式的运算。 {{t*k}} {{i+j}} var app=angular.module('myspp',[]); app.controller('myftrl',function ($scope) { $scope.i=4; $scope.j=7;(image-c75100-1534250873934)] {{arrs[arrs.length-1]}} [图片上传失败.