anjiong1971-CSDN博客

转载浏览器加载解析渲染（浏览器的工作原理）

浏览器的主要功能：将用户选择的web资源呈现出来。而这，它需要从服务器请求资源，并将其显示在浏览器窗口中。资源的格式通常是html，也包括PDF，image等其他格式。用户用URL（Uniform Resource Identifier统一资源标识符）来指定所请求资源的位置，通过DNS(域名系统（英文：DomainNameSystem，缩写：DNS）)查询，将网址转换为IP地址。整个浏览...

2019-06-23 21:53:00 180

转载 flex布局

网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在...

2018-12-21 21:56:00 191

转载不同分辨率页面自适应

css判断不同分辨率显示不同宽度布局实现自适应宽度不同分辨率下，页面如何自适应？一、据统计，大致共有如何几种分辨率：1920*10801680*10501600*1200/9001440*9001400*1050/9001366*7681360*1024/7681280*1024/960/768/720/800/6001024*768...

2018-12-21 11:36:00 1111

转载 jquery中bind与on的区别

jquery文档中bind和on函数绑定事件的用法：.bind(events [,eventData], handler).on(events [,selector] [,data], handler)从文档中可以看出，.on方法比.bind方法多一个参数'selector'.on的selector参数是筛选出调用.on方法的dom元素的指定子元素，如：...

2018-12-17 19:49:00 458

转载 offsetheight和clientheight和scrollheight的区别以及offsetwidth和clientwidth和scrollwidth的区别...

1.offsetwidth和clientwidth和scrollwidth的区别这里的内容区就是箭头所指的这么多的宽度和高度即可视内容区（因为存在滚动条，下面还有内容）。offsetwidth:内容区+padding+滚动条+border；clientwidth:内容区（可视内容区）+padding；scrollwidth：内容区+padding；1....

2018-12-15 17:17:00 250

转载响应时间控制

模块加载1.分次请求（及分步获取数据）这属于后台分页。即和后台协商，根据高度（滚动条的高度）分批次去请求。比如，当scrollTop()=300的时候，请求对应的数据。当scrollTop（）=600的时候，再次请求对应的数据。等等2.前台分页一次性请求拿到数据，每次根据滚动高度去分别显示数据。转载于:https://www.cnblogs.com/yyn12...

2018-12-15 16:21:00 296

转载浏览器兼容

由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏览器兼容问题出现的主要原因，我们的网页需要在主流浏览器上正常运行，就需要做好浏览器兼容。使用Trident内核的浏览器：IE、Maxthon、TT；使用Gecko内核的浏览器：Netcape6及以上版本、FireFox；使用Presto内核的浏览器：Opera7及以上版本；...

2018-12-15 15:56:00 79

转载 git代码提交

git pull ,拉一下分支代码1. git status 查看相关文件的状态2、git checkout yyn(分支名)3. git pull4、git add all5.git commit -m6.git push origin企业级项目git远程仓库一般是由master/test/dev三个分支构成，开发人员是在de...

2018-12-13 17:43:00 56

转载 bootstrap的用法、bootstrap图标

JS组件系列——不容错过的两款Bootstrap Icon图标选择组件正文前言：最近好多朋友在群里面聊到bootstrap icon图标的问题，比如最常见的菜单管理，每个菜单肯定需要一个对应的菜单图标，要是有一个可视化的图标选择组件就好了，最好是直接选择图标，就能得到对应的class样式。于是乎各种百度，皇天不负有心人，最后被博主找到了，感觉效果还不错，并且支持自定义的图标，...

2018-12-12 11:33:00 250

转载 HTML 5 Web 存储（客户端存储数据）

在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储localStorage 方法localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。如何创建和访问 localStorag...

2018-12-11 18:16:00 112

转载 requery.js

（一）为什么要用require.js？参考网址：http://www.ruanyifeng.com/blog/2012/11/require_js.html最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。这段代码依次加载多个js文件。...

2018-12-11 17:30:00 720

转载 WebStrom的使用技巧

1.让代码规范化:ctr+alt+l2.复制元素或者标签：ctr+D3.注释或者取消注释：ctr+/4.搜索：ctr+f转载于:https://www.cnblogs.com/yyn120804/p/10057914.html

2018-12-03 13:21:00 108

转载 event事件

event表示事件，其属性target表示该事件的元素(event具有继承)例如：<head> <meta charset="UTF-8"> <title>event事件</title> <script src="//libs.baidu.com/jquery/2.0.0/jquery.min...

2018-01-07 10:55:00 116

转载 $().each 和 $each( )的区别

在jquery中，遍历对象和数组，经常会用到$().each和$.each()，两个方法。两个方法是有区别的，从而这两个方法在针对不同的操作上，显示了各自的特点。1.$().each语法$(selector).each(function(index,element))定义和用法each() 方法为每个匹配元素规定要运行的函数。提示：返回 false 可用于...

2018-01-04 22:17:00 108

转载 js基础字符串

1.字符串反转：字符串用str[i]只能读取对应的字符串中的某个字符，但是不能修改，例如：我们给str[1]='a';console.log(str[1]) 结果仍为：e;在这里，我刚新定义个数组，刚好利用这一特性来反转字符串。读取字符串str里面的每一个字符，赋值给字符串arr;因此将其属性颠倒，然后利用join（数组转化为字符串）将arr转化为str。转载...

2018-01-03 22:33:00 128

转载 if return的用法逻辑运算 switch for break等用法

return返回并跳出其所在的函数，该函数不再继续往下执行。if(){ return;}在一个方法中，遇到if(){ return;}该方法之后的不执行，直接跳出该方法。例如：function A（）{ var b=3; if(b){ return; } cons...

2018-01-02 22:55:00 422

转载 date-id自定义属性

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性，你可以拿它做很多有用的事情。你可以去读一下HTML5的详细规范，但这个自定义data属性的用法非常的简单，就是你可以...

2017-12-30 19:40:00 856

转载 JSON跨域请求

轻松搞定JSONP跨域请求一、同源策略要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。一些常见的是否同源示例可参照下表：在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去获取豆瓣上https://developer...

2017-12-03 10:27:00 189

转载项目经验

1.给A元素的子元素B，在A hover的时候B显示，当离开A元素时B元素隐藏当鼠标滑过关注微信的时候，显示鼠标离开关注微信这个区域 <div class="head_span Tbarweixin"> <div> <span > <img src="weix...

2017-12-01 17:21:00 63

转载 css水平垂直居中

水平居中1.行内元素水平居中如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置text-align:center来实现的。<style>div{ border:1px solid red; margin:20px;}.txtCenter{ text-align:center;}div.i...

2017-11-29 16:21:00 67

转载首页，子页

通过首页进入子页。以农家乐，百度地图为例：通过点击这几个农家乐进入对应的农家乐。首先，在首页，我们获取后台规定的给定的每个农家乐的地址id.即标1的地方。然后，我们在href对应的地址后面加上?id=变量名（记住我们需要给网址添加一些名称或者别的，通过？变量等等，还是一个相同的网址）在子页，我们通过正则表达来获取当前子页面的网址，并获取 “=”的值。...

2017-11-28 08:11:00 705

转载 Bootstrap

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。本教程将向您讲解 Bootstrap 框架的基础，通过学习这些内容，您将可以轻松地创建 Web 项目。教程被分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和 ...

2017-11-25 09:31:00 96

转载百度地图

（一）地图示例1.地图展示举例：在一个HTML文档中的某个div中显示某个地理位置的百度地图：这里是西安市唐***小区的地理坐标，设置了该位置的城市为西安市。同样，如果我们要设置当前位置的坐标，则需要通过getlocationCurrent来获取。然后，将获取到的经纬度输入中即可2.异步加载地图(有条件的加载地图，也就是说当.....后，再加载地图)...

2017-11-14 12:10:00 101

转载 AngularJS

Angular JS和jQuery都是JavaScript的框架，两个是平行框架jQuery添加到页面通过script：<script src="//libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>AngularJS添加到页面通过script：<script src="http://ap...

2017-11-07 10:01:00 280

转载 CSS3

简述：CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。CSS3的新增内容也就是新增属性。(一)CSS3 边框用CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序，如Photoshop。CSS3 圆角(border-radius)border-radius的值如果大于width或者height的一半的时候，元素将变为一个...

2017-10-15 16:58:00 368

转载地理定位 video web存储

（一）HTML5 地理定位HTML5 Geolocation（地理定位）用于定位用户的位置。HTML5 - 使用地理定位请使用 getCurrentPosition() 方法来获得用户的位置。下例是一个简单的地理定位实例，可返回用户位置的经度和纬度:处理错误和拒绝(二)HTML5 Video(视频)用的是video元素Web站点上的视频...

2017-10-15 11:27:00 183

转载 HTML5新元素

为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式处理，和几个api拖放元素，定位，包括网页应用程序缓存，存储，网络工作者，等。转载于:https://www.cnblogs.com/yyn120804/p/7665734.html...

2017-10-14 09:41:00 46

转载 HTML5Canvas

HTML5Canvas标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。什么是 Canvas?HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用Canva绘制路径,盒、圆...

2017-10-12 10:29:00 48

转载 HTML5简介

（一）HTML5简介HTML 5 是下一代的 HTML。HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。（二）HTML5新版本特性1、淘汰过时的或冗余的属性2、Indexed DB本地存储功能3、脱离Flash 和Silverlight直接在浏览器中显示图形或动画4...

2017-10-12 09:53:00 83

转载在script中创建标签的三种方式

以创建p标签为例：1.//使用 HTML 标签创建文本var text="<p>hello world</p>"2.使用jQuery创建文本var text=$("<p></p>").text("hello world")3.利用javas创建文本var text=document.createElement("...

2017-09-19 17:43:00 266

转载 html css js jq问题总结

1.一个子div要在显示在父元素中的底部？首先想到的是给该子元素设置margin-top值或者margin-bottom值。假设父类高为160px,该子元素的高度为40px,那么我们可以设置margin-top:120px;但是这里要注意，如果这个父元素中只有这么一个子元素，则，这样设置，不起作用，结果是：子元素在父元素中的位置没有变化，但是父类元素向下偏移了120px....

2017-09-05 16:04:00 96

转载 Ajax

AJAX教程AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJA...

2017-09-04 22:16:00 63

转载 JQuery Ajax

jQuery -AJAX 简介AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。（jQuery ajax和JavaScript ajax有区别。jQuery ajax是封装好的，不需要考虑浏览器是否兼容等问题，书写方法也不同。在这里，切记，无论是请求状态的判断还是请求结果等都是在回调函数中执行）什么是 AJAX？AJAX = 异步 ...

2017-09-04 11:45:00 64

转载 jQuery遍历

什么是遍历？jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。(不直接给自己定义id或者class等等，是通过其他元素来找到自己)以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。）下图展示了一个家族树。通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移...

2017-09-04 09:08:00 74

转载 JQuery HTML

（一）jQuery 捕获（获取）jQuery -获取内容和属性。jQuery 拥有可操作 HTML 元素和属性的强大方法。jQuery DOM 操作1.获得内容 - text()、html() 以及 val()三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选...

2017-09-03 12:29:00 146

转载 JQuery效果

jQuery 效果（一）隐藏和显示隐藏、显示、切换，滑动，淡入淡出，以及动画，哇哦！点击消失结果为：1.jQuery hide() 和 show()通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：点击隐藏按钮后，进行缓慢的隐藏小例子：语法: $(s...

2017-09-02 15:46:00 84

转载 JQuery事件

jQuery事件jQuery 是为事件处理特别设计的。什么是事件？事件的定义：页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例：在元素上移动鼠标。选取单选按钮点击元素在事件中经常使用术语"触发"（或"激发"）例如： "当您按下按键时触发 keypress 事件"。常见 DOM 事件：...

2017-09-02 14:52:00 67

转载 JQuery基础语法和选择器

前言：js和jQuery的关系javascript是脚本语言的基础，Jquery是在javascript的基础上开发出来的框架，也就是说jquery能够实现的功能，都是可以通过javascript实现的，jquery就是为了方便开发人员在开发中提供便捷的方法。首先你要知道:　　1.js是网页的脚本语言,记住哈,js是语言！　　2.jquery是用js语言写出来的...

2017-09-01 20:34:00 263

转载 Javascript HTML DOM

JavaScriptHTML DOM通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。HTML DOM 定义了访问和操作 HTML 文档的标准。HTML DOM (文档对象模型)当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。文档对象模型DOM（Document Object Model...

2017-08-25 12:00:00 275

转载 JavaScript 表单操作和验证文件的操作

<form method="get" action="接口地址"> <input type="text" name="username"> <input type="password" name="passWord"> <input type="submit" name="Submit" value=“提交...

2017-08-24 09:55:00 355

空空如也

空空如也