Web前端
橙橙同学
这个作者很懒,什么都没留下…
展开
-
PHP - 文件系统
PHP文件系统之读取文件内容$content = file_get_contents('./test.txt');PHP文件系统之判断文件是否存在is_file与file_exists.file_exists不仅可以判断文件是否存在,同时也可以判断目录是否存在,从函数名可以看出is_file是确切的判断给定的路径是否是一个文件更加精确的可以使用is_readable与is_writeable在文件原创 2016-11-06 14:41:37 · 236 阅读 · 0 评论 -
javascrip 内置对象 Navigator对象 以及 useragent 浏览器相关信息
Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 查看浏览器的名称和版本,代码如下:<script type="text/javascript"> var browser=navigator.appName; var b_version=navigator.appVersion; document.write("Bro转载 2016-11-12 14:27:04 · 788 阅读 · 0 评论 -
JavaScript 内置对象 screen对象 屏幕信息
screen对象 screen对象用于获取用户的屏幕信息。 语法: window.screen.属性屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位以像素计。 2. window.screen 对象在编写时可以不使用 window转载 2016-11-12 14:28:27 · 527 阅读 · 0 评论 -
javascript 内置对象 - location
Location对象 location用于获取或设置窗体的URL,并且可以用于解析URL。语法:location.[属性|方法] location对象属性图示: location 对象属性: location 对象方法:window.location.assign("http://www.imooc.com/");自动跳转document.write(location.href);转载 2016-11-12 13:52:41 · 425 阅读 · 0 评论 -
javascript 内置对象 - History 对象 back forword go()
history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。 var HL = window.history.length; document.write(HL);转载 2016-11-12 13:48:31 · 461 阅读 · 0 评论 -
javascript 内置对象 - window & 计时器
window对象 window对象是BOM的核心,window对象指当前的浏览器窗口。 JavaScript 计时器转载 2016-11-12 13:45:38 · 477 阅读 · 0 评论 -
javascript 内置对象 - 数组的排序
数组排序sort() sort()方法使数组中的元素按照一定的顺序排列。 语法:arrayObject.sort(方法函数) 1.如果不指定<方法函数>,则按unicode码顺序排列。 2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。myArray.sort(sortMethod); 注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有原创 2016-11-12 13:12:17 · 341 阅读 · 0 评论 -
javascript 内置对象 - 数组对象&方法 concat join reverse
数组连接concat()concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。语法arrayObject.concat(array1,array2,...,arrayN)指定分隔符连接数组元素join()join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。语法:arrayObject.join(分隔符)颠倒数组元素顺序r转载 2016-11-12 13:10:17 · 372 阅读 · 0 评论 -
Javascript 内置对象 MATH
7-12 Math对象 7-13 向上取整ceil() 7-14 向下取整floor() 7-15 四舍五入round() 7-16 随机数 random()转载 2016-11-12 13:06:07 · 190 阅读 · 0 评论 -
javascript 内置对象 - 时间 date
Date 日期对象 var Udate=new Date(); 注意:使用关键字new,Date()的首字母必须大写。 使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)。如果要自定义初始值,可以用以下方法: var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date(‘Oct 1, 2012’); /转载 2016-11-12 12:58:12 · 343 阅读 · 0 评论 -
javascript - 常用互动 innerhtml className display class
常用互动方法:document.write() 输出alert(); 警告confirm(); 确认prompt(); 提问window.open(); 打开新窗口window.close();关闭新窗口window.open() - 打开新窗口window.close() - 关闭当前窗口window.moveTo() - 移动当前窗口window.resizeTo() - 调整原创 2016-11-12 12:44:25 · 362 阅读 · 0 评论 -
AJAX跨域总结
一、XHR2 IE10以下不支持后端头部加上:header('Access-Control-Allow-Origin:*');header('Access-Control-Allow-Methods:POST,GET');二、JSONP$(document).ready(function(){ $("#search").click(function(){ $.aja原创 2016-10-30 11:15:11 · 244 阅读 · 0 评论 -
ES2015 延展操作符 + 解构
延展操作符let showMe=(name,age)=>`${name}的年龄是${age}`let me=['daichen',18];alert (showMe(me));//此时认为me 就是 name参数let showMe=(name,age)=>`${name}的年龄是${age}`let me=['daichen',18];alert (showMe(...me))原创 2016-10-06 21:14:07 · 1321 阅读 · 0 评论 -
ES2015 模板功能 数组写法+对象写法
let [name,age,str]=["daichen",18];str=`${name}的年龄是${age}`;alert(str);翻译为es5:"use strict";var _ref = ["daichen", 18];var name = _ref[0];var age = _ref[1];var str = _ref[2];str = name + "\u7684\u5E原创 2016-10-06 17:15:59 · 1375 阅读 · 0 评论 -
Web前端 - webpack 打包图片
建立daichen.css文件div{ color:red; height: 800px; background: url(./../m.jpg);}在html文件中正常引用link 背景正常显示。此时使用webpack打包,出现错误!安装插件:npm install url-loader设置配置:{ test: /\.(png)|(jpg)$/, loade原创 2016-10-06 16:28:50 · 5698 阅读 · 0 评论 -
Web前端 - babel 使用
Web前端 - babel 使用http://babeljs.io/babel 用来转化es2015…reactjs等语法为es5语法 适应当前浏览器 就是一个语法的转化工具!使用babel 要先安装 babel-cilnpm install –save-dev babel-cli1、npm install --save-dev babel-cli2、npm install --save-dev原创 2016-10-06 16:24:40 · 1134 阅读 · 0 评论 -
Web前端 - webpack 打包Css
安装css-loader style-loadernpm install css-loader style-loader前者是为了遍历你的css。后者是为了进行style标记生成。利用它就可以把CSS给打包了。我们加入配置文件{ test: /\.css$/, loaders: ['style‘, ‘css'],}module.exports = { entry:[ './es2原创 2016-10-06 16:21:56 · 10644 阅读 · 0 评论 -
vue-cnodejs学习-目录创建 环境配置
├── README.md ├── dist // 项目build目录 ├── index.html // 项目入口文件 ├── package.json // 项目配置文件 ├── src // 生产目录 │ ├── assets // css js 和图片资源 │ ├── c原创 2016-11-02 13:39:39 · 303 阅读 · 0 评论