方小圆-CSDN博客

原创 cookie与登录注册

cookiecookie是什么？cookie是浏览器访问服务器后，服务器会返给浏览器的一段数据。浏览器会保存这段数据。当浏览器再次访问服务器时，浏览器会自动带上这段cookie。cookie有有效期吗？有。默认20分钟，但是后端可以设置。设置方法可以看mdn相关知识。cookie怎么作假？浏览器f12有cookie，手动作假。但是服务器可以设置js不能修改cookie。登录注册...

2019-10-30 22:52:55 15043

原创前端局部刷新的几种方式

1. 通过img标签请求，实现局部刷新。实现方式向页面插入一个img标签，监听其加载，加载成功则表示请求成功，做出相应的处理；加载补充表示请求补充，也作出相应的处理。button.addEventListener('click', (e)=>{ let image = document.createElement('img') image.src = '/pay' ...

2019-06-20 23:31:39 20982 4

原创移动端之1px实现

说明当我们在css里写 border: 1px solid #000的时候，用户会觉得边线依然很粗不美观。如何实现比1px更细的边线呢？下面列举了几种方案。问题根源不同设备的物理像素不一样。设计师一般是按照750px宽度设计页面的，而移动端做自适应时，一般会设置width = device-width，假如设备物理像素为375px，那么布局宽度应该为375px，按比例，此时设计师的1px在...

2019-06-18 00:07:09 356

原创移动端之点透

什么是点透？在移动端，当用户通过绑定touchstart事件监听函数让浮层关闭时，关闭后浮层后面对应位置页面其他元素也会触发click事件，比如浮层的关闭按钮下是一个链接，当用户点击浮层关闭按钮浮层消失后大约300ms页面同时发生跳转。<!DOCTYPE html><html><head> <meta charset="utf-8"> ...

2019-06-17 23:54:37 1685

原创移动端之300ms延迟

原因无键盘全触屏手机初期，页面全是为PC端设计的（没有设置<meta name="viewport">），iPhone作为全触屏手机始祖，为了便于用户浏览网页引入了双击缩放功能。手指在屏幕上快速点击两次，iOS 自带的 Safari 浏览器会将网页缩放至原始比例。如何判断用户是单击还是双击？当用户点击屏幕时，会等待300ms，如果300ms内再次点击，则判定为双击，如果300ms内没...

2019-06-17 23:37:44 192

原创 JS基础之手动实现简易jQuery api

今天主要实现以下两个api：addClass：给指定标签增加classsetText:给指定标签设置文本内容(textContent)第一版第一版用到命名空间，命名空间相当于给自己的库一个名字，当函数名称冲突，不会会覆盖掉之前的函数。var ffyjq = {};// 作用：获取传入的节点的兄弟节点ffyjq.getSiblings = function (node){ //...

2019-06-09 10:41:51 218

原创 CSS之绝对定位top:100%和bottom:0区别

在写一个小demo的时候需要在li内加上一个div，效果如下图：如果不加任何定位，显示为下图：加上绝对定位且bottom:0，显示为下图：而加上top:100%，则显示为下图：总结：1. top:100%是在父元素边框外面的，2. bottom:0是在父元素边框里面的。...

2019-05-27 23:30:59 8629

原创 JS基础之原型

对象的声明 var a = {}; //方法一 var b = new Object(); //方法二以上两种方式没有任何区别，但是a === b值为false，因为地址不一样。但是var a = {};var b = a;这样 === 是为true的，因为指向同一个地址。原型当我们声明一个Number类型的变量a，我们可以使用a.toFixed()方法，可是我们并没有给a定义t...

2019-05-19 23:00:31 159

原创 JS数据类型（二）

数据类型间的转换其他类型转字符串方法：toString()+’’(‘’为空字符串比较常用)Object.Stringify(1)object转字符串值为[object Object]null和undefined无法转字符串1+'1’等于多少？首先，不应该这么写由于加号只能加相同类型，其次加号会优先转成字符串，所以结果为’11’其他类型转成布尔（...

2019-05-15 23:07:03 73

原创 JS 里的数据类型（一）

7种类型数值（Number），基本类型字符串（String），基本类型布尔（Boolean），基本类型null，基本类型undefined，基本类型symbol，基本类型数值JS内部，所有数字都是以64位浮点数形式储存，即使整数也是如此。所以，1与1.0是相同的，是同一个数。JS底层没有整数，所以某些运算只有整数才能完成，此时 JavaScript 会自动把64位浮点数，转...

2019-05-12 21:49:29 112

转载 JS正则小结

新建新建有两种方式： 1. 使用字面量，如：var reg = /a/; 2. 使用RegExp构造函数，如：var reg = new RegExp(“a”);第一种方法在引擎编译代码时，就会新建正则表达式，第二种方法在运行时新建正则表达式，所以前者的效率较高。实例属性 1. RegExp.prototype.ignoreCase：返回一个布尔值，表示是否设置了i修...

2019-04-18 21:52:00 116

原创 CSS小技巧之两行文字两端对齐

假如一个页面需要填写姓名和联系方式，为了使样式美观，通常需要文字两端对齐，即“姓”和“联”对齐，“名”和“式”对齐，通常情况下是很难对齐的：这边有个小技巧，就是利用text-align:justify+伪类，实现方式如下：```<!DOCTYPE html><html><head> <meta charset="utf-8"> &...

2019-04-17 23:19:12 6245

原创 CSS不正交的几个例子

CSS之间影响margin和border多个div，分别设置margin-top和margin-bottom，margin会合并，比如我统一设置margin为10px，3个div上下间隔应该是10px。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl...

2019-04-17 07:54:33 697

原创 CSS布局技巧

两栏布局左边宽度固定，浮动。右边设置margin-left，宽度自适应。反之，亦可。例子：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title> <style> .aside{ float:l...

2019-04-14 21:20:29 477

原创 CSS实现太极图案

知识点伪类：实现太极中两个空心圆边框、背景：边框大于背景，实现空心小圆CSS3动画：实现太极无限旋转代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title> <style> body{ ...

2019-04-13 23:29:32 851

原创 CSS元素的宽高由什么决定？

任何元素都可以是行内元素或块级元素，只需通过css display来设置。那么，为什么我们会说div是块级元素，span是行内元素。这是因为浏览器默认div为块级元素，默认span为行内元素。行内元素表现形式 <span class="first">hug</span> <span class="first">hug</span>...

2019-04-13 11:11:21 917

原创 HTML常见标签详解

iframe说明：将另一个HTML页面嵌入到当前页面中。常见属性height:以CSS像素格式HTML5，或像素格式HTML 4.01，或百分比格式指定frame的高度。width:以CSS像素格式HTML5，或像素格式HTML 4.01，或百分比格式指定frame的宽度。name:嵌入的浏览上下文（框架）的名称。该名称可以用作标签，<form>标签的target属性值，...

2019-04-10 00:11:15 135

W3C万维网联盟（World Wide Web Consortium）,又称W3C理事会，是万维网的主要国际标准组织。为解决网络应用中不同平台、技术和开发者带来的不兼容问题，保障网络信息的顺利和完整流通，万维网联盟制定了一系列标准并督促网络应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范，开发中使用的导则和解释引擎的行为等等。W3C也制定了包括XML和CSS等的众多影响深远的标...

2019-04-07 22:14:13 321

原创 HTTP入门之请求、响应、curl

目录请求响应CURL请求HTTP请求的完整过程浏览器负责发起请求服务器在 80 端口接收请求服务器负责返回内容（响应）浏览器负责下载响应内容注意：HTTP 的作用就是指导浏览器和服务器如何进行沟通。请求的方式GET:只请求数据，相当于读取数据，不会改变资源，不会对资源产生影响，打开一个网页就是GET请求。POST:向指定的资源提交数据，请求服务器进行处理，数据被包...

2019-04-05 16:47:20 399

原创小程序iOS系统，bindprogress属性无效

小程序<video>标签bindprogress属性，官方文档解释：加载进度变化时触发，只支持一段加载。event.detail = {buffered}，百分比。今天做小程序，需要用到video做背景，由于video层级高，opactiy属性对它无效，只能先将video宽高设置为1，用bindprogress属性来监听视频是否加载成功，成功再将宽高调高，安卓真机调试没有问题，结果...

2018-12-05 22:59:05 512

转载 html href与src的区别

href：href用于标识超文本引用，用于link和a标签上，href是引用和页面关联，是在当前元素和引用资源之间建立联系。src（source）：标识引用资源，标识替换当前元素，用在img、script等标签上，是页面内容不可缺少的一部分。src是source的缩写，是指向外部资源的位置，指向的内部会迁入到文档中当前标签所在的位置。在请求src资源时会将其指向的资源下载并应用到当前文档中

2018-01-02 10:43:58 447

原创 Spring自动装配报空指针异常

这几天在学Spring的自动装配，自己动手做一个小项目，但是被一个空指针异常卡住了。启动的时候弹出index.jsp,这是一个登陆页面：<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.

2017-02-28 11:11:59 3291 2

转载 Spring自动装配（注解）

1.在xml配置文件中，引入context命名空间 xmlns:context="http://www.springframework.org/schema/context" http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context

2017-02-21 20:39:20 430

转载 JAVA通过API获取天气预报信息(HTTP协议)

public class GetWeather { public static void main(String[] args) { String httpUrl = "http://apis.baidu.com/apistore/weatherservice/citylist"; String httpArg = "cityname=%E6%9C%9D%E9

2017-01-09 19:49:18 3170 1

原创 MyBatis一对多映射实现方式

Mybatis映射##一、一对多一个班级有多个学生，但是一个学生只有一个班级，学生就是多的那方。学生只有一个班级属性，班级有多个学生属性。所以学生类中只需要一个班级类的实例，班级里面需要一个列表来存放学生属性。先在学生类中加入班级属性： public class Student { private int id; private String name; priva

2016-12-21 19:47:28 1749

原创 MyBatis别名的两种实现方式

MyBatis别名（Alias）##别名的两种方式：一、 <typeAliases> <typeAlias type="com.ff

2016-12-21 19:46:00 3926

原创 MyBatis实现数据的增删查改

MyBatis的配置请参考我的上一篇文章，在上一篇文章的基础上我们实现数据的增删查改。创建实现增删查改的xml文件，这里才是真正实现增删查改的文件。创建完后要在配置文件中注册创建好的xml文件：<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config3.0//

2016-12-19 21:02:47 380

原创 MyBatis连接数据库

MyBatis连接数据库三个步骤1.创建工程 2.加入相关jar包 3.将MyBatis的配置xml放到src下面这里主要讲步骤3: 首先需要在src文件夹下创建配置xml，在xml中加入配置信息： 1.mybatis_conf.xml（src文件夹下）<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE configuration PUBLI

2016-12-19 20:57:54 1643

原创 Hibernate关系映射之多对多映射的两种方式

多对多关系##many-to-many 应用场景：不建议使用，建议拆解成两个“一对多”连接关系定义（主控方）： //xml映射方法<set name="propertyName" table="middle_table_name"> <key column="columnName_master" /> <many-to-many class="className" colu

2016-12-16 20:45:21 681

原创 Hibernate之关系映射的两种方式（xml映射、annotation注解映射）

本文列出了两种关系映射包括一对一和一对多（多对一），并且列出了两种方式（xml映射和annotation注解映射）分别对一对一和一对多的代码，关键地方标有注释解释。可供初学者参考。欢迎初学者加入群：583763961一起交流学习，也欢迎大牛加群指导。共同学习，共同进步。主键关系映射代码之一对一##一个学生对应一条登录信息（用户名、密码），一条登录信息对于一个学生一.xml文件映射 1

2016-12-14 20:11:29 900

原创 hibernate映射的两种方式

hibernate映射的两种方式将实体类映射到数据库中的表的方式有两种，包括通过xml文件映射以及通过注解映射。个人认为通过注解映射更加直观，出错率低一些吧。下面是简单的步骤介绍以及代码演示。一、xml方式进行映射1.在hibernate.cfg.xml为映射进行配置（需要放在src目录下，否则需要重新设置映射的路径）<?xml version="1.0" encoding="UTF-8"?><

2016-12-13 22:46:09 521

空空如也

mac 编译并运行 React Native 应用报错

Spring自动装配报空指针异常。

spring MVC提示如下，请问是怎么回事？

eclipse中debug时step over等按钮无效，这是怎么回事？具体情况如图；

Spring MVC的这段提示信息是什么意思？对程序运行有影响吗？

spring MVC启动tomact服务器时提示下面这个。怎么解决啊？

tomatct7.0可以启动，但是访问页面空白！

Spring MVC中如何使用xxxx.do访问页面？

谁能帮我解释一下这段java代码