海生_php和web前端-CSDN博客

原创 MySQL:mysql存储emoji表情以及默认字符集修改

mysql存储emoji表情有两种方法:base64和设置字段为utf8mb4我之前的数据库是utf8，现在默认是3个字节，但emoji是4个字节，此时需要改为utf8mb4，为4个字节，utf8mb4是在mysql 5.6之后的版本支持的下面是mysql官方文档的说明The idea of UTF-8 is that various Unicode

2016-08-04 11:49:45 1496

原创 MySQL:增加用户以及赋予不同的权限

在一个服务器上有多个数据库或者多个项目的时候，我们希望，每个项目的人，能否访问它的数据，而且对外提供服务的时候，如果也希望，尽量的安全考虑，尽量的只给需要的权限。所以，我们打算给，每一个项目，它需要的最恰当的权限，来创建多个用户。一.创建用户CREATE USER 'jeffrey'@'localhost' IDENTIFIED BY 'mypass';创建

2016-08-04 11:47:26 1137

原创 H5:常用css3属性box-sizing，display:box

box-sizing属性：允许您以特定的方式定义匹配某个区域的特定元素。box-sizing有三个取值：content-box|border-box|inherit;默认情况下值为content-boxcontent-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box:为元素设定的宽度和高度决定了元素的边框盒。为元素指定的

2016-08-04 11:42:21 5847

原创 H5：Canvas：字符串，路径，背景，图片

HTML5中新增了画布标签，通过它，可以使用JavaScript在网页中绘制图像。标签在网页中得到的是一个矩形空白区域，可以通过width和height属性来调整其宽和高。创建一个Canvas画布的方法如下：[html] view plain copycanvas id=”canvas” width=”600” height=”400”>canvas>

2016-08-04 11:37:39 2711

原创 gitHub:配置SSH连接GitHub

前言：整了一下午终于可以和git厂库互通了出现了如下问题：“ERROR: Permission to .git denied to user”然后查看自己的相关配置都是正常的，后来百度了一下问题，说github的密钥只能存在一个github账号，我发现我的两个github账号用了相通的密钥。所以问题找到了。下面说下整个配置：1.

2016-08-04 11:35:47 634

原创 H5:前端开发性能优化

规定图片的宽高减少重绘不要用表格布局，表格通常会导致页面重绘，浏览器是一行一行显示表格的，如果有一行的列宽和行高和之前的不一样那之前绘制好的行也必须重新绘制。定义字符集，不同的字符集有不同的渲染方式。不要重组DOM，重新排列DOM通常都会引发浏览器重绘。合并资源减少http请求，不增加额外的带宽使用CDN加速避免空的src或h

2016-08-04 11:26:41 417

原创 H5:<meta> 标签详解

定义针对搜索引擎的关键词：定义对页面的描述：定义页面的最新版本：每 5 秒刷新一次页面：网页作者：添加智能 App 广告条（iOS 6+ Safari）：设置苹果工具栏颜色：忽略页面中的数字识别为电话，忽略email识别：<meta name="format-detection" content="t

2016-08-04 11:20:50 4158 1

原创 JS:js和css本地缓存问题

由于浏览器会自动缓存静态文件的，这些文件一般只在强制刷新时，才会重新读取。怎么清除浏览器缓存的静态文件呢？大部分人的想法是url后面加时间戳，但是问题出现了，就是每次url地址变化时浏览器就会请求服务端的js和css文件，而不会使用缓存。但是会导致浏览器每次都要去请求服务端的js和css文件，占用带宽。解决方法：在url后面加版本号，现

2016-08-04 11:17:29 1913

原创 JS:跨域问题详解

1.在HTML文档中能够发起HTTP请求的元素有：，，，，请求HTML文档文件，请求（get/post），请求其他资源文件，音频视频，插件，用于音频视频，从域的概念来讲，HTML中的这些元素，都是可以跨域请求资源的。这些请求都是传统的HTTP请求。哪些算是跨域：什么是跨域：我们经常会在页面上使用ajax请求访问其他服务器的数据,此时,客户

2016-08-04 11:15:56 504

原创 JS:字符串和数字之间的相互转换

字符串进行比较没有进行转换的话，小于10的可以正常比较，大于10的会出错。方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(No

2016-08-04 11:14:32 5601

原创 JS:对数组常用的操作方法

操作数组常用的方法：1.slice() --------arrayObject.slice(start,end)slice() 方法可从已有的数组中返回选定的元素。返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。参数描述start必需。规定从何处开始选取。如果

2016-08-03 16:14:29 662

原创 GIT:git命令的使用分享下

第一步，创建一个版本库$mkdir learngit //learngit 目录名$cd learngit //learngit 目录名$pwd //显示当前路径/Users/michael/learngit 总结：1：创建文件目录 mkdir learngit2：进入目录cd learngit

2016-08-03 16:13:32 412

原创 JS:javascript技术总结

基本数据类型包括 Undefined 、 Null 、Boolean 、 Number 和 String 。复杂的数据类型，即 Object 类型，该类型是这门语言中所有对象的基础类型。ECMAScript提供了很多与 C 及其他类 C 语言中相同的基本操作符，包括算术操作符、布尔操作符、关系操作符、相等操作符及赋值操作符等。流控制语句，例如 if 语句、 for 语句和s

2016-08-03 16:05:10 582

原创 JS:声明函数时里面的参数是不是必须写

命名的参数只提供便利，但不是必需的。另外，在命名参数方面，其他语言可能需要事先创建一个函数签名，而将来的调用必须与该签名一致。但在 ECMAScript 中，没有这些条条框框，解析器不会验证命名参数。function howManyArgs() { alert(arguments.length);}howManyArgs("string",45)

2016-08-03 16:04:31 5722

原创 jQuery和JS:网页常用计算宽高的方法

jquery：获取浏览器显示区域的高度： $(window).height();获取浏览器显示区域的宽度：$(window).width();获取页面的文档高度：$(document).height();获取页面的文档宽度：$(document).width();获取滚动条到顶部的垂直高度：$(document).scrollTop();获取滚动条到左边的垂直

2016-08-03 12:11:02 404

原创 H5：新增data-*属性详解

data-*属性：自定义属性来存储数据，data-值，值可以是任意字符串。获取值：var el = document.getElementById('div')console.log(el.getAttribute('data-created-time')) 设置值：va

2016-08-03 12:06:36 9897

原创 JS: 盒模型 scrollLeft, clientWidth等等详解

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全

2016-08-03 12:05:10 365

原创 JS:事件鼠标处理机制

鼠标移入移出事件流程：鼠标移动到目标元素上时会触发mouseover 事件，如果继续在目标元素上移动会不断触发mousemove事件，鼠标移出元素的那一刻，触发mouseout事件其他鼠标事件：scroll ：目标元素的滚动条发生移动时(滚动滚轮/拖动滚动条。。)mousewheel：滚动滚轮触发，这个和scroll事件需要区别开来。 mousedo

2016-08-03 12:03:22 841

转载 Jenkins:自动化构建工具

1.进入Jenkins官方网站下载最新的Jenkins，Jenkins提供war包的下载和各种操作系统的安装文件，选择war包即可。2.Jenkins的启动方法有两种：第一种是使用tomcat直接打开，就是把jenkins.war放入tomcat下的webapps目录下，当启动jenkins时，就会自动在webapps下建立jenkins目录。然后再浏览器的地址栏输入http://local

2016-08-03 12:00:50 1397

原创 JS:模块化工具requirejs教程

基本APIrequire会定义三个变量：define,require,requirejs，其中require === requirejs，一般使用require更简短define 从名字就可以看出这个api是用来定义一个模块require 加载依赖模块，并执行加载完后的回调函数前一篇中的a.js：define(function(){ fu

2016-08-03 11:40:38 308

原创 H5：实时监听 input 输入框的值变化

(1)jquery：只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了。$('#input').bind('input propertychange', function() { alert("我是实时监听哦")});(2)oninput 是 HTML5 的标准事件对于检测 textarea, input:

2016-08-03 11:39:09 25186

原创 H5:移动端触屏事件 touch

touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。调用preventDefault()事件可以阻止滚动。touchend事件：当手指从屏幕上离开的时候触发。touchcancel事件：触摸结束的时候触发每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的

2016-08-03 11:37:50 17956

原创 $.ajax()方法详解

$.ajax()里面很多方法记不住，然后在这里总结一下。1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，设置请

2016-08-03 10:56:10 338

原创 JS：判断页面在那个浏览器打开02-微信、微博

var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE

2016-08-03 10:54:44 5690

原创判断页面在那个浏览器打开01-Navigator对象

所有浏览器都支持该对象。Navigator 对象包含有关浏览器的信息。Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。<script type="text/javascript"> $(function(){ var browser={},matchReg;

2016-08-03 10:53:10 367

原创移动开发CSS3：display:box，box-flex属性

必须给父容器div定义css属性display:box，其子容器才可以进行划分(如果定了display:box则该容器定义为内联元素，使用margin让其居中是无效的，可以在其父元素设置text-align:center让其居中);子元素属性：box-flex:比例值;

2016-08-03 10:48:00 622

原创 mysql 建立多个索引，加快查询速度

最近有一个接口，客户端接到数据，耗时1秒，一般的常识是 100ms以内在接口通过exit，断点，一个一个的尝试，发现问题出在一个myqsl查询上在mysql里用sql查询了一下，发现是0.64s，请龙哥帮忙看了一下，他的建议是建立多个索引，加快查询速度。案例1：一. 获取查询情况 explain sql语句龙哥，发现没有索引二.查

2016-08-03 10:45:08 7011

原创 web前端常用长度单位（px，em，rem，pt）

px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸，最初是指字母M的宽度，故名em。现指的是字符宽度的倍数，用法类似百分比，如：0.5em, 1em,2em等，通常1em=16px，为了简化font -size的换算，可以在css中的bod

2016-08-03 10:24:34 19080

原创前端模板引擎 artTemplate

artTemplate是新一代 javascript 模板引擎特性：性能卓越，执行速度通常是 Mustache 与 tmpl 的 20 多倍（性能测试）支持运行时调试，可精确定位异常模板所在语句（演示）对 NodeJS Express 友好支持安全，默认对输出进行转义、在沙箱中运行编译后的代码（Node版本可以安全执行用户上传的模板）

2016-08-03 10:22:38 549

原创移动开发：CSS3 box-sizing 属性

div{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */width:50%;float:left;}语法box-sizing: content-box|border-box|inherit;值

2016-08-03 10:20:26 343

原创利用a标签自动解析URL

代码块function parseURL(url) { var a = document.createElement('a'); a.href = url; return { source: url, protocol: a.protocol.replace(':',''), host: a.hostname, por

2016-08-03 10:14:43 733

原创 jquery的.fn.extend使用方法

jQuery为开发插件提拱了两个方法，分别是：$.fn.extend()和$.extend();下面来看下两个方法的具体使用：1) $.extend()extend(data,src1,src2,src3…);该方法是将src1,src2,src3…合并到data中,返回值为合并后的data。var newObj=$.extend({},s

2016-08-03 10:12:17 655

转载 PHP:API 接口规范完整版本

整体规范建议采用RESTful 方式来实施。协议API与用户的通信协议，总是使用HTTPs协议，确保交互数据的传输安全。域名应该尽量将API部署在专用域名之下。https://api.example.com如果确定API很简单，不会有进一步扩展，可以考虑放在主域名下。https://example.org/api/api版本控制应该将

2016-08-02 15:22:54 17720

转载 JS:代码执行顺序问题

JavaScript是一种描述型脚本语言，它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行如果你不能理解javaScript语言的运行机制，或者简单地说，你不能掌握javascript的执行顺序，那你就犹如伯乐驾驭不了千里马，让千里马脱缰而出，四处乱窜。那么JavaScript是怎么来进行解析的吗？它的执行顺序又是如何的呢？在了解这些

2016-08-02 15:22:02 372

原创 js获取url链接中的域名,url和参数的例子

最近在做一个页面，服务器跳转到前端的时候，在url上面加一个 get参数；然后客户端再获取到这个参数，然后再用 ajax方式，访问服务器，带上这个参数，获取数据。假如这个url地址为 http://www.test.com?parm1=va1思路是用 split函数，取出这个参数和值获取url浏览器这个对象，对应js

2016-08-02 15:20:11 5494

原创 php: 用header()函数解决跳转，ajax跨域,utf8实例

最近写的页面，用了header()函数，发现，可以跳转，可以允许ajax跨域，用能设置utf8，觉得还有用，决定对它详细的学习一下.一.打开谷歌浏览器，访问一个页面，用开发者模式，查看服务器返回信息上面这个是我打开的一个页面，这些就是服务器返回给我的信息，也就是对应php的函数 header()可以设置的地方.二.允许跨域，其实就是返回头部

2016-08-02 15:12:39 5388

原创 php: 打印log日志，存储数据到log文档实例

我们写php经常遇到，要把一些数据记录一下，此时最好的方法，就是写进文档，方便快捷，不用了就删掉php也提高了几种快速方法一.error_log() 把错误信息发送到 web 服务器的错误日志，或者到一个文件里。语法 error_log('message',3,'/var/log/test.log');$str = 'messag

2016-08-02 15:11:23 22834

原创 linux: 目录相关常见命令

现在一般服务器都在linux系统上，和文件以及路径打交道，是天天的事，今天整理一下，linux文件以及路径命令我在下面，列出了 linux手册，一定要熟读，我这里只是入门介绍一.用 ssh 链接服务器，远程链接到服务器语法： ssh 用户名@服务器IP比如 ssh root@192.168.10.10 然后会提示输入密码

2016-08-02 15:08:57 302

原创 php: 远程操作浏览器cookie存储入门

本公众号，之前写过一个 js操作 cookie 的教程这次写一个 php部分远程操作浏览器cookie存储一.cookie理解，其实就是浏览器的一个本地存储，不过这个本地存储，在http握手的时候，会作为head头部带给服务器，很方便服务器和浏览器数据同步啊！二.更重要的是在，http握手的时候，服务器也可以操作head，设置cookie

2016-08-02 15:07:44 975

原创 php:对象和引用入门

一.对象和赋值：实例化后，会建立一个，会指向这个class类的标示id通过赋值，等于一个实例，是同指向这个id，不过这个变量，可以随时改指向其他的标示地址id示例：class A{ public $testa = 3;}class B{ public $testa = 7;}$a = new A();$b = $a;

2016-08-02 15:06:51 351

空空如也

空空如也