09 2019 档案

摘要:由于 Javascript(简称:JS)中的 this 理解起来较为复杂,使得很多入门新手和一些进入前端圈子有些年限的工程师们都对其的用法有些模糊。所以今天为大家带来 Javascript(简称:JS) 中 this 的用法详解。 this 永远指向 调用 包含 自己(this本身) 的 函数 对应的对象。 也就是说,包含 this 的函数 只在乎是谁调用了它,跟在哪里进行的函数声明没有关系。... 阅读全文
posted @ 2019-09-30 15:53 WhiteSpace 阅读(289) 评论(0) 推荐(0) 编辑
摘要:为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。 本文我们介绍箭头(arrow)函数的优点。 更简洁的语法我们先来按常规语法定义函数: 1 2 3 4 5 function funcName(params) { return params + 2; } funcNa 阅读全文
posted @ 2019-09-30 13:58 WhiteSpace 阅读(2660) 评论(0) 推荐(0) 编辑
摘要:1.之前学习中,如何发起数据请求? 2.常见的数据请求类型?get post jsonp 3.常见的URL请求资源地址 get请求地址: http://vue.studyit.io/api/getlunbo post请求地址:http://Vuestudyit.io/api/post jsonp请求 阅读全文
posted @ 2019-09-30 11:02 WhiteSpace 阅读(877) 评论(0) 推荐(0) 编辑
摘要:Vue实例的生命周期 什么是生命周期:从Vue实例创建 运行 到销毁期间,总是伴随这各种各样的事件,这些事件统称为生命周期 生命周期钩子:就是生命周期事件的函数 主要的生命周期函数分类: 创建期:beforeCreate Created beforeMount Mounted 运行期: before 阅读全文
posted @ 2019-09-29 16:52 WhiteSpace 阅读(346) 评论(0) 推荐(0) 编辑
摘要:ES6之模版字符串 其实就是相当于c#的挖坑写法 只是语法不一样了 consol.readline("你好,我是{0},我今年{1}岁了",nsme,age); //c#写法 alert(`你好,我是${name},我今年${age}岁了`); //js写法 最近在项目中使用了ES6的模版字符串,在 阅读全文
posted @ 2019-09-28 09:44 WhiteSpace 阅读(45396) 评论(0) 推荐(3) 编辑
摘要:首先需要在keyup事件之后. 修饰符 来绑定事件 前提记住, 如果这个按钮 没有click事件,键盘事件是没有用的 键值修饰符 在监听键盘事件时,我们经常需要检测常见键值,Vue 允许为V-on在监听键盘事件时添加关键 修饰符: <input v-on:click.13=submit"> 记住所有 阅读全文
posted @ 2019-09-27 16:42 WhiteSpace 阅读(1208) 评论(0) 推荐(0) 编辑
摘要:js回调函数(callback)理解 Mark!讲之前说一句 function say(){ alert(,,,,,,,,) } var say=function (){ alert(,,,,,,,) } var say=()=>{ alert(,,,,,,,) }他们3个是一模一样的 只是写法不一样一个是普通方法 另一个是匿名函数 一个是箭头函数 js学习 不喜欢js,但是喜欢jquery,不解 阅读全文
posted @ 2019-09-26 18:51 WhiteSpace 阅读(3818) 评论(0) 推荐(0) 编辑
摘要:简单介绍一下过滤器,顾名思义,过滤就是一个数据经过了这个过滤之后出来另一样东西,可以是从中取得你想要的,或者给那个数据添加点什么装饰,那么过滤器则是过滤的工具。例如,从['abc','abd','ade']数组中取得包含‘ab’的值,那么可通过过滤器筛选出来‘abc’和‘abd’;把‘Hello’变 阅读全文
posted @ 2019-09-25 15:23 WhiteSpace 阅读(943) 评论(0) 推荐(0) 编辑
摘要:一般来说,v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此,如果需要频繁切换 v-show 较好,如果在运行时条件不大可能改变 v-if 较好。 <body> <div class="box"> <!-- v-if 等于true的时候 会把这个元素彻底移除掉--> <h1 v- 阅读全文
posted @ 2019-09-24 16:44 WhiteSpace 阅读(486) 评论(0) 推荐(0) 编辑
摘要:2.2.0+ 的版本里,**当在组件中使用** v-for 时,key 现在是必须的。 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时,它默认用 “**就地复用**” 策略。如果数据项的顺序被改变,Vue将**不是移动 DOM 元素来匹配数据项的顺序**, 而是**简单复用此处每个元 阅读全文
posted @ 2019-09-24 11:11 WhiteSpace 阅读(683) 评论(0) 推荐(0) 编辑
摘要:1. 直接在元素上通过 `:style` 的形式,书写样式对象```<h1 :style="{color: 'red', 'font-size': '40px'}">这是一个善良的H1</h1>``` <div class="box"> <!-- 内联样式书写为对象形式 其中font-size 必须 阅读全文
posted @ 2019-09-24 10:15 WhiteSpace 阅读(10047) 评论(0) 推荐(0) 编辑
摘要:VUE使用的样式 1. 数组```<h1 :class="['red', 'thin']">这是一个邪恶的H1</h1> <body> <style> .red{ color: red; } .find{ font-style: italic; } </style> <!-- 使用v-bind 来绑 阅读全文
posted @ 2019-09-24 10:01 WhiteSpace 阅读(2327) 评论(0) 推荐(0) 编辑
摘要:v-bind 只能实现数据的单向绑定,从 M 自动绑定到 V, 无法实现数据的双向绑定 <input type="text" v-bind:value="msg" style="width:100%;"> 使用 v-model 指令,可以实现 表单元素和 Model 中数据的双向数据绑定 注意: v 阅读全文
posted @ 2019-09-23 16:03 WhiteSpace 阅读(729) 评论(0) 推荐(0) 编辑
摘要:事件修饰符: + .stop 阻止冒泡 + .prevent 阻止默认事件 + .capture 添加事件侦听器时使用事件捕获模式 + .self 只当事件在该元素本身(比如不是子元素)触发时触发回调 + .once 事件只触发一次 .stop 阻止冒泡 .prevent 阻止默认行为 .captu 阅读全文
posted @ 2019-09-23 15:40 WhiteSpace 阅读(303) 评论(0) 推荐(0) 编辑
摘要:v-bind:是 Vue中,提供的用于绑定属性的指令 1. 直接使用指令`v-bind` 2. 使用简化指令`:` 3. 在绑定的时候,拼接绑定内容:`:title="btnTitle + ', 这是追加的内容'"` 4.v-bind 中,可以写合法的JS表达式 v-on: 事件绑定机制,可以简写@ 阅读全文
posted @ 2019-09-23 14:19 WhiteSpace 阅读(5276) 评论(0) 推荐(0) 编辑
摘要:v-text: 没有加载闪烁问题,它会覆盖元素中原本的内容,但是插值表达式,只会替换自己的这个占位符,不会把 整个元素的内容清空。 v-html: 使用v-html可以把标签元素也能显示在元素上 阅读全文
posted @ 2019-09-23 14:13 WhiteSpace 阅读(695) 评论(0) 推荐(0) 编辑
摘要:new Vue 相当于我们mvvm中的vm 调度者 data 就是mvvm中的M,专门来保存每个页面的数据的(存放的是el属性中的数据的) 插值表达式{{ }} ; v-cloak 能够解决 插值表达式闪烁的问题: <p v-cloak>++++++++ {{ msg }} </p> //如果网速们 阅读全文
posted @ 2019-09-23 14:09 WhiteSpace 阅读(326) 评论(0) 推荐(0) 编辑
摘要:具体的见图解!一、数组类型 见图解!二、数组创建 方法一、 变量名称[索引值]=数据; 变量名称[]=数据;//不写索引值默认是 索引数组,从0开始 方法二、 变量名称=array( 索引值=>数据, .......... ); 数据里面还可放数组类型的数据,同一个数组中存储任何类型的数据 多维数组 阅读全文
posted @ 2019-09-20 16:12 WhiteSpace 阅读(86) 评论(0) 推荐(0) 编辑
摘要:1.按值传递参数 默认的,我们在传递参数的时候默认使用的就是这个方式! 对形式参数的操作,根本不是影响到实际参数(变量)的值,两者相当于没有联系! 2.按引用传递参数 按引用传递参数,相当于形式参数和实际参数指的是同一个人,只是名字不一样,对于形式参数的操作会直接影响到实际参数(变量); 3.函数的 阅读全文
posted @ 2019-09-20 16:09 WhiteSpace 阅读(277) 评论(0) 推荐(0) 编辑
摘要:1.局部变量 function test(){ $a=1;//局部变量$a,尽在这个函数内部有效 } echo $a; 2.全局变量 $i=10;//全局变量(外部变量) define('MY_NAME','孙胜利'); function test(){ echo MY_NAME; global $ 阅读全文
posted @ 2019-09-20 16:08 WhiteSpace 阅读(449) 评论(0) 推荐(0) 编辑
摘要:function 函数名([形式参数1,形式参数2,....形式参数n]){ //各种PHP代码.... //...... return 表达式;//也可以不返回,如果不写那么默认返回null } 函数的调用: 函数的调用需要遵循定义函数的时候写的规则,一一对应,将具体的实际参数传给定义函数时候写的 阅读全文
posted @ 2019-09-20 16:07 WhiteSpace 阅读(177) 评论(0) 推荐(0) 编辑
摘要:1.break语句 作用:用于switch语句,for,while,do...while,foreach,用于中断这些语句! 后面可以接上一个数字来表示跳出几层循环!默认不加就是跳出当前循环语句! 2.continue语句 作用:只能用在循环语句,跳出本次循环,并不是结束整个循环语句! 3.exit 阅读全文
posted @ 2019-09-18 11:04 WhiteSpace 阅读(154) 评论(0) 推荐(0) 编辑
摘要:循环执行 计算机最擅长的功能之一就是按照规定的条件,重复执行某些操作,这是程序设计中最能发挥计算机特长的程序结构。 1.while语句 while(表达式){ 各种语句.... } 当表达式的值为true,那么就执行下面的语句块, 当语句块执行结束之后,继续返回上面来判断表达式的值是true还是fa 阅读全文
posted @ 2019-09-18 10:46 WhiteSpace 阅读(174) 评论(0) 推荐(0) 编辑
摘要:2.switch语句 switch(表达式){ case 值 1://case相当于== 语句块1; break; case 值 2: 语句块2; break; ....... default: 语句块n } 注意点: 1)表达式的值最好是整形或者字符串! 2)不要忘记break语句!来跳出swit 阅读全文
posted @ 2019-09-18 10:45 WhiteSpace 阅读(227) 评论(0) 推荐(0) 编辑
摘要:流程控制: 对PHP程序执行的过程进行控制! PHP有哪些手段对程序执行过程进行控制!一、顺序执行 自上而下的执行即可! 对这个执行过程没有控制!二、分支执行 分支执行可以根据条件是否满足来选择执行某些代码,PHP的分支执行主要通过两种语句(if,switch)来实现! 1.if语句 注意:我们if 阅读全文
posted @ 2019-09-18 10:44 WhiteSpace 阅读(310) 评论(0) 推荐(0) 编辑
摘要:概述: 说白了就是一些符号,这些符号可以将变量或者数据执行某中运算! 1.算术运算符 1)+ $a=1; $b=2; $c=$a+$b; echo $c; 2)- 第一个意思: 减号 $a=10; $b=2; $c=$a-$b; echo $c; 第二个意思: 取反 $a=1; $b=-$a; ec 阅读全文
posted @ 2019-09-18 10:39 WhiteSpace 阅读(287) 评论(0) 推荐(0) 编辑
摘要:四、常量 1.概念 常量是用于临时(只有在我们的程序的运行过程中才存在)存储值(数据)的容器 2.定义和使用 define('常量名称',常量值) 或者 define("常量名称",常量值) 常量的命名: 1)和变量一样 只能包含字母数字下划线 并且必须以 字母或者下划线开头 2)按照惯例常量名字总 阅读全文
posted @ 2019-09-18 10:37 WhiteSpace 阅读(317) 评论(0) 推荐(0) 编辑
摘要:学习基本语法是稍微枯燥乏味的->蚕食 一、初识PHP脚本程序 1.PHP语言标记 1)PHP开始标记 <?php 2)PHP结束标记 ?> <?php ?> 3)我们的页面最终是通过html,css,js来展示出一个炫丽的界面 4)PHP代码可以嵌入到html代码中任何位置,并且可以嵌入任意多个 5 阅读全文
posted @ 2019-09-18 10:30 WhiteSpace 阅读(250) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示