meta | 易学教程

Div 用图片作为背景

阅读更多关于 Div 用图片作为背景

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">  <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body>  <div></div> </body> </html> * { margin: 0; padding: 0; } /*p { width: 300px; height: 40px; line-height: 20px; border: 1px solid black; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }*/ div{ width: 200px; height: 200px; border:

ajax 跨域请求

阅读更多关于 ajax 跨域请求

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> </head> <body>  <div id="pageBottom"></div> <script src="js/jquery-2.1.0.js"></script> <script type="text/javascript" charset="utf-8"> $.ajax({ url : 'http://221.0.93.122:8180/fuchainApi/api/querySupplyHall.shtml', type : 'GET', dataType : 'JSONP', jsonp: "callback", jsonpCallback:"successCallback", contentType: "application/json;charset=UTF-8", data : { callback : 'jsonp' }, success : function

【原】移动web点5像素的秘密

阅读更多关于【原】移动web点5像素的秘密

最近和一个朋友聊天，朋友吐露了工作上的一些不开心，说自己总是喜欢跟别人比较，活得比较累，这种感觉大部分人经历过，往往觉得是自己心态不好，其实不然，这是人性，此时应该快速摆脱这种状态，想到DOTA大9神的笔录，游戏也是人生，懂得思考的人生才会不断促使自己进步，详细我不清楚了，大概意思是这样：人这一辈子就一次，快乐很重要，人如何感受到快乐，说起来真的不难，有两个点，一点是“你能够让别人喜欢你”；另外一点是“跟好朋友一起时你能够卸下面具”，是怎么样的就怎么样。希望能给不开心的同学寻找一丝帮助~ 回到今天的主题.5px (0.5px简写为.5px) ，可能大家听过 .9 ，它是android平台应用软件开发里的一种特殊图片形式，本文的.5指如何使用css实现.5px的线条 ~ 目录你可能不知道的.5px border属性不支持.5px吗实现.5px的线条实现.5px的圆角边框你可能不知道的.5px 移动web设计中，在retina显示屏下网页会由1px会被渲染为2px，那么视觉稿中1px的线条还原成网页需要css定义为.5px 。文章开头的漫画中，细心的设计师发现粗线条并吐槽，前端哥的理由是因为css的border-width不支持.5px，所以用了1px来替代，最终渲染为2px的粗线条，这个问题往往会被忽视，从而导致移动网页中普遍存在2px的粗线条。

13.vue组件

阅读更多关于 13.vue组件

vue组件(一) 组件嵌套: 1.全局嵌套: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script src="vue.js"></script> <script> Vue.component("aaa",{ template:`<div>组件A <bbb></bbb></div>` });//子组件放在父组件的模板里 Vue.component("bbb",{ template:`<div>组件B</div>` }); window.onload = function(){ let vm = new Vue({ el:"#app" }); }; </script> </head> <body> <div id="app"> <aaa></aaa> </div> </body> </html> res: 2.局部嵌套: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script src="vue.js"></script> <script> window.onload = function(){ let vm = new Vue({ el:"#app",

jQuery基本语法

阅读更多关于 jQuery基本语法

为什么要用jQuery? 写起来简单，省事，开发效率高，兼容性好(write less,do more). 什么事jQuery? jQuery是一个兼容多浏览器的JavaScript库(类似python里面的模块), 如何使用jQuery? 导入： <script src="jquery-3.2.1.js"></script> 　　　　<script src="jquery-3.2.1.min.js"></script> 语法规则:$("") JS和jQuery的区别? jQuery就是用JS写的 js是基础，jQuery是工具选择器基本选择器　　ID选择器　　$("#id的值") 　　类选择器(class) $(".class的值") 　　标签选择器(html标签) $("标签的名字") 　　所有标签　　　　$("*") 　　组合选择器　　$("xx,xxx") 层级选择器 $("x y");// x的所有后代y（子子孙孙） $("x > y");// x的所有儿子y（儿子） $("x + y")// 找到所有紧挨在x后面的y $("x ~ y")// x之后所有的兄弟y　 jQuery对象　　用jQuery选择器查出来的就是jQuery对象　　jQuery对象，他就可以使用jQuery方法，不能使用DOM的方法　　DOM对象和jQuery对象的转换: 　　　　--

JQuery选择器

阅读更多关于 JQuery选择器

JQuery选择器 1.基本选择器和CSS的定义差不多：标签选择器 id选择器（#）类选择器（点）并集选择器（逗号） <head> <meta charset="UTF-8"> <title>选择器·基本选择器</title> <script src="js/jquery-3.3.1.min.js"></script> <script> $(function() { //id选择 $("#divOne").css("color", "red"); //标签选择 $("span").css("color", "green"); //class选择 $(".clsTwo").css("color", "blue"); //合并选取 $("#divOne,span,.clsTwo").css("fontSize", "50px"); }); </script> </head> <body> <div id="divOne">有ID的div</div> <span>span</span> <div class="clsTwo">有class的div</div> </body> <head> <meta charset="UTF-8"> <title>并集选择器：3 Click in 1</title> <script type="text/javascript" src="js

Solr4.8.0源码分析(7)之Solr SPI

阅读更多关于 Solr4.8.0源码分析(7)之Solr SPI

Solr4.8.0源码分析(7)之Solr SPI 查看Solr源码时候会发现，每一个package都会由对应的resources. 如下图所示：一时对这玩意好奇了，看了文档以后才发现，这个services就是java SPI机制。首先介绍下java SPI机制，然后再结合Solr谈一下SPI。 1. JAVA SPI 当服务的提供者，提供了服务接口的一种实现之后，在jar包的META-INF/services/目录里同时创建一个以服务接口命名的文件。该文件里就是实现该服务接口的具体实现类。而当外部程序装配这个模块的时候，就能通过该jar包META-INF/services/里的配置文件找到具体的实现类名，并装载实例化，完成模块的注入。基于这样一个约定就能很好的找到服务接口的实现类，而不需要再代码里制定。 jdk提供服务实现查找的一个工具类：java.util.ServiceLoader 假设有一个内容搜索系统，分为展示和搜索两个模块。展示和搜索基于接口编程。搜索的实现可能是基于文件系统的搜索，也可能是基于数据库的搜索。实例代码如下： Search.java: 搜索接口 1 package search; 2 3 import java.util.List; 4 5 import definition.Doc; 6 7 public interface Search { 8

CSS中设置元素的圆角矩形

阅读更多关于 CSS中设置元素的圆角矩形

CSS中设置元素的圆角矩形圆角矩形介绍在 CSS 中通过 border-radius 属性可以实现元素的圆角矩形。 border-radius 属性值一共有 4 个，左上、右上、左下、右下。 border-radius 属性值规则如下：第一个值为左上、第二个值为右上、第三个值为左下、第四个值为右下。假如 border-radius 属性值都是一致的我可以设置一个属性值即可。圆角矩形实践圆角矩形基本使用方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>圆角矩形</title> <style> div{ width: 100px; height: 100px; border: 2px solid rebeccapurple; border-radius: 10px 20px 30px 40px; } </style> </head> <body> <div></div> </body> </html> 如果我们的 border

python之路 JavaScript基础

阅读更多关于 python之路 JavaScript基础

一、JavaScript简介 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。二、组成部分 ECMAScript，描述了该语言的语法和基本对象文档对象模型（DOM），描述处理网页内容的方法和接口。浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。三、一些简单案例注：显示结果请自行测试 1.简单的html输出 <script> document.write('<h1>我是你耀哥</h1>') </script> 此脚本请在开头测试，如果在尾部测试，那么会覆盖整个html页面 2.简单的点击按钮弹出提示 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script> function func(){ alert('欢迎点击按钮') #alert是JavaScript用来测试用的函数可以在浏览器中弹出信息 } </script> </head> <body> <button value="按钮" onclick="func()">按钮

JS顶级对象window

阅读更多关于 JS顶级对象window

订阅 meta