记录前端点滴
Jimadc
不满足,不服输
展开
-
如何制作快速加载的HTML页面
一个好的页面不仅要给访客提供一个更有效的站点,同时也需要降低你的服务器压力和网络请求。对于那些高访问量的站点来说尤为关键。页面加载性能的优化不仅是针对那些带宽有限的拨号上网用户需要看的内容,对于网速快的访客来说,性能的提升同样是一种良好的用户体验。1.减小页面的大小在页面加载中,页面的大小至今扮演着非常重要的因素。减小页面的大小可以通过排除不必要空格,注释,动态内嵌脚本,和放入...转载 2018-10-18 08:58:24 · 1794 阅读 · 0 评论 -
CSS中的 inline-block 导致换行问题
最近在写导航的时候,使用了inline-block,之前的都是用float写,没有遇到今天的换行问题,打开调试模式,查看padding和margin均为0,也就是说,问题并不是出现在换行元素本身上边,于是查找了一些资料,了解到* inline-block是包含空格、换行符的,所以会导致inline-block产生不可见的间距,就出现了无法理解的换行。查看大神们的解决办法,了解到,可以通过以下办...原创 2019-08-26 10:25:28 · 2762 阅读 · 0 评论 -
JS中的日期和时间详解
JS中的日期和时间详解关于Date()构造函数简单实例用Date()构造函数创建时钟关于Date()构造函数Date()构造函数是javascript的核心语言部分,用来创建表示时间和日期的对象。这些日期对象的方法为日期计算提供了简单的API。日期对象不是数字那样的基本类型。简单实例下面列举几个简单的实例来认识一下我们的这位新朋友:var then = new Date(2019, 2...原创 2019-06-09 06:52:29 · 11131 阅读 · 0 评论 -
JQ实现向动态元素添加事件
最近做的工作需要添加微信统计,然后页面里是动态添加的模拟对话,需要给动态添加的元素添加点击复制事件。第一就想到了JQ的bind事件,可是经过测试发现,bind事件不能给动态添加的元素进行事件添加,不能放弃啊,继续探索,终于功夫不负有心人,发现on事件可以实现这个效果。废话不多说,上代码:<!DOCTYPE html><html> <head> ...原创 2019-06-05 10:57:48 · 6120 阅读 · 0 评论 -
如何解决跨域问题
1.什么是跨域:两个具有相同的协议(如http), 相同的端口(如80),相同的host(如www.google.com)的域,那么我们就可以认为它们是相同的域(协议,域名,端口都必须相同)。跨域就指着协议,域名,端口不一致,出于安全考虑,跨域的资源之间是无法交互的(例如一般情况跨域的JavaScript无法交互,当然有很多解决跨域的方案)2.Access-Control-Allow-...原创 2019-05-16 15:44:06 · 119 阅读 · 0 评论 -
JQ中$.each()方法的使用
$.each()可以实现对数组,json和DOM结构等的遍历。定义:以每一个匹配的元素作为上下文来执行一个函数。注意点:$.each()中的this指的是DOM元素,而不是jQuery 对象,如果要获取jQuery 对象,需要使用 $(this) 。下面我们来看看它的应用方法:1.遍历一维数组var arr_1 = ['a','b','c'];$.each(arr_1,...原创 2019-04-01 09:25:09 · 37010 阅读 · 0 评论 -
js判断是否为移动端代码
js判断是否为移动端代码,获取用户userAgent代理头的值,进行匹配判断,如果匹配到就进行跳转到移动端。一、查看当前代理头信息&lt;script&gt; document.write("用户代理: " + navigator.userAgent);&lt;/script&gt;在浏览器中按F12进入调试模式,查看请求二、匹配跳转代码&lt;script&a转载 2019-02-22 16:04:09 · 3597 阅读 · 0 评论 -
Javascript对象浅谈——设计思想和如何创建
在javascript中,大多数事物都是对象,从核心的字符串和数组,到建立在Javascript之上的浏览器API。当然,我们也可以自己创建对象,将相关的函数和变量封装打包成便捷的数据容器。这种面向对象(object-oriented,OO)的特性是进一步学习Javascript语言知识必不可少的。下面,我们将详细看一下对象设计的思想和语法,再说明如何创建对象。1.对象基础对象是一个包含相...原创 2018-10-26 18:15:59 · 292 阅读 · 0 评论 -
HTML中的表单
HTML5为用户添加了很多新的表单类型,下面为大家整理一下:input的type属性拥有更多的值: button:无缺省行为按钮。 checkbox: 复选框。必须使用 value 属性定义此控件被提交时的值。使用 checked 属性指示控件是否被选择。也可以使用 indeterminate 指示复选框在一种不确定状态(大多数平台上,显示为一条穿过复选框的水平线)。 ...转载 2018-10-18 09:16:53 · 136 阅读 · 0 评论 -
免费CDN加速服务
CDN也称内容分发网络,其原理大概是将服务内容分发至全网加速节点,让用户从就近的服务器节点上获取内容,从而提高网站的访问速度。大部分服务商(如阿里云,网易蜂巢,京东云等)的CDN服务是按使用量收费的,也有一些服务商提供免费的CDN服务,本文简单的总结一下目前可免费使用的CDN,对个人站长来说,免费的已经够用了。腾讯云CDN官网:https://cloud.tencent.com/produc...转载 2019-09-23 10:12:26 · 6547 阅读 · 0 评论