- 博客(77)
- 收藏
- 关注
RSS订阅原创 flex布局踩过的坑
虽然我对flex的基本用法已经比较了解，但是在使用过程中还是会经常遇到些大大小小的问题。这篇博客在对flex的基本概念做一个简单的回顾后，将重点记录我在使用flex时踩过的一些坑，这篇博客也会一直更新。本文结构：flex布局基本概念 flex container flex item 踩过的坑 flex container的高度问题 flex-direction与just...
2019-12-31 15:28:48
823
原创 Html5移动端布局及(rem布局)页面自适应布局详解
常见的页面布局方式有，静态布局px布局 流式布局（Liquid Layout）主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用） 自适应布局（Adaptive Layout）即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围 响应式布局（Responsive Layout）检测窗口大小利用bootstrap布局 弹性布局（rem/em布局）css3 r...
2019-12-30 22:40:57
634
原创 使用vscode自动编译less
1.到应用商店安装easyless插件2.在setting.json中添加配置 "less.compile": { "compress": false, "sourceMap": false, "out": "${workspaceRoot}\\css\\", // 这里是代表编译后生成的css文件所放的位置 ...
2019-12-28 15:32:45
1197
原创 移动端京东添加触摸事件轮播图
/*轮播图*/function bannerEffect(){ /*1.设置修改轮播图的页面结构 * a.在开始位置添加原始的最后一张图片 * b.在结束位置添加原始的第一张图片*/ /*1.1.获取轮播图结构*/ var banner=document.querySelector(".jd_banner"); /*1.2.获取图片容器*/ ...
2019-12-27 17:25:25
328
原创 京东秒杀倒计时效果
/*倒计时效果*/function timeBack(){ /*1.获取用于展示时间的span*/ var spans=document.querySelector(".jd_sk_time").querySelectorAll("span"); /*2.设置初始的倒计时时间,以秒做为单位*/ var totalTime=3700; //1*60*60 370...
2019-12-27 17:24:19
421
原创 Web APIs
Web APIs学习目标：能够说出常用的3-5个键盘事件能够知道如何获取当前键盘按下的是哪个键能够知道浏览器的顶级对象window能够使用window.onload事件能够使用window.onresize事件能够说出两种定时器的区别能够使用location对象的href属性完成页面之间的跳转能够使用location对象获取url中的参数部分能够使用his...
2019-12-26 22:17:43
226
原创 PHP试题库
第1题[单选题]：$array = array('a','b','c','d'); $array_now = array_splice($array,2); print_r($array_now);A、Array ( [0] => c [1] => d ) B、Array ( [0] => a [1] => c ) C、Array ( [0] =>...
2019-12-26 22:14:44
412
原创 钢琴版导航条案例
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>*{margin:0;padding:0;li...
2019-12-26 22:12:47
287
原创 Ajax 技术上手
Ajax 技术第1章 认识Ajax1.1 初识 ajax我们平常上网，不管是注册账号，还是浏览网页，其本质就是通过客户端向服务器发送请求，服务器接到请求后返回处理后的数据给客户端；在我们之前学习代码中，向服务器提交数据典型的应用是就是 form 表单，其中的 action 就是我们提交数据的服务器端地址；完成一个 form 表单；当我们点击提交按钮时，页面就会跳转到服务器页面；...
2019-12-26 22:12:06
1294
原创 $.ajax()方法详解
1.url:要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type:要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout:要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。...
2019-12-26 22:10:39
107
原创 flex 布局
7.1 传统布局与flex布局传统布局：兼容性好 布局繁琐 局限性，对移动端的支持不好flex 唐兴布局操作方便，布局极为简单，移动端应用广泛 PC段浏览器支持情况较差 IE11或更低版本，不支持或仅部分支持建议：PC端页面，使用传统布局 移动端页面或者不考虑兼容性问题的PC段页面布局，使用flex 弹性布局7.2 爱的初体验html 代码<d...
2019-12-26 16:38:01
395
原创 简单使用swiper实现轮播图
1、引入CSS CDN（在页面head）<link href="https://cdn.bootcss.com/Swiper/4.5.1/css/swiper.css" rel="stylesheet">2、引入JS CDN（在body中）<script src="https://cdn.bootcss.com/Swiper/4.5.1/js/swiper.js">...
2019-12-25 16:52:21
1881
原创 php值传递和引用传递的区别是什么？
值传递：在函数范围内，改变变量值得大小，都不会影响到函数外边的变量值。引用传递：在函数范围内，对值的任何改变，在函数外部也有所体现，因为传引用传的是内存地址。敲两段代码然后就可以看出两者的区别，咱们透过现象看本质 1 2 3 4 5 6 7 8 function sum($a){ ...
2019-12-24 08:21:59
133
原创 PHP - 简单验证码
<?phpheader("content-type:image/jpeg");$width = 120;$height = 40;$img = imagecreatetruecolor($width,$height);$color_bg = imagecolorallocate($img,rand(200,255),rand(200,255),rand(200,255));$c...
2019-12-24 08:21:50
190
原创 PHP错误类型及屏蔽方法
程序只要在运行，就免不了会出现错误，错误很常见，比如Error，Notice，Warning等等。之前我们介绍过《易犯的PHP小错误及相应分析》《为开发者准备的10款错误报告和追踪工具》，这篇文章具体说一下PHP的错误类型和屏蔽方法。在PHP中，主要有以下3种错误类型。1.注意（Notices）这些都是比较小而且不严重的错误，比如去访问一个未被定义的变量。通常，这类的错误是不提示给用户的，但有...
2019-12-24 08:21:35
88
原创 正则表达式的子模式详解
首先，我们先看一段PHP代码：<?php $time = date ("Y-m-d H:i:s"); $pattern = "/\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}/i"; if(preg_match($pattern,$time,$arr)){ echo "<pre>"; print_r($a...
2019-12-24 08:21:26
248
原创 浅谈移动端中的视口（viewport）
在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口（Visual Viewport）和理想视口（Ideal Viewport）。本文主要讨论移动端...
2019-12-23 20:49:13
146
原创 移动web基础总结
1、什么叫做物理像素物理像素又称为———设备像素 (设备固定的属性)逻辑像素就是设备独立像素window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。公式表示就是：window.devicePixelRatio = 物理像素 / dips1、一个物理像素是显示器（手机屏幕）上最小的物理显...
2019-12-23 20:48:19
116
原创 ECharts快速上手
ECharts百度的ECharts目前在国内使用的比较多，所以总结了一些相关知识；官网地址，详细的可以参考：http://echarts.baidu.com/index.html特性介绍ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 ...
2019-12-22 15:06:56
395
原创 Swiper5手机触摸滑动插件快速使用
Swiper插件官网https://www.swiper.com.cn/1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN。<!DOCTYPE html><html><head> ... <link rel="stylesheet" href="di...
2019-12-22 15:06:30
1112
原创 工作中常用的正则表达式
正则表达式中的常用符号^匹配输入字符串的开始位置。 $匹配输入字符串的结束位置。 *匹配前面的子表达式零次或多次。 \将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。 +匹配前面的子表达式一次或多次。+等价于{1,}。 ?匹配前面的子表达式零次或一次。?等价于{0,1}。 \d匹配一个数字字符。等价于[0-9]。 \s...
2019-12-22 08:04:17
63
原创 PHP 递归函数的理解
很多同学在学习递归函数的时候会感到头晕，无法搞清楚递归函数的原理和运行机制，本文将给大家详细讲解递归函数的运行机制和运用。那什么是递归函数呢？递归函数即为自调用函数，在函数体内直接或间接自己调用自己，但需要设置自调用的条件，若满足条件，则调用函数本身，若不满足则终止本函数的自调用，然后把目前流程的主控权交回给上一层函数来执行，可能这样给大家讲解，还是很难明白。好，那下面我们就拿高洛峰老师的《...
2019-12-22 08:03:54
89
原创 PHP面试题集
汗~~做了一下网络上的php题目，不知不觉做到现在.....把答案贴出来如果有问题请欢迎补充和指正 1、用PHP打印出前一天的时间格式是2006-5-10 22:21:21(2分)$a = date("Y-m-d H:i:s", strtotime("-1 day"));print_r($a); 2、echo(),print(),print_r()的区别(3分)...
2019-12-22 08:03:51
1396
原创 PHP session_start() open failed: Permission denied session 无法使用的问题
日志显示报错如下：PHP message: PHP Warning: session_start(): open(/var/lib/php/session/sess_tbh109lbvm6lu8cm7pr31ik, O_RDWR) failed: Permission denied (13) in /home/domain.com/html/index.php on line 2...
2019-12-22 08:03:38
445
原创 PHP读取xlsx Excel 文件
<?php <br>require_once'simplexlsx.class.php'; <br>if($xlsx= SimpleXLSX::parse('pricelist.xlsx') ) <br>{ print_r($xlsx->rows() ); <br>}else{ <br>echoSimp...
2019-12-22 08:03:28
371
原创 国家/地区 语言缩写代码 查询备用
Code Name af Afrikaans af-ZA Afrikaans (South Africa) ar Arabic ar-AE Arabic (U.A.E.) ar-BH Arabic (Bahrain) ar-DZ Arabic (Algeria) ar-EG Arabic (Egypt) ar-IQ ...
2019-12-22 08:03:12
440
原创 php 上传文件名出现乱码
1 想必很多朋友在进行utf8编码的php开发上传功能的时候，都会遇到这样的一个问题，<br>就是上传中文文件名的文件时，文件名会变成乱码，<br>其实我们可以用iconv函数对文件名进行重新编码就解决问题了 可能会有不少朋友碰到一些问题就是上传文件时如果是英文倒好原文名不会有问题，如果是中文可能就会出现乱码了，今天我来给大...
2019-12-22 08:03:02
98
原创 php判断字符串长度 strlen()与mb_strlen()函数
PHP strlen() 函数定义和用法strlen() 函数返回字符串的长度。语法strlen(string)参数：string按 Ctrl+C 复制代码按 Ctrl+C 复制代码结果分析：在strlen计算时，对待一个UTF8的中文字符是3个长度，所以“中文a字1符”长度是3*4+2=14在mb_strlen计算时，选定内码为UTF8，则会将一个中文...
2019-12-22 08:02:47
181
原创 Ajax
开发网站时经常会用到跨域资源共享（简称cors，后面使用简称）来解决跨域问题，但是在使用cors的时候，http请求会被划分为两类，简单请求和复杂请求，而这两种请求的区别主要在于是否会触发cors预检请求。首先我们要明白cors的原理（引自MDN）：跨域资源共享标准新增了一组 HTTP 首部字段，允许服务器声明哪些源站通过浏览器有权限访问哪些资源。另外，规范要求，对那些可能对服务器数据产生...
2019-12-22 08:02:42
53
原创 MYSQL全文本搜索
全文本搜索使用全文本搜索启用全文本搜索进行全文本搜索使用拓展查询布尔文本搜索使用全文本搜索为了进行全文本搜索，必须索引被搜索的列，而且要随着数据的改变不断的重新索引。对表列进行适当的改进后，MySQL会自动进行所有的索引和重新索引。优点：性能快明确控制智能化的结果启用全文本搜索FULLTEXT（列名）：MySQL对该列索引自动更新进行全文本搜索使用Match()–被搜...
2019-12-22 08:02:33
92
原创 PHP正则表达式
一、概念正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。主要是有下面几个作用：1、注册页面判断用户输入的内容是否符合验证规则2、从整体字符串中看是否包含指定的字符串3、找到符合规则的字符串进行替换二、语法规则2.1定义规则$re...
2019-12-20 08:28:53
241
原创 语法环境 变量 数据类型 转换 销毁和传值
第一章 语法环境1.1 后缀php语言是书写在.php文件中的。php的书写很简单<?php echo "hello";?>默认情况下 结束符可以省略；php文件支持php与html混写。浏览器在读取php文件时，如果遇到html代码会直接渲染，此时必须补全结束符<?php echo "hello";?><h1> ...
2019-12-20 08:28:44
92
原创 cookie和session
一、会话技术1.1、HTTP协议HTTP协议是HyperText Transfer Protocol是超文本运输协议，是浏览器和服务器传输数据的协议。我们在地址栏输入京东网址，实际发生了什么？我们在地址栏输入网址实际上是浏览器给服务器发了请求,服务器会给浏览器做出响应，把css js 图片等返回给浏览器，浏览器再进行解析，显示出页面。原理图如下：http是无状态的，每个客...
2019-12-20 08:28:35
63
原创 PHP笔试题
1、不用新变量直接交换现有两个变量的值(1)list($a,$b)=array($b,$a); (2)a=a+b,b=a-b,a=a-b2、PHP数字金额转大小格式，同时说明思路 function daxie($num){ $da_num = array('零','一','二','三','四','五','六','七','八','九'); $retu...
2019-12-20 08:28:25
82
原创 Http Header里的Content-Type
Http Header里的Content-Type一般有这三种：application/x-www-form-urlencoded: 数据被编码为名称/值对。这是标准的编码格式。multipart/form-data: 数据被编码为一条消息，页上的每个控件对应消息中的一个部分。text/plain: 数据以纯文本形式(text/json/xml/html)进行编码，其中不含任何控件或格式字符。...
2019-12-20 08:28:16
399
原创 PHP中get和post区别？
在这里为大家整理了两种get和post的区别。第一种：GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark(标记)，而POST不可以。GET请求会被浏览器主动cache（存储），而POST不会，除非手动设置。GET请求只能进行url编码，而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里，而POST...
2019-12-20 08:28:05
86
原创 js随机点名器（简单）
附源代码;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-12-20 08:27:57
147
原创 js随机点名器（简单）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
2019-12-20 08:27:50
315
原创 PHP - 简单验证码
```php<?phpheader("content-type:image/jpeg");$width = 120;$height = 40;$img = imagecreatetruecolor($width,$height);$color_bg = imagecolorallocate($img,rand(200,255),rand(200,255),rand(200,25...
2019-12-20 08:27:41
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人