微笑感染唇角的无奈-优快云博客

原创 javascript模块化开发：require.js 基本用法

官网：require.js 自己写的一个地图应用小demo：github 基本使用 1 . 为什么使用require.js? 当加载多个js文件时，使用require.js有以下优点实现js的异步加载管理模块之间的依赖，便于代码的维护和编写模块化开发一个文件一个模块减少全局变量 2 . 开始使用文件目录结构在 index.html 中引用 ...

2018-04-27 16:51:36 697

原创 js自定义滚动条插件

知识点 $.extend 方法 jQuery 事件命名空间事件对象属性 : pageX 、 pageY 获得原生事件 : e.originalEvent 位置方法 : scrollTop、scrollLeft、scrollHeight、scrollWidth 、position 滚轮事件的处理：oEv.wheelDelta 、oEv.deltail 源码地址演示地址 j...

2018-04-14 13:17:25 3003

原创前端知识点总结 -- VUE

一. Vue中基础知识 1. 指令-插值 : {{ }} 、v-html 插入文本：双花括号语法：<any>{{ mes }}</ant> 作用：将数据绑定到视图插入HTML: v-html 语法：<any v-html="rawHtml"></any> 作用：输出真正的html 2. 指令-循环指令 : v-for 语...

2018-04-06 14:23:08 538

原创 js面向对象之 —— 封装

Javascript是一种基于对象（object-based）的语言，但它没有类的概念，如果我们要把”属性”（property）和”方法”（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们有以下多中方式 1. 最简单的方式创建一个对象 // 1. 创建一个对象 var person=new Object(); person.name="czj"; person.g...

2018-03-29 18:25:33 395

原创 js面向对象之公有、私有、静态方法和属性，以及特权方法

要了解js面向对象，就必需先了解js中什么是公有方法、特权方法、静态方法下面的例子中包含了各种方法和属性定义，以及方法和属性的调用先上代码： function User(name,pass,age){ // 公有属性 this.name=name; this.pass=pass; //静态属性和方法 User.sex="男"; ...

2018-03-29 17:19:24 999

原创 vue2.0+webpack高仿饿了么商家页面

vue2.0+webpack高仿饿了么商家页面一、项目说明 1. 项目技术 vue cli vue ES6 vue-resource vue-router better-scroll sass webpack git 2. 项目地址:Github 3. 项目演示 sell 手机扫描二维码二、项目初始化 1. 使用vue官网给出的命令行工具 ...

2018-03-28 14:56:48 2710 1

原创 git 将本地文件推送到Github远程仓库

1. 先在github上创建一个项目：例如 vue-demo 2. 在本地vue-demo 项目中使用 git init 把其变成git可以管理的仓库 git init 3. 若要忽略本地的文件或文件夹不被提交到github ，则需要在项目根目录下创建 .gitignore 文件 touch .gitignore 4. 打开文件，编辑内容，例如： node_m...

2018-03-10 22:13:34 14352

原创 webpack--入门篇

什么是Webpack WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖

2017-10-27 10:36:59 1869

原创 js 面试题之---数组、字符串操作

1. 计算字符串中某个字符的个数 var aaa='1231011211009181'; function count(str){ var arr=[]; for(var i=0;i if(str.charAt(i)=='1'){

2017-10-22 23:40:29 3415

原创 Git 分布式版本控制系统基本命令行操作

Git:分布式版本控制系统（CVS及SVN都是集中式的版本控制系统）参考地址：https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/1.windows下安装 $ git config --global user.name "YourName" $ git config --gl...

2017-10-22 15:24:02 356

原创 canvas绘图基础

1.创建2d上下文对象 Canvas.getContext(‘2d’); 填充： fillStyle： color gradient:linearGradient(线性渐变)/radialGradient（径向渐变） image canvas video 描边： s

2017-10-09 15:42:17 551

原创网页加载进度条--6种

这里介绍6中网页加载进度条另外发现两个很有意思的网站：http://autoprefixer.github.io/ css3兼容代码 https://preloaders.net/ 定义自己喜欢的gif图片整体思路： 1. 设置遮罩层和进度加载图片（可以用c

2017-10-04 13:15:02 12383

原创 js移动客户端--触摸事件模拟点击、滑屏事件

;(function(doc, win, undefined) { "use strict"; var start = { //记录开始的触点 x: 0, y: 0 }, delta = { //记录滑动距离 x: 0, y: 0 }

2017-09-30 21:21:29 8873

转载 mysql数据库的基本操作

设置密码 1 mysqladmin -u root -p123 password '1234' #修改root用户密码 2. 进入mysql库修改user表 mysql>use mysql; mysql>update user set password=password('你的密码') where user='root'; mysql>flush privileges;

2017-09-29 11:11:52 531

原创 PHP将8字节ASCII码数据表示转化成浮点数值

//将8字节表示的ASCII字符串转换成浮点数值 function conver($str){ $c=strtolower($str);//strtower()可以将字符串全部变小写 $d=str_prefix($c,$n=1,$char='0x');//给字符串前面添加0x $val=hexdec($d);//将16进制转化成10进制 $b = unpack('

2017-09-24 16:28:27 1189

原创 js 面向对象相关知识

属性类型数据属性访问器属性数据属性的4个特性 1. configurable :表示能否删除属性，能否修改属性特性，或者能否改为访问器属性 2. enumerable: 表示能否通过for-in循环返回属性 3. writable: 表示能否修改属性的值 4. value：包含属性的数据值注意：直接在对象上定义属性，前三个特性都为true

2017-09-24 08:04:44 225

原创 json 基础知识

语法（可以表示三种类型的值）： 1.简单值：字符串、数值、布尔值、null ；不支持undefined 注意：json的字符串必须使用双引号 ‘chenzhijie’ 2.对象：无序的键值对 Json对象.和js对象字面量的区别：没有声明变量、没有末尾的分号、对象的属性加双引号例：{ “name”: ”chenzh

2017-09-24 08:02:36 301

原创 Js———引用类型

引用类型是一种数据结构，将数据和功能组织在一起。 Object类型：创建object实例的两种方法： 1. new 后面跟object构造函数（只为新对象定义了默认的属性和方法）： var person=new Object(); person.name=”Nicholes”; 2. 字面量表示法：(冒号、逗号) var pe

2017-09-24 07:55:26 401

原创 Js———变量及作用域

一、变量包含两种不同数据类型的值：基本类型值、引用类型值； 1 .基本类型值：1. 简单的数据段，被保存在栈内存中； 2. 按值访问； 3. 不能给基本类型的值添加属性； 4. 从一个变量向另一个变量复制值时，会创建这个值的副本，两个变量不相互影响；

2017-09-24 07:54:05 290

原创 Js———数据类型、操作符、语句（基本概念）

严格模式：在脚本顶部添加 ”use strict”; 变量：省略 var 可以定义全局变量。一、数据类型：基本数据类型：Undefinded、Null 、Boolean 、Number 、String ; 复杂数据类型：Object . javascript隐藏机制：当把一个基本类型以对象的形式去使用的时候（例如使用length属性，或者添加一些其他属性），javas

2017-09-24 07:39:13 422

转载响应式与自适应的区别

自适应的体验http://m.ctrip.com/html5/ 响应式的体验 http://segmentfault.com/ 整理了几篇自适应和响应式的文章，摘抄并修改了一下，请大家欣赏：起初，网页设计者都会设计固定宽度的页面，最开始的电脑显示器分辨率种类不多，因为当时电脑本来就少，即使有变化也是 800 850 870 880。比如开源中国的网页就是固定宽度为9

2017-09-11 16:46:19 461

转载 HTTP协议

HTTP简介 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信

2017-08-25 14:40:40 361

原创 IE8及更早版本中文本范围

IE9支持DOM范围，IE8及早期版本支持文本范围，主要通过body,button,input和textarea 的元素调用。 1.创建文本范围 createTextRange()方法。 2.简单的选择 (1). findText(text)方法：找到第一次出现的文本，并将该范围移过来以环绕该文本，返回布尔值；接收两个参数，文本和数值(正值表示向前搜索，负值表示向后

2017-08-22 10:30:36 345

原创 DOM中的范围

DOM2级在doucment类型中定义了createRange()方法。在兼容DOM的浏览器中属于document对象。 1.创建DOM范围 var range=document.createRange(); 2.用范围来实现简单选择 selectNode(): 选择整个节点，包括子节点 range.selectNode(节点名称); selectNodeCo

2017-08-21 16:06:20 388

转载 css中样式属性的获取

_.style只能获取元素的内联样式，内部样式和外部样式使用style是获取不到的。 _.currentStyle可以弥补style的不足，但是只适用于IE。 _.getComputedStyle同currentStyle作用相同，但是适用于FF、opera、safari、chrome。 getComputedStyle: 说明：一个可以获取当前元素所有最终使用的CSS属性值。返回

2017-08-21 15:02:25 1115

原创 DOM及其扩展

元素对象的标准特性： 1 .obj.id 2. obj.className 3. obj.title 4.obj.lang ：元素内容的语言代码 5.obj.dir :ltr 或rtl 自定义特性：加 data- 前缀特殊的特性： style onclick 取得特性： getAttribute() setAttribute() removeAtt

2017-08-21 14:59:49 326

原创 DOM2级样式

一、常用方法 1.确定文档的归属窗口： varparentWindow=document.defaultView||document.parentWindow//IE 2.用于确定当前节点具有什么能力（建议使用能力检测） Document.body.isSupported(); Document.implementation.hasFeature(); 接收两个参数：特性名和版本号

2017-08-21 14:48:24 377

原创 DOM遍历

DOM2级定义了两个辅助完成遍历DOM结构的类型： NodeIterator和TreeWalker;// FF3.5+, Chrome 1+, Opera 9+, Safari 3+, IE9+, Edge 1. 创建NodeIterator实例： document.createNodelterator();//4个参数 (1).root :想要作为搜索起点的书中的节点

2017-08-21 14:44:44 305

原创 JS 客户端检测

客户端检测是JavaScript开发中最受争议的一个话题，由于浏览器之间存在差别，通常需要根据不同的浏览器的能力分别编写不同的代码。有不少客户端检测方法，但下列是经常使用的。　　1.能力检测：编写代码之前先检测特定浏览器的能力。例如，脚本在调用某个函数之前，可能要检测该函数是否存在。这种检测方法将开发人员从考虑具体的浏览器类型和版本中解放出来，让他们先把注意力集中到相应的能力是否存在上。能力检

2017-08-18 11:44:24 358

原创 "PHP Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You

"PHP Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date. timezone setting or the date_default_timezone_set() function. In

2017-07-27 18:59:38 382

原创 move_uploaded_file上传中文文件；下载文件，失败的解决方法

//解决中文编码问题,将utf8 编码转换成gb2321编码 //红色字体为文件名 $file_name=iconv("UTF-8", "gb2312", $_FILES["file"]["name"]); 函数解释：（ string iconv ( string $in_charset , string $out_charset ,

2017-07-15 18:26:16 2835

原创请求筛选模块被配置为拒绝超过请求内容长度的请求。

HTTP错误404.13 - Not Found 请求筛选模块被配置为拒绝超过请求内容长度的请求，原因是Web服务器上的请求筛选被配置为拒绝该请求，因为内容长度超过配置的值。解决办法：修改web.config的设置 1.找到IIS管理器，在功能视图中找到请求筛选 2.点击上方隐藏段标签，就可以找到web.config 3.右击，选择编辑功能设置，修改这两个位置即可。（默认允

2017-07-13 18:38:53 2203

原创 HTTP 错误 401.3 - Unauthorized 由于 Web 服务器上此资源的访问控制列表(ACL)配置或加密设置，您无权查看此目录或页面。

HTTP 错误 401.3 - Unauthorized 由于 Web 服务器上此资源的访问控制列表(ACL)配置或加密设置，您无权查看此目录或页面。今天做了一个简单的视频播放网站但出现这种问题，经过查资料了解到错误原因：是该网站源文件所在目录的的权限设置问题解决方案： 1.找到目录，右键->安全->添加->查找 :找到everyone ，然后设置其权限

2017-07-13 18:21:47 33067 1

原创 js控制30秒自动页面跳转，带读秒

30秒后返回首页方式一： //定义函数 function count() { var myspan=document.getElementById('myspan'); var number=myspan.innerHTML; number--; document.getElementById('myspan').innerHTM

2017-07-09 10:05:27 28933

原创 HP Fatal error: Call to undefined function openssl_pkey_get_public();

HP Fatal error: Call to undefined function openssl_pkey_get_public(): 最近学习php过程中遇到很多类似的问题其实解决办法很简单找到php目录下的 php.ini 文件 ctrl+f 查找 extension=php_openssl.dll 将前面的“ ；”号去掉就可以了除了这个函数，还有可能是

2017-07-04 18:22:32 4076

原创 php实现上传功能并保存（简易版）

setcookie("user","ccc",time()+3600); if (isset($_COOKIE["user"])){ echo "Welcome " . $_COOKIE["user"] . "!"; }else{ echo "Welcome guest!"; } //echo $_COOKIE['user']; ?>

2017-07-03 18:17:41 314

原创 php生成二维码

首先下载phpqrcode文件库下载地址： php代码 //引用核心文件库 include "phpqrcode/phpqrcode.php"; //调用函数生成二维码 QRcode::png( "url"); //建立函数 function png($text,$outfile=false,$level=QR_ECLEVEL_L,$size=5,$mar

2017-06-30 15:35:26 267

Blog