小菜菜arron-CSDN博客

原创 mac 使用chales代理本地文件

mac 使用chales代理本地文件开mac的代理权限代理本地选项在请求中右键map Local ，本地新建一个html文件Over！

2020-04-20 14:48:59 421

转载 JS学习笔记（12）正则表达式

正则表达式正则表达式为标书字符串规则的表达式。下面为两个例子为在 JavaScript 中的使用，/pattern/attrs new RegExp(pattern, attrs) 锚点锚点用于匹配一个位置，下列为常用的锚点^ 起始的位置 /^http/ 结尾的位置/\.jpg 结尾的位置 /\.jpg/ \b 单词边界字符类字符类用于匹配一类字符中的一个，下面为几个常用的例子，[abc

2017-06-01 14:32:26 266

转载 JS学习笔记（11）类型识别

类型识别typeof Object.prototype.toString constructor instanceoftypeof：可以是标准类型（Null 除外）不可识别具体的对象类型（Function 除外） Object.prototype.toString：可是识别标准类型及内置对象类型（例如，Object, Date, Array）不能识别自定义对象类型 construc

2017-06-01 14:30:40 257

转载 JS学习笔记（10）面向对象

面向对象程序设计方法程序设计描述系统如何通过程序来实现的过程，其为一种设计方法与语言实现无关。常见的设计方法有面向流程与面向对象。面向过程以程序的过程为中心，采用自定而下逐步细化的方法来实现。常见的面向过程语言有 C、Fortran、Pascall。面向对象将对象作为程序的基本单元，将程序分解为数据和操作的集合。常见的面向过程语言有 smalltalk（也是 Objective-C 的父

2017-06-01 14:27:45 196

转载 JS学习笔记（9）闭包

闭包闭包有函数和与其相关的引用环境的组合而成闭包允许函数访问其引用环境中的变量（又称自由变量）广义上来说，所有 JavaScript 的函数都可以成为闭包，因为 JavaScript 函数在创建时保存了当前的词法环境。function add() { var i = 0; return function() { alert(i++); }}var f = add(

2017-06-01 14:17:11 200

转载 JS学习笔记（7）表达式与运算符

表达式与运算符表达式表达式为 JavaScript 的短语可执行并生成值。1.7 // 字面量"1.7"var a = 1;var b = '2';var c = (1.7 + a) * '3' - b运算符算数运算符（+ - * / %）关系运算符（> < == != >= <= === !==) 逻辑运算符（! && ||）位运算符（& | ^ ~ << >>）

2017-05-31 18:47:22 263

转载 JS学习笔记（6）变量作用域

变量作用域变量的作用域值的是变量的生命周期和作用范围（全局与局部作用域的区别）。作用域介绍静态作用域静态作用域有称为词法作用域，即指其在编译的阶段就可以决定变量的引用。静态作用域只更变量定义的位置有关与代码执行的顺序无关。var x = 0;function foo() { alert(x);}function bar() { var x = 20; foo();}foo();

2017-05-31 18:38:16 225

转载 JS学习笔记（5）内置对象

内置对象通常情况下只有对象才存在方法，但 JavaScript 不同它具有12种内置对象。内置对象又分为两类，普通对象（属性和方法）与构造器对象（可用于实例化普通对象，它还包含原型对象属性和方法，及实例对象属性和方法）。JavaScript 对象原型链的简要说明function Point(x, y) { this.x = x; this.y = y;}Point.prototype

2017-05-31 18:31:55 284

转载 JS学习笔记（4）类型系统

类型系统javascript 类型系统可以分为标准类型和对象类型，进一步标准类型又可以分为原始类型和引用类型，而对象类型又可以分为内置对象类型、普通对象类型、自定义对象类型。标准类型标准类型共包括了6个分别是：原始类型（值类型）：Undefined undefined Null null Boolean true String ‘hello’ Number 123 引用类型（对象类

2017-05-31 10:30:38 252

转载 JS学习笔记（3）基本语法

基本语法变量标示符变量的命名var _name = null;var $name = null;var name0 = null;关键字与保留字JavaScript 在语言定义中保留的字段，这些字段在语言使用中存在特殊意义或功能，在程序编写的过程中不可以当做变量或函数名称使用。无需记忆，报错修改即可。关键字与保留字可以在 Mozilla 开发者站点找到。字符敏感字符串的大小写是有所区分的，不

2017-05-31 10:24:08 209

JavaScript 介绍前端开发三要素，HTML（描述网页内容），CSS（描述样式），JavaScript（控制网页行为）。JavaScript 为解释型编程语（程序不需要编译，程序在运行时才翻译成机器语言，每执行一次都要翻译一次)，运行环境也很广泛（浏览器或操作系统中 NodeJS）。JavaScript 又分为两部分，ECMAScript 和 DOM。其中 JavaScript 的基本的语言

2017-05-31 10:19:53 202

原创 sublime安装

1, 官网下载安装包http://www.sublimetext.com/ 2，安装package control 包管理插件 https://packagecontrol.io/installation ctrl+`调出控制台，复制如下代码： sublime text 3import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b

2017-03-22 20:30:30 287

原创 html-表格和表单

一 table <table> <tr> <th>学号</th> <th>姓名</th> <th>操作</th> </tr> <tr> <td>xh001</td> <td>王小明</td> <td></td> <!--

2016-12-15 17:08:24 305

原创 inline-block，block，浮动

1.display:inline-block （1）使块元素在一行显示（2）内嵌元素支持宽高（3）换行被解析（4）不设置宽度的时候宽度由内容撑开（5）在IE6,7下不支持块标签简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的

2016-12-14 21:37:18 326

原创移动端开发相关知识

1.apple-mobile-web-app-capable设置Web应用是否以全屏模式运行。语法：<meta name="apple-mobile-web-app-capable" content="yes">说明：如果content设置为yes，Web应用会以全屏模式运行，反之，则不会。content的默认值是no，表示正常显示。你可以通过只读属性window.navigator.stand

2016-11-23 21:24:44 217

原创 HTML5-离线存储，Web Worker

1.离线存储搭建离线应用程序 ①服务器设置头信息 : AddType text/cache-manifest .manifest ② html标签加 : manifest=“xxxxx.manifest” ③写manifest文件 : 离线的清单列表先写 : CACHE MANIFEST 然后写需要缓存的内容 FALLBACK : 第一个网络地址没获取到，就

2016-11-13 16:37:53 512

原创 Apache服务器搭建及开启

1 安装Apache服务器 https://www.apachefriends.org/download.html2 在Dreamweaver中开启点击xampp-control.exe这个文件，会出现下图的界面，然后后Apache旁边的start按钮，若显示端口被占用，则点击Config按钮，查找里面的Listen 80这句话，然后把80改成其他数字即可。 3 Dreamweaver中新

2016-11-09 21:04:41 551

原创 JS-arguments对象

1, 在函数代码中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。 2，arguments对象的长度是由实参个数而不是形参个数决定的。形参是函数内部重新开辟内存空间存储的变量，但是其与arguments对象内存空间并不重叠。对于arguments和值都存在的情况下，两者值是同步的，但是针对其中一个无值的情况下，对于此无值的情形值不会得以同步。如下代码可以得以验证。fun

2016-11-09 10:35:14 192

原创 H5-跨文档消息通信

1 同域下的窗口通讯两个页面：a.html和b.html 打开另一个页面有两种方式：iframe和window.open (1)iframe 如果我们要操作一个iframe里面的dom元素，首先要获取到iframe引入的页面的window oMyIframe.contentWindow -> 被iframe包含的页面的window对象 alert(oMyIframe.contentWi

2016-11-07 19:54:43 363

原创兼容性问题

1，IE6下最小高度问题最小高度为19px，小于19px，则被当做19px处理。解决方法：overflow：hidden 2，在IE6下，内容会撑开设置好的宽高 3，在IE6元素浮动，如果宽度需要内容撑开，就给里边的块元素都加浮动在IE6，7下元素要通过浮动并在同一行，就给这行元素都加浮动 4，1px dotted //IE6下不支持解决方法：切背景，平铺。 5，margin

2016-11-02 21:27:01 160

原创 css中设置点的参数含义

对容器中的条目进行布局、对齐和分配空间。这种布局方式在条目尺寸未知或动态时也能工作。这种布局方式已经被主流浏览器所支持，可以在 Web 应用开发中使用。本文详细的介绍该布局模型以及如何在具体开发中应用该布局模型来简化常见的页面布局场景。Web 应用的样式设计中，布局是非常重要的一部分。布局用来确定页面上不同组件和元素的尺寸和位置。随着响应式用户界面的流行，Web 应用一般都要求适配不同的设备尺寸和浏

2016-10-30 21:34:27 366

原创 css3-弹性盒模型

1.Box-flex 定义盒子的弹性空间子元素的尺寸=盒子的尺寸*子元素的box-flex属性值 / 所有子元素的box-flex属性值的和例题：中间宽度固定，两侧宽度自适应：.box div:nth-of-type(1){ -webkit-box-flex:1;}.box div:nth-of-type(2){ -webkit-box-flex:400px;}.box div:nth

2016-10-26 20:25:56 304 1

原创 css3相关

1 浏览器兼容属性 transition:1s; //相当于JS中的animation -webkit-transition：//Chrome -moz-transition: //FireFox -o-transition: //opera -ms-transition //IE 类似属性有：gradient（渐变）2选择器 p:nth-child(2n):{backgro

2016-10-19 11:10:18 189

转载 CSS-zoom

Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。Zoom的使用方法：zoom : normal | numbernormal :　默认值。使用对象的实际尺寸number :　百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时

2016-10-08 10:54:19 446

原创 JS-数组

1.清空数组方法 var arr=[‘aaa’,1,2]; arr.length=0; 或者 arr=[]; //效率能高一点字符串的length属性不可写 str=’aaaa’ str.length=1; alert(str) //aaaa2.数组添加 arr.push(1) //往后添加数据并且有一个返回值，，新的数组长度 arr.unshift(1)//往数组前面

2016-10-05 18:58:00 167

原创 JS-字符串操作

1.截取 str=’我在这里等你回来’ (1)substring str.substring() 括号内不填，默认截取这个str 的值，只填一个数字，就从这个数字截取到最后 str.substring(1,-2) 先判断谁大谁小，然后负数默认为0，就是截取0,1位置的值结果为‘我在’ (2)slice 区别：（1）不判断大小，结果为空（2）str.slice(-2)

2016-10-05 15:33:07 151

原创 JS-定时器

var timer=setInterval(函数，毫秒); //重复执行 clearInterval(timer);var timer=setTimeout(函数，毫秒); //执行一次 clearTimeout(timer);

2016-09-21 19:02:03 157

原创 JS-函数

1.return：返回值 1）函数名+括号：fn1()==>return后面的值； 2）所有函数默认返回值：未定义； 3）return后面任何代码都不执行了。 2.arguments参数（传递参数不确定时，使用这个） fn1（1,2,3） fn1（1,2,3，4） function fn1（）{ alert(arguments[0]) //1 } 3.current

2016-09-21 17:16:58 128

原创 JS-类型转换

字符串转数字：（1）Number（） var a=’+100’ alert(Number(a)) //100var a=’ ’ //不管多少空格 alert(Number(a)) // 0var a=true //不管多少空格 alert(Number(a)) // true-1 false-0var a=[] or var a=[”] alert(Number(

2016-09-17 20:15:28 198

原创 JS-属性操作注意事项

下列东西不能拿来做判断： 1.所有的相对路径 img.src href=’1.css’ 2.颜色值不要拿来做判断： color:red #f00 rgb(250,0,0) 3.innerHtml值不要拿来做判断注意事项：JS中允许“.”替换成“[]” oDiv.style.width=’300px’; //.操作不能设为变量 oDiv.style[oAttr.value]=oval

2016-09-03 21:55:28 464

原创 JS-热身，操作符

1.希望把某个元素移除你的视线：（1）display：none；显示为无（2）visibility：hidden；隐藏（3）width和height （4）透明度（5）left和top （6）拿一个白色DIV盖住它（7）margin负值

2016-08-29 21:51:49 337

原创 H5学习笔记

1.新的选择器 querySelector：只能选择一个 querySelectorAll2.JSON新方法 parse() : 把字符串转成json，字符串中的属性要严格的加上引号 stringify() : 把json转化成字符串，会自动的把双引号加上新方法与eval的区别 parse：只能将JSON格式的字符串转换成JS（安全些） eval：可以解析任何字符串变成JS 新方法

2016-08-26 17:16:27 621

原创 Html5新增标签

1.新增语义化标签（1）<header></header> 页眉主要用于页面的头部的信息介绍，也可用于板块头部<hgroup></hgroup> 页面上的一个标题组合一个标题和一个子标题，或者标语的组合<hgroup> <h1>妙味课堂</h1> <h2>带您进入富有人情味的IT培训</h2></hgroup>（2）<nav></nav> 导航（包含链接的的一个列表）<n

2016-08-26 15:10:31 442

原创 Web学习第一个小例子-慕课网企业案例

在慕课网学了将近一个月的前端开发，这两天根据视频，写出了一个小Demo，没有涉及到JS，基本上都是静态布局，也学习了不少布局的知识。有一个比较炫的焦点图MyFocus插件，记一下用法; 1.MyFocus包下载地址利用里面的js文件中的样式来设计不同风格的焦点图。 2.MyFocus的使用注意三点：（1）引入文件：有三个文件需要引入，myfocus库文件和焦点图风格的css和js。

2016-08-24 20:28:54 1083

原创 GitHub上传代码

Mark一下长传代码的步骤： 1.在github中创建一个repository。 2.在setting中找到这个按钮，生成自己的网站。 3.publishi page 4.复制网址，在本地文件夹需要长传的地方空白处右击，Git clone。 5.就会生成.git,stylesheets,index.html,params.json文件，然后将需要上传的文件放到这里，然后替换掉ind

2016-08-24 20:01:17 352

原创 JS-DOM事件

事件处理程序 1 HTML事件处理程序：直接在HTML中加入执行代码。缺点：HTML和JS代码紧密耦合在一起，如果要修改，就要两处都进行修改。<script> function showMessage(){ alert("hello world!"); }</script><body> <inpu

2016-07-02 19:05:15 203

原创 JS预解析，作用域

”JS解析器“需知道的两大步工作：（1）找一些东西：var function 参数 a=未定义所有的变量，在正式运行代码之前，都提前赋了一个值：未定义； fn1=function fn1（）{alert（2）；} 所有的函数，在正式运行代码之前，都是整个函数块。注：遇到重名的：只留一个（变量和函数重名

2016-06-28 16:26:10 251

原创 APP UI Design ——sketch（三）输入框选择状态

这一节主要讲当处于输入状态的时候，边框，图标和文字会处于高亮状态。（1）复制一个图层。（2）给第二个图层的输入框的边框（Borders）添加颜色，此时会看到左右两边的边框都在相同的改变，因为用了symbol，我们需要取消这个效果。点击第二个图层的输入框，然后在右侧改变它的style，输入selected文本。（3）改变文本框中图片和文字的颜色。 <1>改变图片的状态。选中图片的path

2016-05-05 17:02:30 5572

原创 APP UI Design ——sketch（二）

这一节主要讲加入文字，文本框。（一）加入文本（1）快捷键“T”加入文本，可以在右侧改一下大小，透明度和颜色。（2）分解输入文本的各个部分。在文本上右键，然后选择“Convert to outlines”，这样的话，就会把所输入的文本变成很多的Path （3）可以随意改变每个Path的效果。（二）加入文本框在加入文本框之前，将状态栏加入到设计界面中。“File－New Fro

2016-04-25 21:27:48 2173

空空如也

空空如也