基础
文章平均质量分 72
鸡米工程师
凡心所向,素履以往,生如逆旅,一苇以航。
展开
-
js|vue实现图片懒加载,element-ui,image组件源码
文章目录前言代码总结前言本文是把element-ui的image组件的懒加载方式,单拎出来给大家讲解,学习一下element是如何做图片懒加载的。这里面需要你掌握一点vue基础知识,不过不会也没事关系不大。代码这是element-ui,image组件提供的参数是否要启动懒加载,不熟悉image组件的用法的人建议去看一下,我先提一嘴用法,就是每个组件只对应一张图片,记住这个就行。好了我们根据lazy这个线索去看,用注释的方式讲解。 mounted() { //如果lazy为t.原创 2021-01-27 14:39:19 · 2369 阅读 · 4 评论 -
vue-router进阶知识总结
学习目标:根据vue-router官网和我工作中实际运用到的地方简洁的总结vue-router中的进阶知识点,基础版以在上一篇文章发布。导航守卫导航守卫,说白了就是在路由跳转的时候,vue暴露的一些钩子方法,让我们可以在路由跳转的时候进行控制。记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化,或使用 beforeRouteUpdate 的组件内守卫。全局前置守卫(router.beforeEach)const router = new Vue原创 2021-01-20 15:13:02 · 138 阅读 · 3 评论 -
dom---认识dom和dom的常用方法
dom—认识dom和dom的常用方法dom全称Document Object Model,是HTML和XML的编程接口。DOM表示由多层节点构成的文档,通过它Js可以操作Html(添加、删除、修改),DOM在1998年成为W3C推荐标准,提供了基本的查询结构和查询接口。文章目录dom---认识dom和dom的常用方法一、节点层级二、Node类型1.节点关系2.操纵节点3.定位元素4.操作dom的属性三、document类型总结一、节点层级任何HTML或XML文档都可以用DOM表示为一个由节点原创 2020-12-29 15:10:44 · 1132 阅读 · 0 评论 -
vue-router基础知识总结
学习目标:根据vue-router官网简洁的总结vue-router中的基础知识点,进阶版将会在下一篇文章中发布动态路由匹配:routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id', component: User }]像 /user/foo 和 /user/bar 都将映射到相同的路由。路径参数用:做标记,可以用this.$route.params获取,例如"user/123",获取的params为{id:123},会出现的问题:如果两个原创 2021-01-19 19:33:18 · 305 阅读 · 0 评论 -
javaScript 解析Url,query参数转为key,value的对象格式
题目:— 题目描述 —实现一个函数,可以对 url 中的 query 部分做拆解,返回一个 key: value 形式的 object— 实例 —输入:‘http://sample.com/?a=1&e&b=2&c=xx&d#hash’输出:{a: 1, b: 2, c: ‘xx’, d: ‘’}答案: function getQueryObj(url) { let arr = url.split("?")[1].split("#")原创 2021-01-18 19:17:27 · 3051 阅读 · 0 评论 -
vue--六种组件传值
vue–七种组件传值文章目录vue--七种组件传值一、props+$emit二、使用步骤1.引入库2.读入数据总结一、props+$emit相信熟悉vue的同学对此种传值方式并不陌生,也是我们最常用的传值方式,父传子props,子传父$emit二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport wa原创 2020-12-22 19:24:07 · 387 阅读 · 0 评论 -
js迭代器与生成器
文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言es6规范新增了两个高级特性:迭代器和生成器,本节主要阐述迭代器提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimp.原创 2020-12-02 14:54:12 · 438 阅读 · 8 评论 -
js位运算符和使用场景
js位运算符和使用场景文章目录js位运算符和使用场景前言一、(~)按位非(NOT)二、(&)按位与(AND)三、(|)按位或(OR)四、(^)按位异或(XOR)前言这里主要是讲述位操作符和一些常用的使用场景。作为我对位运算符的学习总结。这里有一些前提的知识需要提前拿出来说一下,我们都知道Js存储Number类型,无论是浮点数还是整数,都是采用的双精度存储(64)位,上一篇文章我也提到了,因为位操作符不能操作64位的,所以会先转成32位的整数,我们都知道计算机在存储整数的时候都是以补码的原创 2020-11-30 18:57:20 · 1104 阅读 · 8 评论 -
js浮点数,整数的存储和计算。和0.1+0.2!=0.3的问题
js浮点数的计算和0.1+0.2!=0.3的问题需要掌握的知识前言浮点数在计算机中的存储IEEE标准尾数M指数E浮点数转换为二进制的方法运算总结需要掌握的知识能将十进制的整数或小数换算成二进制并且知道原理知道反码,补码知道二进制加减运算前言最近在读红宝书第四版,对其中的位运算符和js在存取数字的方式,和运算很感兴趣,因为之前不太了解这块,所以我准备把我对这块的理解总结一下,这里主要探究的是js数字类型的存储和运算,并引出一直困扰大家的问题0.1+0.2!=0.3。如有错误欢迎大家指正。浮点原创 2020-11-24 15:04:33 · 794 阅读 · 11 评论