![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
Venciki
任何你写的代码,超过6个月不去看它,当你再看时,都像是别人写的。(Eagleson’s law)
展开
-
props中的驼峰标识
当我们在props中用到驼峰时,此时组件的标签中的v-bind就不能写成驼峰式。因为v-bind只能不能识别大写字母为了避免这种情况发生,我们尽量少用驼峰格式,如果迫不得已的话,我们可以在用v-bind的时候稍微修改一下,例如: <div id="app"> <cpn v-bind:my-child-message=""></cpn> </div...原创 2019-10-29 17:53:54 · 744 阅读 · 0 评论 -
组件中data为什么是函数
组件中data为什么是函数首先我们来看这样一段代码: function abc() { return { name: 'romance', age: 18 } } var obj1 = abc(); var obj2 = abc(); var obj3 = abc(); obj1.name='kob...原创 2019-10-29 01:43:07 · 633 阅读 · 0 评论 -
计算属性和methods的对比
当时用methods打印变量四次时:我们可以看到在控制台打印了四次 ‘fullName’我们在来看看用computed 计算属性时:我们可以看到此时控制台只打印了一次:...原创 2019-10-27 23:01:19 · 563 阅读 · 2 评论 -
Ajax
Ajax:XMLHttpRequest 对象var request = new XMLHttpRequest封装一个适应其他浏览器和IE6,IE5: var request; if(window.XHMHttpRequest) { request = new XMLHttpRequest(); }else{ request = new ActiveXObject('Micros...原创 2019-07-29 15:25:42 · 116 阅读 · 0 评论 -
dom
D原创 2019-07-15 20:26:08 · 102 阅读 · 0 评论 -
节点
get<div> <strong></strong></div><div> <span> <strong></strong> </span></div>querySelector('div > span strong')//querySelectorA...原创 2019-06-23 19:51:28 · 115 阅读 · 0 评论 -
DOM基本操作
查看滚动条的滚动距离window.pageXOffset/pageYOffsetIE9以下:document.body.scrollLeft/scrollTopdocument.documentElement.scorllLeft/TOP在低版本浏览器使用的时候可以把啷个加起来使用。、封装一个可以查看滚动距离的方法:function getScrollOffset() { ...原创 2019-07-25 16:13:53 · 130 阅读 · 0 评论 -
正则表达式
RegExp var reg = /abc/; var str = 'abcd';*reg.test(str)====>true* var reg = /[1234567890][1234567890][1234567890]/g; //三个连着的数字范围(1234567890) var str = "2312jo3gh123789d4najdiic923jf"; var r...原创 2019-08-02 21:00:03 · 238 阅读 · 0 评论 -
异步加载时间线
异步加载jsdefer异步加载,但要等到dom文档全部解析完才会被执行。只有IE能用,也可以将代码写道内部。<script defer="defer"></script><script defer></script>aysnc (W3C标准方法)异步加载,加载完就执行,async只能加载外部脚本(只能写src=""),不饿能把js写在...原创 2019-07-30 21:04:19 · 125 阅读 · 0 评论 -
BOM
window对象方法之钱用的一些方法其实就是BOM,例如:alert();blur();clearInterval()cleatTimeout()…下面我们看看相对来说比较重要的:window.confirm(’’) 和 alert(’’) 差不多,就是多了 确定和取消按钮。当点击确定的时候它会返回 true ,当点击取消的时候他会返回 false。window.open(...原创 2019-08-03 15:37:40 · 105 阅读 · 0 评论 -
事件
获取事件on : onxxxx一个对象的一个事件只能绑定一个函数dom.addEventListener(时间类型,处理函数,false);能给一个事件绑定多个处理函数(不能给一个函数绑定多次)div.addEventListener(‘click’, function(){console.log(‘a’);},flase);-IE 独有div.attachEvent(‘on’...原创 2019-07-26 11:57:30 · 270 阅读 · 0 评论 -
flex
Flex布局:一个样例引入flex布局(水平垂直居中) <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-08-01 22:12:00 · 329 阅读 · 0 评论 -
this agruments 克隆
// var hang = { // wife1 : {name : 'xiaozhang'}, // wife2 : {name : 'xiaowen'}, // wife3 : {name : 'xiaoqiang'}, // sayWife : function(num){ /...原创 2019-06-17 22:59:18 · 94 阅读 · 0 评论 -
javascript xiaozhishi
闭包使变量私有化:<script> var name = heheh; var init = (function() { var name = abc; function callName() { console.log(name); } return function () { callName(); } }()) var initZha...原创 2019-06-11 21:28:01 · 87 阅读 · 0 评论 -
原型链 继承
charCodeAt()charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。var str = "123abc张文强";var n = str.length;function byteLength(str) { // for(var i = 0; i < str.length; i++) { // if(st...原创 2019-06-04 21:21:45 · 105 阅读 · 0 评论 -
12.23~12.30周报
12.23~12.30周报本周学习的知识点我每次做网页都有如下感想(作为一个初学者):想让一个页面好看就必须有好看的图片,搭配好看的颜色,但有时你的页面必须出现文字呀,却又不知道怎样把文字变得好看一点:感觉天了文字之后整个页面都不如之前好看了,所以这里我们就要学习一个新的技能:文本属性css文本属性1.文本缩进test-indent属性 所有元素的第一行都可以缩进一个给定的长...原创 2018-12-28 20:50:32 · 142 阅读 · 0 评论 -
第三周
css框模型学习完字体及文本属性后,这里还有一个很重要的知识点等着我们去学习,那就是框模型啦。基本框我们都知道基本每一个css元素都有一个或多个框(称为盒子模型)(才有了我们说的padding margin-top margin-left)。如图所示:这里解释一下:border(边框)margin(外边框)padding(内边距) height(高度)width(宽度)一般的,...原创 2019-01-04 20:30:44 · 98 阅读 · 0 评论 -
12.31~1.6周报
12.31~1.6周报本周学习的知识点:本周分享知识点:使用auto如果设置width丶margin-left或margin-right中的某个值为auto,而余下两个属性指定为特定的值,那么设置为auto的属性会确定所需的长度,从而使元素框的宽度等于父元素的width。换句话所,假设7个属性的和必须等于400像素,没有设置内边距或外边距,而且有外边距和width设置为100px,左边距...原创 2019-01-04 22:07:02 · 94 阅读 · 0 评论 -
19第一周
JavaScript用var声明变量;重新声明的javascript变量,它的值不会丢失:例如var carname="Volvo";var carname;在执行这两条语句后,变量 carname 的值依然是 “Volvo”:js数组JavaScript 数组下面的代码创建名为 cars 的数组:var cars=new Array();cars[0]="Audi";ca...原创 2019-03-25 22:52:34 · 93 阅读 · 0 评论 -
19第二周
css小知识再用transfrom时可以定义一个定点让整个动画以这个定点开始。CSS Demo: transform-origin Resettransform-origin: center;transform-origin: top left;transform-origin: 50px 50px;transform-origin: bottom right 60px;...原创 2019-04-02 21:49:45 · 80 阅读 · 0 评论 -
javascript运算
Javascript运算赋值运算符顾名思义(简单的例子:将a赋给b)例子:var x = 2;var y = 3;console.log(x);// expected output: 2console.log(x = y + 1); // 3 + 1// expected output: 4console.log(x = x * y); // 4 * 3// ex...原创 2019-04-21 00:59:28 · 205 阅读 · 0 评论 -
onmouse cikick事件
JavaScriptonmouseover事件简单的说就是鼠标移在 div 上面会发生相应样式的变化。和 css 里面的 :hover 伪类一样。使用:<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #div1{ hei...原创 2019-04-28 01:08:49 · 202 阅读 · 0 评论 -
点击显示 消失效果
我们写下这么一串代码 ( 行内 js 的代码 ):<html><head><style>#div1{height:100px;width:100px;background-color:#f40;}.box{height:200px;width:200px;background-color:green;}</style>&...原创 2019-05-07 19:49:48 · 866 阅读 · 0 评论 -
定时器
javascript 练习getElementByTagName我们可以把这个分解一下分成:get Elements By TagName,分别是 “选择” “一组元素” “标签名” 。这个用在选择多个标签的时候,例如对多个 < p > 用上相同的 id 名,我们可以不用一个一个的网行内面添加,可以直接再js代码里面写用上 getElementByTagName 一串代码就可以搞...原创 2019-05-07 20:37:24 · 89 阅读 · 0 评论 -
#offsetLeft获取div的
javascript练习offsetLeft 获取 div 的left值原创 2019-05-15 20:10:22 · 555 阅读 · 0 评论 -
#延时提示框效果
Javascript学习延时提示框效果简单说明:定时器(setInterval (函数,时间ms) 间隔型,一直进行(一旦开启就会一直进行下去 )setTimeout(函数, 时间ms)延时行,开启后只执行一次。停止计时器:clearIntervalclearTimeout) 运用 js 的简单的事件效果 运用**开始计时器**和**...原创 2019-05-25 23:15:39 · 149 阅读 · 0 评论 -
预编译 作用域 闭包
预编译函数的预编译发生在函数执行的前一刻;window.prompt ( ’ input ’ ) // 输入(字符串形式)parsetInt(window.prompt(’ input ’ )); //转化成数字型;未经声明的变量归window所有;a = 123; or a = b = 123; ( 暗示全局变量 ) ;一切声明的变量都是window的属性...原创 2019-05-26 22:17:58 · 141 阅读 · 0 评论 -
5.30
javascript学习逗号运算符 ,var a = (2, 3);a = 3;先看前面的表达式如果前面要计算的话先计算,然后看后面的表达式要计算就计算;然后把后面表达式的值返回:JavaScript中为假的值有6个分别是:undefinedNaN0“”nullfalse虽然这几个值都为假 但他们不一定都相等:for exmple:console.log( ...原创 2019-05-30 20:55:22 · 153 阅读 · 0 评论 -
对象包装类
对象原创 2019-05-30 22:07:13 · 166 阅读 · 0 评论 -
数组
数组构造数组:var arr = new Array(10);var arr1 = [10];上面这两种方法不一样,第一个是创建一个长度为十的数组,第二个是创建一个长度为一的而且值为10的数组.方法 :push 往数组里面装东西push方法重写 :Array.prototype.push() = function() { for(var i = 0; i <...原创 2019-06-19 22:42:46 · 86 阅读 · 0 评论 -
duixaing jicheng 2
call()可以改变 this 的指向;demo:<script> function Person(name, age) { this.name = name; this.age = age; } var person = new Person('zhang', 19); var obj = { } Person.call(obj,'wenqiang', 20...原创 2019-06-10 19:51:56 · 129 阅读 · 0 评论 -
区分数组和对象的三种方法
区分数组和对象的三种方法:[].constructor //ƒ Array() { [native code] }var obj = {};obj.constructor//ƒ Object() { [native code] }[] instanceof Array //truevar obj = {};obj instanceof Array //false...原创 2019-06-16 13:58:25 · 2042 阅读 · 0 评论 -
css属性选择器
css属性选择器对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。实例:**1.**下面是包含指定值的target属性的元素样式的例子a[target]{ background: gray;}//带有target属性的链接会得到灰色的背景**2.**下面是包含指定值的target属性的元素样式的...原创 2018-12-22 14:01:35 · 2967 阅读 · 0 评论