前端
文章平均质量分 83
xujingguo58
个人博客:http://xujingguo.top
展开
-
HTML5新元素canvas详解
canvas是HTML5新添加的元素。这个元素负责在页面中设定一个区域,然后通过JavaScript动态的绘制图形。1.创建canvas元素2.判断浏览器是否支持canvas元素indow.onload=function(){ var drawing = document.getElementById("drawing") if(drawing.getContext){ /原创 2017-04-23 17:11:54 · 566 阅读 · 0 评论 -
element UI+七牛云快速搭建图片服务器
最进在做网站的后台管理功能,需要能够对数据库的文章进行“增,删,改,查”,但是遇到了图片保存的问题,如果采用前端上传图片至后端,然后后端保存,数据库存储图片的相对路径,这种方式感觉有点麻烦,于是就在寻求更简单的解决方案,那么有没有一种前端上传图片存储,直接返回图片外链的解决方案呢? 最终,我选择了element UI +七牛云对象存储来快速搭建图片服务器的解决方案。element UIelemen原创 2017-05-17 23:40:09 · 8221 阅读 · 1 评论 -
vue低仿知乎日报
概述一个基于vue的仿知乎日报的前端项目。关于知乎日报:知乎日报是一款拥有千万用户的资讯类客户端,每日提供来自知乎社区的精选问答,还有国内一流媒体的专栏特稿。主要功能每天更新好文章,包括权威的时事解读、有趣的生活建议 更符合用户口味的「主题日报」,覆盖电影、财经、设计、体育等领域 长评优先展示 离线下载功能,及时缓存近期的 30 篇文章 更多贴心小细节:多图及长文预警;支持一原创 2017-04-25 22:20:19 · 877 阅读 · 0 评论 -
jQuery之超详尽的DOM操作
超详尽的DOM操作讲解,每一个函数都给出了具体实现。1.创建节点var $p_node = $("") //创建节点var $p_node = $("helloworld") //创建带有文本的节点var $div_node = $("") //创建带有属性的节点$("#p1").append($p_node) //用append方法添加节点2.插入内容2.1内部原创 2017-04-23 17:11:43 · 247 阅读 · 0 评论 -
jQuery之选择器
基本选择器选择器说明返回值#idid选择器单个元素element元素选择器同类型集合元素.class类选择器集合元素*通配选择器所有元素集合select1,select2,select3组选择器集合元素层级选择器选择器说明ancestor descendant包含选择器parent > child原创 2017-04-23 17:11:40 · 371 阅读 · 0 评论 -
JavaScript对象(二)
Array对象Array对象的创建arrayObj = new Array();arrayObj = new Array([size]);arrayObj = new Array(element0[,element1[,element2[,...[,elementN]]]])参数说明:arrayObj:必选项,对象的变量名。size: 可选项,设置数组的大小,若指定大小,则赋值不能原创 2017-04-23 17:11:37 · 247 阅读 · 0 评论 -
JavaScript对象(一)
主要记录了Object、String、Date三个对象的创建、属性和方法。Object对象object是JavaScript所有对象的基类1.创建object对象obj = new Object([value])2.Object对象的属性(1) prototype属性该属性返回对象类型原型的引用objectName.prototype用prototype属性可以提供对象的类的一组原创 2017-04-23 17:11:34 · 326 阅读 · 0 评论 -
正则表达式学习笔记
正则表达式基本语法1.1字符集和单词.用于匹配除换行符之外的任意的一个字符方括号[]用于指定一个字符集,只能匹配其中的一个字符连字符-用于描述一个范围为了严格匹配一个单词,需要加上\\ps:正则表达式中对单词的定义,单词指的是两侧由非单词字符分割的字符串。非单词指的是字幕、数字、下划线以为的所有字符1.2字符类类匹配字符[[:alnum:]]文字、数字字符[[:原创 2017-04-23 17:11:31 · 270 阅读 · 0 评论 -
jQuery之动画操作
显隐动画show方法和hide方法:$(selector).show(speed,callback)speed,显示的速度,可选值为毫秒、"slow"、"normal"、 "fast"callback,函数执行完后,要执行的函数 for(var i=0;i<5;i++){ $("body").append("")}$("div").click(function(){原创 2017-04-23 17:11:46 · 238 阅读 · 0 评论 -
jQuery之工具函数
检测浏览器类型由于jQuery1.9版本取消了对$.browser的支持,采用$.support来判断浏览器类型navigator.userAgent对象和集合操作1.处理字符串$.trim(str)清理字符串前后的空白var str=" hello world! "str = $.trim(str)console.log(str) //result:hello world!原创 2017-04-23 17:11:49 · 249 阅读 · 0 评论 -
拓展你的jQuery!
extend函数$.extend(target,[object1],[onjectN])$.extend([deep],target,object1,[objectN]) var obj1={ height:100, width:100, length:100,原创 2017-04-23 17:11:51 · 214 阅读 · 0 评论 -
东北大学计算机学院官网首页(非官方)
项目介绍 本项目是东北大学计算机学院网站的一个非官方版本.涉及了前端/后端/数据库/备案/https/域名/服务器等内容Build Setup# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minification原创 2017-07-05 17:46:02 · 2451 阅读 · 1 评论