5 张铂雨

学生身份

我要认证

学就完了

等级
TA的排名 11w+

JS-有关BOM的知识

JS-有关BOM的知识一.BOM:浏览器对象模型(browser object model)二.navigator和screen:1》navigator:可以通过navigator.userAgent获取浏览器的相关信息2》screen屏幕三.location 和 history1》locationlocation.search 输出url的查询参数 ?以后的location.hash 输出url的哈希 #以后的2》history一个网页前进,一个网页后退...

2020-07-12 15:45:05

JS-有关DOM的知识

JS-有关DOM一DOM的本质:它是从HTML语言或文件解析出来的一棵树二.DOM的节点操作:1》获取DOM节点2》DOM节点的property以JS对象的形式,操作style className 等等nodeName:标签名称nodeType:DOM类型,一般DOM类型的type 为13》DOM节点的attribute4》property和attribute的关系:property是对DOM元素的js变量进行修改attribute是对DOM元素的节点属性进行修改,能真正作用到

2020-07-12 15:20:47

从JS基础知识到JS WEB API

从JS基础知识到JS WEB APIAPI主要包含五个方面:DOMBOM事件绑定ajax存储

2020-07-12 12:43:41

产品栈交互实现以及小bug解决笔记

产品栈交互实现以及小bug解决笔记一.交互实现:1》产品栈总组件,商品名称和价钱渲染此处需要注意的是 路由跳转是this.$router.push;this.$route.params.id 获取的参数在这里是商品id一个是router 一个是route2》产品栈总组件获取的数值传送到产品栈参数组件渲染(父组件传值到子组件)比如左上角的小米CC93》点击立即购买,会跳转到相应的产品详情页上二.总结两个问题1》添加默认值确定在未登录情况下能获取值2》当打开控制台或

2020-07-12 11:56:39

产品栈视频组件相关笔记

产品栈视频组件相关笔记1》首先设置视频的样式首先一个大盒子,里面有一个遮罩层盒子(overlay盒子),进行淡黑色的遮罩,遮罩层里面有一个video盒子 装video标签和关闭的span标签给遮罩层fixde布局,透明度设置0.4 ,z-index:10再给video盒子fixed布局,并设置水平垂直居中,z-index:10video标签 高度 宽度 100%,设置object-fit:cover; outline:none;span给absoluted绝对定位 定位在盒子的右上角,z-i

2020-07-11 16:40:47

v-model是什么?怎么使用?

v-model是什么?怎么使用?v-model用于表单数据的双向绑定,其实它就是一个语法糖,这个背后就做了两个操作:v-bind绑定一个value属性v-on指令给当前元素绑定input事件v-model很好地体现了vue双向绑定的理念。单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新。有单向绑定,就有双向绑定。如果用户更新了View,Model的数据也自动被更新了,这种情况就是双向绑定。什么情况下用户可以更新View呢

2020-07-11 12:44:10

vue中event事件,事件修饰符,按键修饰符

vue中event事件,事件修饰符,按键修饰符一.event事件1》首先我们搞明白,event对象作为参数怎么传的如果像button的increment1函数,没有其他参数,则method的increment1可以直接获取event如果想button的increment2函数,有其他参数,则method的increment2则需要通过**$event**获取当我们点击increment1的按钮,控制台会打印以下的结果(target指元素挂载在什么地方,currentTarget 是指什么地

2020-07-11 11:42:41

vue中class和style

vue中class和style注意采用驼峰命名法

2020-07-10 22:56:38

vue中 computed和watch的区别

vue中 computed和watch的区别1》computed有缓存,什么是缓存呢,就是data不变则不会计算由于缓存机制,num值不变的话,double1()get()set()不会执行2》watch默认是浅度监听,下面的info引用类型,city属性发生改变,监听不到。3》值类型,可以监听 而且oldval和val都可以获取3》watch经过操作可以对引用类型进行深度监听,但是也不能获取oldval深度监听方法,利用handler 和deep:trueinfo的oldval是获取不

2020-07-10 22:52:50

Vue文本渲染三种方法 {{}}、v-html、v-text

有一个input输入框,需要用户输入名字,用户却输入一个恶意脚本,<script>alert(document.cookie)</script>,或者用户输入一个HTML,在标签中嵌入恶意脚本,如src,href,css style等。如:<IMG SRC="javascript:alert('XSS');">;

2020-07-10 21:35:02

产品栈参数组件相关笔记(插槽slot,吸顶问题)

产品栈组件相关笔记产品栈参数组件(具体引入步骤省略,就是常规的组件引入过程)一.样式内容配置立即购买按钮,以slot插槽的形式插入的因为有的产品栈页面这个按钮不是立即购买功能,可能是添加购物车功能,用插槽更利于我们灵活的控制。(之前model组件也是插槽的形式,也是为了以后能方便根据功能更改内容,更加便利)二.吸顶:1》先撑开内容(用假数据)有滚动条2》给window绑定scroll滚动事件,并给nav-bar绑定类class3》给is-fixed 绝对定位添加样式三吸顶的问

2020-07-10 15:33:03

有关项目scss的引入问题

有关项目scss的引入问题为什么 在header组件中引入了base.scss中定义的container,在index.vue中可以直接class=container使用,不需要引入?但是config.scss和mixin.scss却必须在每一个组件里面单独引入才可以使用,否则就会报错答:引入的样式文件是全局的,除非加了scoped,否则其它文件能公用这个样式config和mixin他们本身不是页面样式,他们是定义的变量,用来做扩展的,为了能够提供一些高效的工具和方法,如果要用到里面的全局函数或者

2020-07-10 10:57:53

js小练习:js实现button点击之后60秒后才可以再次点击

js小练习:js实现button点击之后60秒后才可以再次点击(验证码)html:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;Document&lt;/title&gt;

2020-07-09 21:49:36

js---promise使用

js—promise使用一.promise出现为了解决回调地狱(callback hell)下图为回调地狱的例子二.手写promise加载一张图片function loadImg(src) { return new Promise((res, rej) =&gt; { const img = document.createElement('img'); img.src = src; img.onload = () =&gt; {

2020-07-09 16:12:27

js异步常见的使用场景

js异步常见的使用场景(onload事件,在图片加载完成后执行)因为setTimeout是在载入后延迟指定时间后,去执行一次表达zhi式,记住,次数是一次而setInterval则不一样,它从载入后,每隔指定的时间就执行一次表达式...

2020-07-09 13:52:25

js异步和同步的区别

js异步和同步的区别一.单线程和异步:dom渲染中js必须停止,js进行过程中dom渲染必须停止单线程是异步出现的一个背景二.异步和同步:异步的例子,在定时器1s内,会输出300而在同步中,200的警示框必须点击确定后才能输出300...

2020-07-09 13:35:57

js手写bind,apply,call

js手写bind,apply,call一.手写bind// 模拟 bindFunction.prototype.bind1 = function() { //不知道bind传了多少个参数 // 将参数拆解为数组 const args = Array.prototype.slice.call(arguments) //相当于arguments.toArray().slice() // 获取 this(数组第一项:{x:100}),并改变原数组 const t =

2020-07-09 00:24:47

js有关this的内容

js有关this的内容1》作为普通函数2》使用call apply bind3》作为对象方法被调用4》在class方法中调用5》箭头函数注意:this取什么值,是在函数执行时确认的,不是在函数定义的时候确认的一.call和bind都能改变this指向,但是bind要重新返回新的函数,再重新执行二.这里的setTimeout中的this,是本身的执行而不是张三执行的,相当于普通函数,所以这里面的this指向window三.这里的setTimeout里面的箭头函数被setTime

2020-07-08 17:38:31

js闭包及常见的应用场景

js闭包这两个例子返回值都是100因为所有的(闭包)自由变量的查找,是在函数定义的地方,向上级作用域查找不是在执行的地方!!!

2020-07-08 17:09:15

js作用域和自由变量

js作用域和自由变量一.作用域:1》全局作用域2》函数作用域3》块级作用域(ES6新增的)二.自由变量:最里面的红框中的 a,a1,a2都是自由变量

2020-07-08 16:35:13

查看更多

勋章 我的勋章
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。