3 bigFace2019

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 2w+

webpack笔记

webpack笔记

2020-09-21 23:25:49

HTML中的attribute属性和JavaScript中的property属性

attribute:是HTML标签上的某个属性,如id、class、value等以及自定义属性,它的值只能是字符串,关于这个属性一共有三个相关的方法,setAttribute、getAttribute、removeAttribute;注意:在使用setAttribute的时候,该函数一定接收两个参数,setAttribute(attributeName,value),无论value的值是什么类型都会编译为字符串类型。在html标签中添加属性,本质上是跟在标签里面写属性时一样的,所以属性值最终都会编译为字符.

2020-09-16 21:52:10

css定位和盒模型

css定位和盒模型1. float和absolute脱离文档流:2.BFC全称是Block Formatting Context,即块格式化上下文。3.flex 的核心的概念就是 容器 和 轴。1. float和absolute脱离文档流:使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。而对于使用absolute :position脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它2.BFC全称是Block Formatting Con

2020-09-16 21:25:55

字符串和数组操作

1.call和apply,为什么要用这个。(修改this指向,在arguments中使用时可以使用数组的方法)2.后端传入参数是字符串"function a(){console.log('111')}",怎么变为函数function a(){console.log('111')}和执行代码。使用new Function()来实现函数(只是是匿名函数),使用eval可以让传入的字符串变为执行代码。3.后端传入字符串"[1,2,3]",怎么变为变为[1,2,3]首先用字符产slice截掉前后变为

2020-09-14 22:41:57

(前端编程题:(手撕代码)

前端编程题:1.节流和防抖函数节流:一个函数执行一次后,只有大于设定的执行周期后才会执行第二次防抖函数:一个需要频繁触发的函数,在规定时间内,只让最后一次生效,前面的不生效。2.深拷贝1.节流和防抖函数节流:一个函数执行一次后,只有大于设定的执行周期后才会执行第二次function throttle(fn, delay) { // 记录上一次函数触发的时间 var lastTime = 0; return function() { // 记录当前函数触发的时间

2020-08-17 00:15:31

vue.js来写公共组件

vue.js来写公共组件

2020-08-08 13:52:35

vue深入响应式原理

vue深入响应式原理

2020-08-03 00:01:52

vue2.0无限滚动加载数据插件

vue2.0无限滚动加载数据插件做vue项目用到下拉滚动加载数据功能,由于选的UI库(element)没有这个组件,就用Vue-infinite-loading 这个插件代替,使用中遇到的一些问题及使用方法,总结作记录!安装:npm install vue-infinite-loading –save引入ES6import InfiniteLoading from 'vue-infinite-loading';export default { componen.

2020-08-02 22:38:35

用ui组件总免不了需要对它做一些个性化定制的需求,所以我们就要覆盖element的一些样式。

用ui组件总免不了需要对它做一些个性化定制的需求,所以我们就要覆盖element的一些样式。首先我们要了解一下vue scoped是什么,很多人非常喜欢用scoped,其实scoped也没有很神秘的,它就是基于PostCss的,加了一个作用局的概念。 //编译前 .example {color: red;}//编译后.example[_v-f3f3eg9] {color: red;} 它和我们传统的命名空间的方法避免css冲突没...

2020-07-31 23:44:59

javascript设计模式

javascript设计模式简单工厂模式单例模式代理模式简单工厂模式单例模式代理模式

2020-07-26 23:49:53

在js中想要使用vue中vuex的state和mutation

在js中想要使用vue中vuex的state和mutation首先引入store(也就是通常的vuex的出口)import store from '../store'然后使用store.state.xxx或者引入:import {myMethod} from store.mutations然后调用:store.commit(myMethod,param);...

2020-07-17 00:35:42

echarts 折线图和柱状图叠加

1,echarts画折线图,重叠折线图。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>第一个 ECharts 实例</title> <!-- 引入 echarts.js --> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"&g

2020-07-16 00:50:05

vue中的方法传递使用:和@传递有什么区别

vue中的方法传递使用:和@传递有什么区别

2020-06-29 22:46:39

vue+mockjs模拟数据以及list分页功能

vue+mockjs模拟数据以及list分页功能msyrrr关注0.1442019.06.01 10:30:30字数 132阅读 2,317第一步:安装mockjsnpm install mockjs --save-dev第二步:创建 mock.js 文件//mock.js 文件import Mock from 'mockjs' // 引入mockjsconst Random = Mock.Random // Mock.Random 是一个工具类,用于生成各种随机数

2020-06-24 01:01:57

使用npm下载依赖的几种方式

使用npm下载依赖的几种方式我们下载依赖的使用,有些依赖是在开发环境和生产环境都要使用,比如jquery这种是两种环境都必须的,所以需要安装在开发阶段(依赖在dependencies中),对于调节格式的eslint就只是在开发环境中需要,但是在生产环境中用不到(开发环境大部分代码都是压缩代码),所以就只是安装在生产环境即可(dev模式)。例如下载babel-plugin-import这个依赖1.下载为开发阶段使用的依赖npm i babel-plugin-import -D也可以使用完

2020-06-24 00:22:03

利用openlayer6中实现:图层级别1-4使用热力图,图层5-7使用点图层表示,高于7使用图标图层表示

利用openlayer6中实现:图层级别1-4使用热力图,图层5-7使用点图层表示,高于7使用图标图层表示分三层:三个图层,实际上是利用同一组坐标数据,不同层级表现形式不同<!doctype html><html lang="en"><head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6

2020-06-22 00:49:19

js+css布局和使用

js+css布局和使用1 美团外卖app部分布局讲解:2.使用js实现:将数据获取之后渲染到dom上3.底部的三个链接,可以实现跳转,同时跳转之后底图图标颜色会发生相应变化。1 美团外卖app部分布局讲解:2.使用js实现:将数据获取之后渲染到dom上比如针对:首先数据是从外部获取,所以要获取数据之后,在js中使用for循环来生成dom树的字符串,然后追加到完整的dom树上。(function () { //字符串模板 var temStr = '<div class="ca

2020-06-14 21:32:25

转载:css选择器的问题:两个类选择器连在(挨着)一起是什么意思?

例如: .ui.item {....}和 .ui .item {....}还有 .ui > .item {....}第一个匹配: <div class="ul item"></div>;无法匹配:<div class="ul"></div> 和 <div class="item"></div>;第二个匹配:<div class="ul"><div class="item"></div>&lt

2020-06-14 21:05:26

vue中使用layui弹框layui-layer

vue中使用layui弹框layui-layer1.在vue中引入layui-layer2.引入jquery3,使用4.运行1.在vue中引入layui-layernpm i --save layui-layer2.引入jquery <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>3,使用<template> <div class="hel

2020-06-11 22:26:18

理解 JavaScript 的 async/await

转载:https://segmentfault.com/a/1190000007535316理解 JavaScript 的 async/awaitasyncjavascriptpromise发布于 2016-11-192020-06-04 更新JavaScript 中的 async/await 是AsyncFunction 特性中的关键字。目前为止,除了 IE 之外,常用浏览器和 Node (v7.6+) 都已经支持该特性。具体支持情况可以在这里查看。我第一次看到 asy...

2020-06-11 22:12:33

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。