Web开发

jQuery之_元素滚动

07-27
对应的知识点铺垫,但是有一个很重要的问题就是兼容IE和chorme的 1. scrollTop(): 读取/设置滚动条的Y坐标2. $(document.body).scrollTop()+$(document.documentElement).scrollTop() 读取页面滚动条的Y坐标(兼容chrome和IE)3. $('body,html').scrollTop(60); 滚动到指定位置(兼容chrome和IE) 需求: 1. 得到div或页面滚动条的坐标 2. 让div或页面的滚动条滚

php模拟数据请求

07-27
php:模拟后台接受数据的步骤<?php> 1.连接数据库 $host="localhost"; $uname="root"; $upwd=""; $db="test"; $link=myspli_connection($host,$upwd,$db); 2.查询数据表 2.1.获取用户请求提交的数据 $loginName = $_REQUEST["loginName"]; 2.2.拼sql语句

纯CSS实现垂直居中的几种方法

07-27
垂直居中是布局中十分常见的效果之一,为实现良好的兼容性,PC端实现垂直居中的方法一般是通过绝对定位,table-cell,负边距等方法.有了css3,针对移动端的垂直居中就更加多样化. 方法1:table-cell html结构: 1 2 3 <div class="box box1">         <span>垂直居中</span> </div> css: 1 2 3 4 5 .box1{     display: table-ce

关于网站开发中div标签中设置宽度后其中文本溢出的原因和解决方法

07-27
一.问题产生的原因 当我们为div标签声明了宽度,但是仍然会出现文本越界的情况,不知道大家有没有发现,只有文本内容为单词或者纯数字 的时候才会出现这种情况为此我特意测试了两种情况,结果如下: ①当文本内容为纯数字或者字母: ②当文本内容为汉字: 所以我们可以得出结论:浏览器在解析我们页面的时候,给这一串数字当成一个词了,这样就不会自动切断字符串而进行换行. 二.解决方法 ①word-wrap:break-word (例如div宽200px,它的内容就会到200px自动换行) ②word-brea

jQuery之offset,position

07-27
获取/设置标签的位置数据 * offset(): 相对页面左上角的坐标 * position(): 相对于父元素左上角的坐标. 需求: 1. 点击 btn1 打印 div1 相对于页面左上角的位置 打印 div2 相对于页面左上角的位置 打印 div1 相对于父元素左上角的位置 打印 div2 相对于父元素左上角的位置 2. 点击 btn2 设置 div2 相对于页面的左上角的位置 代码实现: //1. 点击 btn1 $("#btn1").click(function(){ // 打

php中怎么使用call_user_func动态调用方法

07-27
php中可使用call_user_func进行方法的动态调用,可以动态调用普通函数.类方法以及带参数的类方法1.定义一个普通函数getCurrentDate,用于获取今天日期.call_user_func带上的参数为要被调用的函数名fucntion getCurrentDate(){echo 'getCurrentDate:' . date('Y-m-d');}call_user_func('getCurrentDate'); 程序会自动执行getCurrentDate函数并获得期望的结果get

html 02-认识html

07-27
1. HTML 初识 HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言. HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) 超文本的 含义: *可以加入图片.声音.动画.多媒体等内容(超越文本限制 ) *还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本 ). html 总结: html 是超文本标记(标签)语言 我们学习html

网站抢购秒杀系统设计简析

07-27
秒杀是电子商务网站常见的一种营销手段. 原则 不要整个系统宕机. 即使系统故障,也不要将错误数据展示出来. 尽量保持公平公正. 实现效果 秒杀开始前,抢购按钮为活动未开始. 秒杀开始时,抢购按钮可以点击下单. 秒杀结束后,按钮按钮变成秒杀已结束. 技术攻关 短时间内的大访问量对现有网站业务造成的冲击. 秒杀是一个网站营销的一个附加活动,时间短,并发量大. 如果和网站原有应用部署在一起,必然会对现有业务造成冲击,稍有不慎可能导致整个网站瘫痪. 高并发下对服务器数据库造成的极大负载压力. 用户秒杀开

购物车结合单页web应用

07-27
reg.js中 import React, { Component } from "react" class Reg extends Component{ render(){ return( <div> <ul> <li><label>用户名:</label><input /></li> <li><label>密码:</label><input /><

JS框架_(JQuery.js)带阴影贴纸标签按钮

07-27
纯CSS带阴影贴纸标签按钮效果: <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS3带阴影贴纸标签按钮样式</title> <style> html { box-sizing: border-box; font: 18px PT Mono; background: antiquewhite; } *, *::before, *

php preg正则表达式的组成部分

07-27
定界符号 : 多种都可以,常用为// 原子 : 最小的一个匹配单位 (放在定界符中),在一个正则表达式中,至少要有一个原子 1,打印字符(a-z A-Z 0-9 [email protected]#$%^&*()_+...)和非打印字符 2, 代表一类字符 \d :任意一个数字 [0-9] \D :任意一个非数字 [^0-9] \w :任意一个字 a-z A-Z 0-9 _ [a-zA-Z0-9_] \W :任意一个非字 [^a-zA-Z0-9_] \s :代表任意一个空白 [\t\n\f\v]

使用 certbot 对网站免费加 https 协议

07-27
CentOS 系统 Nginx 环境 cd /usr/local/srcwget https://dl.eff.org/certbot-autochmod a+x certbot-auto./certbot-auto --nginx(自动) 出现以下内容表示成功: IMPORTANT NOTES: Congratulations! Your certificate and chain have been saved at:/etc/letsencrypt/live/c.pensukeji.com

afinal 文件上传、下载、图片加载实例

07-27
// Afinal框架讲解 public class AfinalActivity extends FinalActivity { @ViewInject(id=R.id.bt_afinal_loadimage,click = "bt_afinal_loadimage_click") private Button bt_afinal_loadimage; @ViewInject(id = R.id.bt_afinal_gettext, click = "bt_afinal_g

psd图片不能在网页上显示

07-27
原因:web上不支持psd图片,web支持JPG,PNG等. 解决:打开ps点击文件--储存为web所用格式(选择转换成哪种格式). 原文地址:https://www.cnblogs.com/hq12345/p/9378352.html

phpstudy for linux版环境安装

07-26
phpstudy for linux版环境安装 本文主要和大家分享PHP环境安装-phpstudy for linux版,希望能帮助到大家. 下载地址: 下载版:http://lamp.phpstudy.net/phpstudy.bin 完整版:http://lamp.phpstudy.net/phpstudy-all.bin PHP环境支持: 解释:Apache/Nginx/Tengine/Lighttpd PHP版本:支持php5.2/5.3/5.4/5.5切换 操作系统:已经在centos

CSS实现各种方向三角形

07-26
我们的网页因为 CSS 而呈现千变万化的风格.这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果.特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来. 今天给大家带来 CSS 三角形绘制方法 代码如下: #triangle-up {    width: 0;    height: 0;    border-left: 50px solid transparent;    border-right: 50px solid transparent; 

ASP.NET机制详细的管道事件流程

07-26
最近回顾了一些新知识, 本人简单介绍下ASP .NET机制,:在这里与大家一起分享一下: 第一.浏览器向服务器发送请求. 1)浏览器向IIS服务器发送请求网址的域名,根据HTTP协议封装成请求报文,通过DNS解析请求的IP地址,接着通过socket与IIS通讯. 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Net; 5 using System.Net.Socket

JS里关于事件的常被考察的知识点:事件流、事件广播、原生JS实现事件代理

07-26
1.JS里面的事件流 DOM2级事件模型中规定了事件流的三个阶段:捕获阶段.目标阶段.冒泡阶段,低版本IE(IE8及以下版本)不支持捕获阶段 捕获事件流:Netscape提出的事件流,即事件由页面元素接收,逐级向下,传播到最具体的元素. 冒泡事件流:IE提出的事件流,即事件由最具体的元素接收,逐级向上,传播到页面. 关于js事件,这里有一篇非常详细的介绍,可以看下:http://www.cnblogs.com/hyaaon/p/4630128.html 2.IE和W3C不同绑定事件解绑事件的方法

css绝对居中img

07-26
html: <div id="imgs"> <img src="http://pic.616pic.com/ys_b_img/00/03/60/Kt6QwnlaEu.jpg" > </div> css: #imgs { width: 100vw; height: 100vh; display:table-cell; text-align:center; vertical-align:middle; } img{ width: 10

Keras RetinaNet github项目安装

07-26
在存储库目录/keras-retinanet/中,执行pip install . --user 后,出现错误: D:\>cd D:\JupyterWorkSpace\keras-retinanet D:\JupyterWorkSpace\keras-retinanet>pip install . --user Looking in indexes: https://pypi.tuna.tsinghua.edu.cn/simple Processing d:\jupyterworkspace\k