- 博客(70)
- 收藏
- 关注
RSS订阅原创 在ubantu里面配置nginx
1.先下载tar压缩包，输入以下命令，即可下载suwget http://nginx.org/download/nginx-1.5.9.tar.gz2.没有安装gcc，需要安装gccRedHat中安装GCC：yum install gccUbuntu中安装GCC：apt-get install gcc2、PCRE库（Nginx编译需要PCRE（Perl Compatible ...
2019-11-27 21:11:52
140
原创 结业项目部分插件介绍
结业项目我用了很多插件框架就不介绍了，因为大家都会用swiper 实现轮播的插件优点：Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！缺点：与mui底层封装的代码产生冲突基本结构<!DO...
2019-11-14 19:45:11
127
原创 滑动轮播图
这是结构 <div id="cont"> <div class="lii"></div> <div class="btn" id="btn"> <ul> <li class="on">1</li> ...
2019-11-01 22:20:57
160
原创 使用WebSocket和Node的聊天服务器
/**这是运行在NodeJS上的服务器端JavaScript*在HTTP服务器之上，它运行-个WebSocket服务器，该服务器使用来自* https://github . com/ miksago/ node -websocket- server/的第三方WebSocket库实现如果得到" /"的- -个HTTP请求，则返回聊天客户端的HTML文件除此之外任何HTTP请求都返回404...
2019-10-29 21:00:30
207
原创 基于websocket的聊天客户端
<script>window. onload = function() { //关心一些UI细节var nick = prompt("Enter your nickname"); //获取用户昵称var input = document . getElementById("input"); 1/查找input字段input . focus (); //设置光标//打...
2019-10-28 23:47:57
174
原创 用ES6语法存储美国邮政编码的IndexedDB数据库
<!DOCTYPE html><html><head> <title>Zipcode Database</title> <script> // IndexedDB的实现仍然使用API前缀 var indexedDB = window.indexedDB || //使用标准的...
2019-10-27 18:20:31
166
原创 解决constructor属性的问题
function Person(){}Person. prototype .dance = function(){};function Ninja(){}Ninja. prototype = new Person( );object. defineProperty(Ninja. prototype, " constructor", {enumerable: false,value: N...
2019-10-23 20:32:12
621
原创 文件系统API
使用异步文件系统API// 这里使用的大部分异步函数都接受一个可选的错误回调函数// 这里的回调函数只是简单地将错误输出function logerr(e){console.log(e);}// requestFileSystem()方法创建一个沙箱环境中的本地文件系统// 并且只有同源的应用才能访问// 可以在该文件系统中进行文件读写但是只能限定在该沙箱// 不能访问其他的文件系...
2019-10-22 20:09:27
233
原创 node留言板
创建app.js 先搭建一个基本服务器，用户输入地址请求的时候默认跳到首页var http = require('http');var fs= require('fs');var server = http.createServer();server.on('request',function (req, res){ var pathname = req.url; //如果 请求...
2019-10-21 19:28:50
202
原创 标准模板引擎
npm安装npm install art-template --save浏览器中使用下载 template-web.js注意：以上两种方式区别在于能否使用模板文件。由于浏览器中不能读取文件系统，所以 template(filename, data) 不支持传入文件路径，只能在页面通过 document.getElementById(filename).innerHTML或者Jquery 来...
2019-10-20 13:22:10
102
原创 nodejs简介
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。Node的优点Node作为一个新兴的前端框架，后台语言，有很多吸引人...
2019-10-18 17:08:11
188
原创 流式布局、响应式布局、弹性布局等概念和区别
静态布局（Static Layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端。2、设计方法： PC：居中布局，所...
2019-10-16 19:53:35
5082
原创 css使用技巧
使用CSS复位CSS复位可以在不同的浏览器保持一致的样式风格。可以使用CSS的reset库Normalize等，也可以使用一个更简单的复位方法：* { margin: 0; padding: 0; box-sizing: border-box;}现在元素的margin和padding已为0，box-sizing可以管理您的CSS盒模型布局继承box-sizing从html...
2019-10-15 20:29:09
140
原创 es6介绍
String.toLocaleLowerCase()将一个字符串转为小写string. toLocaleLowerCase()返回string的-一个副本，其中字符都已经以本地化的方式转换为小写字母。只有一小部分语言(如土耳其语)有本地化的大小写映射，所以这个方法一般和t oLowerCase()返回的内容相同。:String.toLocaleUpperCase()将一个字符串转为大...
2019-10-14 20:42:43
276
原创 JavaScript模板引擎原理
javascript 模板引擎基本原理虽然每个引擎从模板语法、语法解析、变量赋值、字符串拼接的实现方式各有所不同，但关键的渲染原理仍然是动态执行 javascript 字符串。关于动态执行 javascript 字符串，本文以一段模板代码举例：这是一段非常朴素的模板写法，其中，”” 为 closeTag (逻辑语句闭合标签)，若 openTag 后面紧跟 “=” 则会输出变量的内容。HT...
2019-10-08 19:29:37
195
原创 less入门
Less是一门CSS预处理语言，它扩展了CSS语言，增加了变量，Mixin，函数等特性，使CSS更易维护和扩展。更少可以运行在Node或浏览器端。如：@base: #f938ab;.box-shadow(@style, @c) when (iscolor(@c)) { -webkit-box-shadow: @style @c; box-shadow: @styl...
2019-10-07 20:20:16
84
原创 模板引擎的介绍
下载导入即可如何做配置？？？创建模板<script type=’ “text/ 'template” id= “唯- -的id”>先配置好路径<script src="这里是你的路径"></script><script> var data=[ {"username":"这里是你要渲染的东西","play":"adc"...
2019-09-18 21:21:27
118
原创 Bootstrap框架模态框介绍
data-toggle= "modal”:声明这是模态框功能的插件data-target=”bs-example -modal-lg" :用来关联操作的容器modal :外层设置全屏容器的样式中层样式: modal -dialog. 小于768px,width固定modal -content内层样式close.:用于设置按钮的样式data-dismiss :实现关闭的动作...
2019-09-17 20:11:54
281
原创 响应式布局
响应式布局就是一个网站能够兼容多个终端，而不是为每一个终端做一个特定的版本 优点:1.面对不同的分辨率设备灵活性强 2.能够快速的解决多设备显示的适应问题 3.适合中小型网站 缺点:1.兼容于各种设备工作量大，效率降低 2. 代码累赘，以及加载事件过长原理:通过媒体查询来定制某个宽度区间的网页布局什么是媒体查询:他能检测我们设备的宽...
2019-09-16 20:28:29
98
原创 js的复习
用js写一篇QQ登录界面的博客css样式 <style> * { margin: 0; padding:0; } html,body{ width:100%; height:100%; overflow: hidde...
2019-09-15 20:27:53
66
原创 触摸事件
触摸事件touch是移动端的触摸事件，是一组事件touchstart 当你的手指触摸屏幕的时候触发的事件touchmove 当你的手指来屏幕来回滑动时触发touchend 当你的手指离开屏幕的时候触发touchcancel 当被迫终止滑动的时候触发(来电,弹消息)使用touch :1.绑定事件类型: box. addEventListener(”事件类型”，callback);...
2019-09-11 21:00:58
121
原创 移动端的第一天
⑴ 允许全屏浏览页面的标签：<meta name="apple-mobile-web-app-capable" content="yes" />⑵ safari顶端状态栏样式定义/隐藏：<meta name="apple-mobile-web-app-status-bar-style" content="blank" /> <!--隐藏状态栏-->&...
2019-09-10 23:20:00
79
原创 canvas 绘图
位移：translate(x,y) 参数表示移动目标点的坐标 // 位移 ctx.translate(50,50)缩放：scale(x,y) 参数表示宽高的缩放比例 // 缩放 ctx.scale(0.7,1)旋转：rotate(angle) 参数表示旋转角度 // 旋转 ctx...
2019-09-09 19:20:58
299
原创 YLUI
LUI是一款纯前端框架，是对WEB桌面UI的一个大胆尝试。在前端技术日新月异的背景下，YLUI力图提供一种新的web应用组织形式。特色纯前端，高兼容性延续windows界面操作逻辑，普通用户上手难度较低简单直观的多APP管理，像桌面程序一样呈现你的web应用统一的APP交互模型，保持各APP之间的独立性，降低子系统耦合度，支持跨域的APP通信完美复刻桌面操作系统的菜单、磁贴、通知元...
2019-09-06 22:25:23
846
原创 视频标签
关于视频就直接获取js好了，至于结构和样式就不写了要控制一个视频的话，首先要获取标签，不然就做不了了 var $video = $('video'); var video = $video[0]; var $switch = $('.switch'); var $line = $('.line'); var $bar = $('.bar'); var ...
2019-09-04 20:06:00
1078
原创 h5标签
header：定义文档的页眉 头部nav：定义导航链接的部分footer：定义文档或节的页脚 底部article：定义文章。section：定义文档中的节（section、区段）aside：定义其所处内容之外的内容 侧边datalist 标签定义选项列表fieldset 元素可将表单内的相关元素分组，打包新增的input type属性值：email**** ...
2019-09-02 19:28:58
180
原创 css3
CSS3 边框border-radius 圆角边框 ---------->5px 或 5%box-shadow 阴影边框 ------>六个值(前两个值必写) 单位 : pxborder-image 用图片创建边框过渡transition: 要过渡的属性 花费时间 运动曲线 何时开始;transition-duration 花费时间 单位是 秒...
2019-08-31 10:39:06
77
原创 初始css3
找到父级元素中所有的子元素，再找第一个 子元素是p标签 p:first-child{ background-color: aqua; }找到所有的子级元素，2. 如果最后一一个 子元素是p标签，设置样式 p:last-child{ background-color: chartreuse; }找到所有的子元...
2019-08-27 19:50:19
89
原创 初始ajax
以上是小编还未学AJXA的时候做出来的一个简单的聊天室ajax的应用:是在客户器与服务器之间的异步加载数据的原理ajax: 异步的javascript and xmLajax作用:主要是用于数据交互 使用的ajax的原理:通 过XMLHTTPRequest对象向服务器发送异步请求，从而从服务器获取数据，然后使用js来操作DOM而更新页面:.ajax的核心:就是js中的XMLHTTPR...
2019-08-26 18:56:04
82
原创 jQuery
selector类型: selector一个包含CSS选择器的字符串context类型: Element, jQuery一个DOM 元素、文档或 作为上下文（context）的jQuery 对象。jQuery( element )element类型: Element一个用于封装成jQuery对象的DOM元素。jQuery( elementArray )elementArray...
2019-08-26 00:15:14
72
原创 今日笔记
操作节点1） 创建节点 $('<p>内容</p>')2） 添加到页面中父元素追加新建的元素 父元素.append(新元素)子元素追加到父元素中 新元素.appendTo(父元素)父元素向前添加新建的元素 父元素.prepend(新元素)子元素向前添加到父元素中 新元素.prependTo(父元素)添加到参考元素的前面 参考元素.before(...
2019-08-22 18:55:30
84
原创 jQuery方法
1.css操作 2.属性操作 3.动画 4.动态创建元素 1. css操作: 操作样式: .css('属性', '属性值') .css({属性: '属性值'}) 获取属性值: .css('属性名') 操作类名: 添加类名:. addclass('类名' ) 移出类名:. removeClass( '类名) 判断有没有类.hasC...
2019-08-21 18:34:47
99
原创 学习jQuery的第二天
js对象和jquery对象js对象: 通过document的方式获取的元素，DOM对象jquery对象:通过jquery的方式获取的元素 $(‘选择器’)*两者的区别和联系:js对象 只能调用js对象的属性和方法, jquery对象只能调用jquery对象的属性和方法jquery对象是由多个js对象组成的集合，伪数组js对象—》jquery对象: $(js对象)jquery对象—...
2019-08-20 19:17:47
97
原创 初始jQuery
递归：函数中调用自己本身，此时就形成了递归，递归一定要有终止条件浅拷贝，深拷贝浅拷贝：遍历对象中的属性和方法，复制给另一个对象深拷贝：在浅拷贝的基础上，还要判断属性是什么类型，如果是简单类型，直接复制，如果是复杂类型，重新开辟空间，在进行一个一个的复制正则表达式：.:除了换行符以外的所有字符[]:区间，表示范围，除去元字符的意义|：或者():分组，提升优先级*:表示前面的表达式出...
2019-08-19 18:54:15
115
原创 jsAPI概念
API的概念API（Application Programming Interface,应用程序编程接口） 任何开发语言都有自己的API API的特征输入和输出(I/O) API的使用方法(console.log())ECMAScript - JavaScript的核心BOM - 浏览器对象模型DOM - 文档对象模型BOM的概念BOM(Browser Object Mo...
2019-08-18 20:19:03
10837
原创 笔记
1. apply, call, bind方法 作用:修改this指向 用法:apply: 函数名.apply(对象，[参数1，参数2...]) 对象.方法名. apply(对象,[参数1，参数2...]) call:函数名.call(...
2019-08-15 18:07:18
71
原创 今日内容
复习： 1.原型对象: 构造函数中的prototype属性， 实例对象中proto_ 属性 2.三者的关系:构造函数实例化实例对象原型对象中有一个constructor属性，指向构造函数实例对象中的_ proto__ 指向构造 函数中的prototype 3.原型(prototype) 的指向可以发生改变，原型的...
2019-08-14 17:16:55
92
原创 今日笔记
原型原型链：是一种关系，实例对象和原型对象之间的关系，关系是通过原型(__proto__)联系的原型指向可以发生改变 实例对象的原型__proto__指向 构造函数中的prototype属性（原型对象） 如果构造函数中的prototype属性（原型对象）的指向发生了改变，实例对象中的__proto__指向也会发生改变 原型链：实例对象和原型对象之间的关系 通过__p...
2019-08-13 17:04:00
72
原创 今日笔记
1.面向过程:凡事亲力亲为，注重的是过程2.面向对象:我一个对象帮忙完成，注重的是结果1. var obj=new object();—工厂 函数:创建-个函数，把实例化对象的过程封装起来，并返回这个对象2. var bj={}3. function Person(name){ this. name= name } var obi=new Person('张二"): 面向对象三个...
2019-08-12 18:14:09
80
原创 总结 JavaScript
JavaScript： * 概念： 一门客户端脚本语言 * 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 * 脚本语言：不需要编译，直接就可以被浏览器解析执行了 * 功能： * 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。 * JavaScript发展...
2019-08-10 10:34:47
205
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人