yyf0409的博客

原创 前端框架分类

前端框架比较繁多，分了以下类主要有基于js的类库框架（主要分为纯类库和包含设计模式的类库）、UI框架、可视化组件等。想补充一点的楼主暂时知道WPF、AngularJS和VUE.JS是用的MVVM，感觉MVVM很牛逼，其实一般，简单可以理解为ASP.MVC里面的强类型数据绑定（欢迎大神斧正）。想单独提出来的是有人会有这样的疑问：asp.mvc和apring.mvc我可以理

转载 浏览器兼容问题2

27. 页面的最小宽度如上一个问题，IE不识别min，要实现最小宽度，可用下面的方法：?1234class="hljs css">#container{    min-width: 600px;    width:expression(document.body.clientWidt

转载 浏览器兼容问题1

1.   HTML对象获取问题FireFox：document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法：统一使用document.getElementById("idName");2.    const问题说明:Firefox下,可以使

原创 Angular表单验证

Angular表单验证1.如何数据绑定2.验证表单3.显示出错信息4.整个Form验证5.避免提交没有验证通过的表单6.防止多次提交

原创 Sass预处理语言

一种CSS的预处理器。Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。sass的变量定义格式$变量名:属性值;默认变量sass的默认变量仅需要在值后面加上!default即可。特殊变量如果变量作为属性则必须要以#{$variables}形式使用。全局变量在变量值后面加上!

原创 jQuery知识点回顾 动画

1基本动画效果show([speed,[easing],[fn]])：显示选择的元素hide([speed,[easing],[fn]])：隐藏选择的元素toggle([speed,[easing],[fn]])：切换选择的元素（speed表示速度；  esaing 表示动画效果两个默认值 linear：线性的 swing旋转   ；fn 表示回调函数）2滑动效果

原创 jQuery基本知识回顾

1页面引入jQuery库的方式cript type="text/JavaScript" src="jquery-3.2.1.min.js">2 入口函数第一种：$(function(){});第二种：$(document).ready(function(){});第三种：jQuery(function(){});jquery入口函数和js入口函数区别

原创 js 抢购倒计时

倒计时抢购|| function calc(){ //定义目标时间，保存到变量endDate中; var endDate=new Date("2017/8/25 20:10"); //获取当前时间； var now=new Date(); //获取时间差：s：parseInt（(endDate-now

原创 导航栏翻转效果

* { margin: 0; padding: 0; } ul { margin: 30px 40px; } li { width: 190px; height: 50px; list-s

原创 前端面试题（部分）

web前端阶段测试试题（html js css）非原创，本文纯属copy一、单选题（共30题，每题1分）1. 新窗口打开网页，用到以下哪个值（     ）A.  _self B.  _blank C.  _top D.  _parent参考答案：B详解：a标签的target属性_self在页面本身的框架中打开新网页（默认值）

原创 javascript 复习

1.instanceof:用于判断对象是否属于某个类返回类型为boolean类型只能判断对象和函数，不能判断数组和字符串2.javascript中以下6种情况的逻辑值为false0、-0、“”、null、undefined、NaN3.转换函数parseInt(“AF”,16); 16进制转换parseFloat(“22.5”); 转换为浮点数

原创 Html Css 未掌握的地方回顾复习

keyword标签   关键字声明description   网页描述caption     表格标题HTML   超文本标记语言    结构（内容）CSS  层叠样式表        样式JS  JavaScript脚本语言   行为 padding和margin都一样。① 四个值都设置： 上  右  下  左② 三个值设置了：

原创 Css3变换和过渡

一.变换变换属性transform: nonetransform-functions;可添加多个变换方法进行变换，用空格隔开变换中心点transform-origin: x y z;将变换的基准点切换到该坐标点变换形式transform-style: flat(2d转换)transform-style:preserve-3d;(3d转换)

原创 Css3响应布局 弹性盒子

弹性盒子（flexbox）组成：弹性容器（Flex container）和弹性子元素（Flex  item）弹性容器（Flex container）：display:flex|inline-flex;内部包含一个或多个弹性子元素注意：设置为弹性容器后，子元素的float/clear/vertical-align属性将失效属性 1.flex-direction

原创 Css3响应式布局

Css3响应式布局1.响应式布局的含义在不同的情况下对页面进行合理的布局（视窗口的宽度与高度  不同电脑的分辨率 不同设备平板电脑与手机等。。）2多媒体查询语法： @media not|only mediatype and (expressions) {    CSS 代码...;}CSS3 多媒体类型all 用于所有多媒体类型设备print

原创 Css3新增属性

1.新增边框属性box—shadow【实现边框阴影】  属性值有  ：模糊度   X轴偏移  Y轴偏移 color 阴影颜色border—radius【  实现圆角边框】 属性值越大角度越大border—image【实现图片边框】border-image: source slice width outset repeat;2.新的多列布局column

原创 Html5 canvas标签实现简易画图板

* { margin: 0; padding: 0; } .zt { width: 600px; height: 600px; border: solid 4px rgba(0, 0, 0, 0.67); margin-le

原创 JS 控制图片在浏览器上幻灯片式自动播放

浏览图片 *{ margin:0px; padding: 0px; } .ct{ margin: 0 auto; width: 500px; } .pic{ height: 500

原创 Html5多媒体标签与拖拽

1.多媒体标签1.音频：（如果浏览器不支持就显示）不支持时显示controls属性：属性值与属性名同。可以省略。控制显浏览器默认控制条。常用方法：play()播放视频音频方法       pause() 暂停播放       load() 重新加载文件      anPlayType(type) 判断是否可播放该类型的音频、视频。返回值：probably：支持播

原创 Html5新增常见标签

HTML5所有标签汇总及标签意义解释  这篇文章主要介绍了HTML5所有标签汇总及标签意义解释,本文总结了结构标签、多媒体交互标签、Web应用标签、注释标签、其他标签等内容,可以参考下 结构标签：(块状元素) 有意义的div    标记定义一篇文章      标记定义一个页面或一个区域的头部         标记定义导航链接    标记定义一个区域     

原创 导航栏切换导航条的移动

导航条滑动 *{ padding: 0; margin: 0; } .box{ width: 1049px; margin: 20px auto; position: relative; backg

原创 JS 控制网页轮播图片的自动,按钮,导航原点转换

效果如下图script type="text/javascript"> //实现进入轮播区域，显示按钮 //banner-item是div大盒子里面的id var bannerItem = document.getElementById("banner-item"); //获取轮播图片、轮播按钮、轮播导航点三部分 但是有四个ul var bannerI

原创 CSS浮动分析

CSS浮动分析1.脱离标准文档流实现定义：让标签脱离标准文档流的约束限制，独自进行定位设置约束：一般脱标设置的都是块级元素（内联元素可以脱标，不常用）实现方式：浮动、绝对定位、固定定位2.浮动的特性1>.浮动的元素脱离了标准文档流的约束2>.浮动的元素相互贴靠3>.浮动的元素具有字围现象4>.浮动的元素对后面的元素有影响3去除浮动影响

原创 CSS定位分析与理解

css定位分类1.静态定位：static2.相对定位：relative3.固定定位：fixed4.绝对定位：absolute1.静态定位position:static;静态的定位是相对网页左上角来定位2相对定位position:relative;相对定位不脱离标准文档流，对标准文档流还存在影响。左边的字并不会向前移动。通俗的讲就是相对自己原来的

原创 CSS层叠样式表深层理解

盒子模型width（宽度）- 设置模型的内容宽度height（高度）- 设置模型的内容高度padding（内边距）- 设置模型的内边距的距离margin（外边距）- 设置模型的外边距的距离border（边框）- 设置模型的边框大小分方向显示时的属性值padding和margin都一样。 四个值都设置： 上 右 下 左三个值设置了： 上 右左 下 

原创 JS 浏览器网页显示跳动的时间代码

效果如下图html>html>head lang="en"> meta charset="UTF-8"> title>title>style> body{margin-left: 300px; margin-top: 200px; font-size: 60px; color: red;

原创 CSS层叠样式表理解

CSS层叠样式表css 层叠样式表 属于标记型语音 cssDIV + CSS是WEB设计标准，是一种网页布局方法    样式分类行内样式（位于HTML标签体内部）其内联样式（位于head标签内）样式代码外部样式（外部文件+link引入）选择器标签选择器（标签名{}  body{  ...}）类class选择器（.class名{}）id选择器（

原创 Html 理解

html （超文本标记语言）编辑网页Html   超文本标记语言       决定网页的结构文本内容；  Css层叠样式表                  决定网页的样式；JS Java Script 脚本语言      决定网页的"行为"；1.骨架结构       :文档标记，也称  HTML开始标记        :头标记，也称HTML头信息开始标记 

转载 JAVA基础

-JAVA基础每篇一句 ：世界上本没有完美，但是我们从未放弃追求完美初学心得： 乐于挥霍的时间，都不能算作浪费(笔者：JEEP/711)[JAVA笔记 | 时间:2017-04-01| JAVA基础 Ⅳ]目录导航第4篇-JAVA基础目录导航程序运行流程顺序结构分支结构循环结构break 与 continue关键字数组方法初学基础难点希望每

原创 java基础

getJava中 当定义了一个私有的成员变量的时候，如果需要访问或者获取这个变量的时候，就可以编写set或者get方法去调用。set()是给属性赋值的，get()是取得属性值的被设置和存取的属性一般是私有 主要是起到封装的作用，不允许直接对属性操作 set()和get()不一定同时存在，看程序需求toString()方法主要还是在调试程序时用来查看各属性

原创 JDBC

JDBCJDBC中主要的接口（类）DriverManager 使用DriverManager的getConnection(）方法即可。Connection 最重要的方法就是获取 statement Statement statement =getConnection().createStatement();//3.获取statemetStat

原创 jsp九大内置对象.四大作用域

内置对象特点:1. 由JSP规范提供,不用编写者实例化。2. 通过Web容器实现和管理3. 所有JSP页面均可使用4. 只有在脚本元素的表达式或代码段中才可使用(或)常用内置对象:1. 输出输入对象:request对象、response对象、out对象2. 通信控制对象:pageContext对象、session对象、application对象3. Serv

转载 JAVA面试题

开发以来基本遇到的面试题，便于查看~（本文纯属转载）1. 实现多线程方式 1、继承Thread类，重写run函数 2、实现Runnable接口，重写run函数 3、实现Callable接口，重写call函数2. Arraylist和Hashset区别 1、Arraylist是有序集合，可以存放重复元素（数据结构数组） 2、Hashset是无序集合，不可以存放重复元素（数

原创 cookie 与session的区别与理解

一、cookie机制和session机制的区别具体来说cookie机制采用的是在客户端保持状态的方案，而session机制采用的是在服务器端保持状态的方案。通俗的来说就是cookie在浏览器上（客服端）而session在服务端Cookie是客户端的存储空间，由浏览器来维持同时我们也看到，由于采用服务器端保持状态的方案在客户端也需要保存一个标识，所以session机制可能

原创 request作用域

1   一个HTTP请求的处理可能需要多个Servlet合作，而这几个Servlet之间可以通过某种方式传递信息，但这个信息在请求结束后就无效了。Servlet之间的信息共享是通过HttpServletRequest接口的两个方法来实现的。void setAttribute（String name, Object value）：将对象value以name为名称保存到request作用域

原创 servlet生命周期

1.Servlet运行在Servlet容器中，其生命周期由容器来管理。Servlet的生命周期通过avax.servlet.Servlet接口中的init(初始化)、service(处理请求)和destroy(销毁)方法来表示。（1）加载和实例化Servlet容器负责加载和实例化Servlet。当Servlet容器启动时，或者在容器检测到需要这个Servlet来响应第一个请

原创 线程Thread的理解

首先说到线程得说说封装，继承，多态。也就是OOP思想的（面向对象编程）三个基本特征。封装：把一些方法 抽象的行为 数据相结合包装起来成一个类 ，当有类要用到这些方法 数据的时候 直接继承就好。封装的目的 ：增强安全性和简化程序。继承：面向对象编程 (OOP)  语言的一个主要功能就是“继承”。继承是指这样一种能力：它可以使用现有类的所有功能，并在无需重新编写原来的类的情况下对这些功

原创 Java中构造函数详解

构造函数：创建构造对象时调用的函数。 作用：可以给对象经行初始化。（创建对象都必须要通过构造函数初始化）注意！1.一个类中如果没有定义过构造函数，那么该类中会有一个默认的空参数构造函数。 2.如果在类中定义了指定的构造函数那么类中的默认构造函数就没有了。 3.构造函数可以有多个，用于对不同的对象进行针对性的初始化。 4.多个构造函数在类中是以重载的形式来体现的。什么时候

转载 JAVA基础觉得很好所以....

原创 java基础阶段线程总结Thread

一个程序里多个进程线程的生命周期：　　1.新建状态(New)：用new语句创建的线程对象处于新建状态，此时它和其它的java对象一样，仅仅在堆中被分配了内存　　2.就绪状态(Runnable)：当一个线程创建了以后，其他的线程调用了它的start()方法，该线程就进入了就绪状态。处于这个状态的 线程位于可运行池中，等待获得CPU的使用权　　3.运行状态(