浏览器缓存原理

本文章为原创文章,转载请注明出处 Cookie 客户端发送请求,参数放在请求体,服务器接收数据并存到cookie,服务器响应,cookie在响应体返回,下次请求时根据url决定带哪个cookie,cookie放在请求头发送到服务器。不同域名是无法共享浏览器端本地信息的。 Session 客户端发送请 ... »

validate表单验证-单独验证

今天编写一个表单验证程序,我来说一下今天遇到的坑:程序不是通过submit按钮提交验证的,是在自己写的一个方法中提交的,出现了表单无法验证的情况。然后我就了解了一下jquery validate的验证方法。 jquery validate表单验证方式有三个: 1、直接通过submit方式提交,提交时 ... »

vue2.0 如何自定义组件(vue组件的封装)

一、前言 之前的博客聊过 vue2.0和react的技术选型;聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。 vue 的ui框架现在是很多的,但是鉴于移动设备的复杂性,兼容性问题突出。像 Mint-UI 等说实话很不错了,但是坑也是不少,而且很多功能也是仅凭这些实现不了 ... »

块级元素和行内元素

一直对块级元素和行内元素的区别和特性有点模糊,于是各方参考总结一下,方便自己梳理知识: 首先说一下什么是块级元素和行内元素块级元素,指自动占一行的元素,下一个元素(标签)会在新行开始,这行就是这个块级元素的地盘。例: 效果(注:div为块级元素): 行内元素,与块级元素相对,它不会占一行,两个(甚至 ... »

vue2.0 axios封装、vuex介绍

一、前言 博主也是vue道路上的行者,道行不深,希望自己的东西能对大家有所帮助。这篇博客针对 了解过vue基础,但是没有做过vue项目的童鞋。如果想看基础指令,可以看我之前的一篇博客,请点击 跳转, 不过我还是建议看文档比较好。os: Vue文档是非常详细的 二、准备 做vue单页应用都需要会什么? ... »

前端学习笔记之HTML body内常用标签

阅读目录 一 HTML语义化 二 字符实体 三 h系列标签 四 p标签 五 img标签 六 a标签 七 列表标签 八 table标签 九 form标签 一 HTML语义化 body中的标签是会显示到浏览器窗口中的,body内的标签只有一个作用就是用来标记语义的,语义指的是从字面意思就可以理解被标记的 ... »

readonly 和 disabled的区别

在开发的时候遇到了disabled不能传值的问题 但是readonly可以传值 学习源头: http://www.w3school.com.cn/tags/att_input_readonly.asp https://blog.csdn.net/l347129991/article/details/ ... »

从零开始学Web之HTML(二)标签、超链接、特殊符号、列表、音乐、滚动、head等

大家好,这里是 Daotin 从零开始学 Web 系列教程。此文首发于「 Daotin的梦呓 」,欢迎大家订阅关注。在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一、标签 1、单标签 注释标签 ... »

手机端实现fullPage——全屏滚动效果

封装了一个小插件模拟fullPage的全屏滚动效果,比较简单。 特点: 1. 纯js实现,小巧轻便。 2. 兼容性好。苹果、安卓都没问题,暂时没遇到问题机型。 缺点: 1. 仅封装了基础功能,HTML、css么有去封装。个人觉得不封装更方便大家使用。 接下来看看效果图: 相比效果大家都看到了,接下来 ... »

不同浏览器时间控件显示上的区别

功能需求: 输入时间,该时间大于小孩出生时间(对应字段ChildBirthDate),小于当前时间 页面代码: 各浏览器显示: IE / FireFox: 显示为空白文本框,点击出现日历;同时,max min 属性失效,需要从后台进行验证; Google: 当小孩出生时间为当年当月(有min限制的属 ... »

使用Map标签指定点击区域时的兼容性问题

电商m站的首页,有一个需求是配一张大的banner图,然后指定某些区域是热区,点击之后跳转到不同的活动页。 听起来简单明了,实现也比较容易,立刻就想起来有个map标签,简直就是为这个需求量身定做。 简单说下做法: 我们首先会和后台约定一些规则,定义一个json对象。比如: 我们可以约定,type为1 ... »

前端开发常用代码片段(中篇)

十一、检测浏览器是否支持svg 十二、检测浏览器是否支持canvas 十三、检测是否是微信浏览器 十四、检测是否移动端及浏览器内核 十五、检测是否电脑端/移动端 十六、检测浏览器内核 十七、强制移动端页面横屏显示 十八、电脑端页面全屏显示 十九、获得/失去焦点 1、JavaScript实现 2、jQ ... »

前端开发常用代码片段(上篇)

一、预加载图像 如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。 二、检查图像是否加载 有时为了继续脚本,你可能需要检查图像是否全部加载完毕。 你也可以使用 ID 或 CLASS 替换<img> 标签来检查某个特定的图像是否被加载。 三、自动替换破坏的图像 逐个替 ... »

Flask框架之 - 简易静态网站 !

网站截图: Python源代码如下: HTML代码: home HTML代码: chapter1 HTML代码: chapter2 HTML代码: 1.1 HTML代码: 1.2 HTML代码: 2.1 HTML代码: 2.2 HTML笔记: *HTML标题: <h1>这是一个标题</h1> 最重要 ... »

JavaScript的BOM、DOM操作、节点以及表格(二)

BOM操作 一、什么是BOM BOM(Browser Object Model)即浏览器对象模型。 BOM提供了独立于内容 而与浏览器窗口进行交互的对象; BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性; 二、BOM常用的对象 Screen对象:尺寸 window.screen; ... »