新手
姜!
犯下的罪过永远无法弥补,我们永远无法还清欠下的……
展开
-
在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 · 134 阅读 · 0 评论 -
结业项目部分插件介绍
结业项目我用了很多插件框架就不介绍了,因为大家都会用swiper 实现轮播的插件优点:Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!缺点:与mui底层封装的代码产生冲突基本结构<!DO...原创 2019-11-14 19:45:11 · 120 阅读 · 0 评论 -
滑动轮播图
这是结构 <div id="cont"> <div class="lii"></div> <div class="btn" id="btn"> <ul> <li class="on">1</li> ...原创 2019-11-01 22:20:57 · 158 阅读 · 0 评论 -
使用WebSocket和Node的聊天服务器
/**这是运行在NodeJS上的服务器端JavaScript*在HTTP服务器之上,它运行-个WebSocket服务器,该服务器使用来自* https://github . com/ miksago/ node -websocket- server/的第三方WebSocket库实现如果得到" /"的- -个HTTP请求,则返回聊天客户端的HTML文件除此之外任何HTTP请求都返回404...原创 2019-10-29 21:00:30 · 198 阅读 · 0 评论 -
基于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 · 169 阅读 · 0 评论 -
用ES6语法存储美国邮政编码的IndexedDB数据库
<!DOCTYPE html><html><head> <title>Zipcode Database</title> <script> // IndexedDB的实现仍然使用API前缀 var indexedDB = window.indexedDB || //使用标准的...原创 2019-10-27 18:20:31 · 160 阅读 · 0 评论 -
解决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 · 607 阅读 · 0 评论 -
文件系统API
使用异步文件系统API// 这里使用的大部分异步函数都接受一个可选的错误回调函数// 这里的回调函数只是简单地将错误输出function logerr(e){console.log(e);}// requestFileSystem()方法创建一个沙箱环境中的本地文件系统// 并且只有同源的应用才能访问// 可以在该文件系统中进行文件读写但是只能限定在该沙箱// 不能访问其他的文件系...原创 2019-10-22 20:09:27 · 222 阅读 · 0 评论 -
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 · 199 阅读 · 0 评论 -
标准模板引擎
npm安装npm install art-template --save浏览器中使用下载 template-web.js注意:以上两种方式区别在于能否使用模板文件。由于浏览器中不能读取文件系统,所以 template(filename, data) 不支持传入文件路径,只能在页面通过 document.getElementById(filename).innerHTML或者Jquery 来...原创 2019-10-20 13:22:10 · 99 阅读 · 0 评论 -
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 · 182 阅读 · 0 评论 -
流式布局、响应式布局、弹性布局等概念和区别
静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见于pc端。2、设计方法: PC:居中布局,所...原创 2019-10-16 19:53:35 · 4935 阅读 · 0 评论 -
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 · 137 阅读 · 0 评论 -
es6介绍
String.toLocaleLowerCase()将一个字符串转为小写string. toLocaleLowerCase()返回string的-一个副本,其中字符都已经以本地化的方式转换为小写字母。只有一小部分语言(如土耳其语)有本地化的大小写映射,所以这个方法一般和t oLowerCase()返回的内容相同。:String.toLocaleUpperCase()将一个字符串转为大...原创 2019-10-14 20:42:43 · 247 阅读 · 0 评论 -
jQuery方法
1.css操作 2.属性操作 3.动画 4.动态创建元素 1. css操作: 操作样式: .css('属性', '属性值') .css({属性: '属性值'}) 获取属性值: .css('属性名') 操作类名: 添加类名:. addclass('类名' ) 移出类名:. removeClass( '类名) 判断有没有类.hasC...原创 2019-08-21 18:34:47 · 96 阅读 · 0 评论 -
YLUI
LUI是一款纯前端框架,是对WEB桌面UI的一个大胆尝试。在前端技术日新月异的背景下,YLUI力图提供一种新的web应用组织形式。特色纯前端,高兼容性延续windows界面操作逻辑,普通用户上手难度较低简单直观的多APP管理,像桌面程序一样呈现你的web应用统一的APP交互模型,保持各APP之间的独立性,降低子系统耦合度,支持跨域的APP通信完美复刻桌面操作系统的菜单、磁贴、通知元...原创 2019-09-06 22:25:23 · 833 阅读 · 0 评论 -
视频标签
关于视频就直接获取js好了,至于结构和样式就不写了要控制一个视频的话,首先要获取标签,不然就做不了了 var $video = $('video'); var video = $video[0]; var $switch = $('.switch'); var $line = $('.line'); var $bar = $('.bar'); var ...原创 2019-09-04 20:06:00 · 1069 阅读 · 0 评论 -
h5标签
header:定义文档的页眉 头部nav:定义导航链接的部分footer:定义文档或节的页脚 底部article:定义文章。section:定义文档中的节(section、区段)aside:定义其所处内容之外的内容 侧边datalist 标签定义选项列表fieldset 元素可将表单内的相关元素分组,打包新增的input type属性值:email**** ...原创 2019-09-02 19:28:58 · 169 阅读 · 0 评论 -
css3
CSS3 边框border-radius 圆角边框 ---------->5px 或 5%box-shadow 阴影边框 ------>六个值(前两个值必写) 单位 : pxborder-image 用图片创建边框过渡transition: 要过渡的属性 花费时间 运动曲线 何时开始;transition-duration 花费时间 单位是 秒...原创 2019-08-31 10:39:06 · 73 阅读 · 0 评论 -
初始css3
找到父级元素中所有的子元素,再找第一个 子元素是p标签 p:first-child{ background-color: aqua; }找到所有的子级元素,2. 如果最后一一个 子元素是p标签,设置样式 p:last-child{ background-color: chartreuse; }找到所有的子元...原创 2019-08-27 19:50:19 · 84 阅读 · 0 评论 -
初始ajax
以上是小编还未学AJXA的时候做出来的一个简单的聊天室ajax的应用:是在客户器与服务器之间的异步加载数据的原理ajax: 异步的javascript and xmLajax作用:主要是用于数据交互 使用的ajax的原理:通 过XMLHTTPRequest对象向服务器发送异步请求,从而从服务器获取数据,然后使用js来操作DOM而更新页面:.ajax的核心:就是js中的XMLHTTPR...原创 2019-08-26 18:56:04 · 79 阅读 · 0 评论 -
今日笔记
操作节点1) 创建节点 $('<p>内容</p>')2) 添加到页面中父元素追加新建的元素 父元素.append(新元素)子元素追加到父元素中 新元素.appendTo(父元素)父元素向前添加新建的元素 父元素.prepend(新元素)子元素向前添加到父元素中 新元素.prependTo(父元素)添加到参考元素的前面 参考元素.before(...原创 2019-08-22 18:55:30 · 80 阅读 · 0 评论 -
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 · 290 阅读 · 0 评论 -
移动端的第一天
⑴ 允许全屏浏览页面的标签:<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 · 76 阅读 · 0 评论 -
今日js笔记
操作符算术运算符 + - * / %比较运算符逻辑运算符赋值运算符表达式:操作数和操作符组成 a+b算术运算符根据操作数的多少可以分为:一元运算符:只有一个操作数++ --前置++:先加1,后参与运算后置++:先参与运算,后加1上面两个理解后,下面两个自通前置-- :先减1,后参与运算后置-- :先参与运算,后减1逻辑运算符&a...原创 2019-07-16 21:44:35 · 56 阅读 · 0 评论 -
JavaScript模板引擎原理
javascript 模板引擎基本原理虽然每个引擎从模板语法、语法解析、变量赋值、字符串拼接的实现方式各有所不同,但关键的渲染原理仍然是动态执行 javascript 字符串。关于动态执行 javascript 字符串,本文以一段模板代码举例:这是一段非常朴素的模板写法,其中,”” 为 closeTag (逻辑语句闭合标签),若 openTag 后面紧跟 “=” 则会输出变量的内容。HT...原创 2019-10-08 19:29:37 · 187 阅读 · 0 评论 -
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 · 81 阅读 · 0 评论 -
模板引擎的介绍
下载导入即可如何做配置???创建模板<script type=’ “text/ 'template” id= “唯- -的id”>先配置好路径<script src="这里是你的路径"></script><script> var data=[ {"username":"这里是你要渲染的东西","play":"adc"...原创 2019-09-18 21:21:27 · 117 阅读 · 0 评论 -
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 · 278 阅读 · 0 评论 -
响应式布局
响应式布局就是一个网站能够兼容多个终端,而不是为每一个终端做一个特定的版本 优点:1.面对不同的分辨率设备灵活性强 2.能够快速的解决多设备显示的适应问题 3.适合中小型网站 缺点:1.兼容于各种设备工作量大,效率降低 2. 代码累赘,以及加载事件过长原理:通过媒体查询来定制某个宽度区间的网页布局什么是媒体查询:他能检测我们设备的宽...原创 2019-09-16 20:28:29 · 95 阅读 · 0 评论 -
js的复习
用js写一篇QQ登录界面的博客css样式 <style> * { margin: 0; padding:0; } html,body{ width:100%; height:100%; overflow: hidde...原创 2019-09-15 20:27:53 · 64 阅读 · 0 评论 -
触摸事件
触摸事件touch是移动端的触摸事件,是一组事件touchstart 当你的手指触摸屏幕的时候触发的事件touchmove 当你的手指来屏幕来回滑动时触发touchend 当你的手指离开屏幕的时候触发touchcancel 当被迫终止滑动的时候触发(来电,弹消息)使用touch :1.绑定事件类型: box. addEventListener(”事件类型”,callback);...原创 2019-09-11 21:00:58 · 116 阅读 · 0 评论 -
今日笔记
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 · 77 阅读 · 0 评论 -
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 · 68 阅读 · 0 评论 -
笔记
1. apply, call, bind方法 作用:修改this指向 用法:apply: 函数名.apply(对象,[参数1,参数2...]) 对象.方法名. apply(对象,[参数1,参数2...]) call:函数名.call(...原创 2019-08-15 18:07:18 · 69 阅读 · 0 评论 -
今日笔记
parseFloat() 函数parseFloat() 函数可解析一个字符串,并返回一个浮点数。 该函数指定字符串中的首个字符是否是数字。如果是,则对字符串进行解析,直到到达数字的末端为止,然后以数字返回该数字,而不是作为字符串。对象. onclick=function(){}对象.onclick=null对象.addEventlistener(不如n的事件类型,事...原创 2019-08-02 17:07:19 · 82 阅读 · 0 评论 -
HTML+CSS总结
Html总结开发工具JetBrains WebStorm、Sublime、Adobe Dreamweaver、HBuilder等浏览器谷歌浏览器、IE浏览器其它工具Adobe Photoshop网页三大结构html决定页面的结构、css决定页面的样式,js决定页面的行为语法结构行内标签 <a>标签可定义锚 <...原创 2019-07-29 22:05:24 · 162 阅读 · 0 评论 -
今日笔记
执行顺序:1243 ---- 243 -----243(直到循环条件变成false)1. 初始化表达式2. 判断表达式3. 自增表达式4. 循环体执行流程:初始化表达式11>判断表达式2,如果成立,----->循环体4 >自增表达式3for后面的表达式之间用;隔开的表达式可以省略break:立即跳出整个循环,即循环结束,开始执行循环后面...原创 2019-07-17 21:37:53 · 57 阅读 · 0 评论 -
今日笔记
string对象(字符串)charAt() //获取指定位置处字符concat() //拼接字符串,等效于+,+更常用String. fromCharAt(索引0 //返回索引对应的字符对应十进制数字String. fromCharCode(十进制数字)----返回十进制数字对应的字符indexOf() //返回指定内容在元字符串中的位置lastInd...原创 2019-07-24 18:57:17 · 69 阅读 · 0 评论 -
今日笔记
1.获取元素的方式:document. getElementById('id') document. ge tElementsByTagName ('标签名') getElementsByClassName('类名') getElementsByName ( 'name属性值') querySelector('选择器) querySelectorAll('选择器’)-----元素组成...原创 2019-07-29 18:59:52 · 103 阅读 · 0 评论