口袋有块巧克力-CSDN博客

原创布局中浮动的使用

个人是个前端职场小白，只是想将自己理解的内容与大家分享。希望对大家有用。谢谢！浮动布局1. 浮动流是一种“半脱离标准流”的排版方式浮动流只可设置水平排版，包括float:left和float:right两种方式。注意: 1）浮动流中没有居中对齐这一功能； 2）浮动流会使块元素的margin：0 auto属性失效。2. 在浮动流中不区分块元素，行内元素和行内元素在浮动流中，无论你是块元素，行内元素还是行内元素都可以设置宽高。在标准流中，行内元素是无法设置高度的。3. 浮动元素会

2020-06-08 20:07:21 1224 3

原创【无标题】

I. Mousetrap.bindbind方法是您将要进行的主要调用。这会将指定的键盘命令绑定到回调方法。单键Mousetrap.bind('/', _focusSearch);您可以使用第三个参数来指定要侦听的事件类型。它可以是keypress，keydown或keyup。如果您不确定，建议您退出此论点。捕鼠器将查看您绑定的键，并确定它是否应默认为keypress或keydown。键的组合Mousetrap.bind('ctrl+s', function(e) {

2022-04-08 16:41:48 240

原创 vuex中为什么要建一个mutation-type.js文件?

你可以不用mutation-types.js。直接在mutations.js中映射相关的方法过来使用，比如下面的demo:// mutations.jsconst INCREASE = 'INCREASE'export default { [INCREASE] (state,data) { state.music.num++; }} 使用mutation-types.js的话是为了方便管理,想一下，一大堆的功能模块混合在一起，那得是多糟糕啊。方便管理的dem

2021-12-08 10:23:05 715

原创 vuex中mutations常量加中括号的写法解析

经常在项目中遇到这样的写法：[SOME_MUTATION] (state) { // mutate state}在es6中字面量定义对象时，用表达式作为对象的属性名，把表达式放在方括号内const SOME_MUTATION = 'SOME_MUTATION'var mutations = {}mutations[SOME_MUTATION] = function (state) { // mutate state}//相当于对象的属性打点调用和中括号调用...

2021-12-08 10:17:27 486

原创 h5与小程序互相跳转，传参和获取参数

1、h5跳转到小程序首先引入js文件<script src="https://h5.ssl.test.yooread.com.cn/correctionResults?id=1784205529187409920"></script>跳转方法①跳转到小程序内页wx.miniProgram.navigateTo({ url: '/pages/content/content', //url: '/pages/content/content?id

2021-06-09 10:46:17 2332 1

原创制作属于自己的generator脚手架

gennerator 的脚手架方式yo命令官网地址：`https://yeoman.io/yoyeoman 制作脚手架命令安装 npm install -g yoyo 命令的作用是制作脚手架命令查看版本号 yo --version安装如下图:制作脚手架generater-generator 可以制作脚手架工具npm install -g generator-generator如下图:生成脚手架工具yo gennerator-脚手架名称生成如下图制作中配置项目解释当出现

2020-09-05 16:43:48 232

原创 vue-router各个属性的作用及用法

vue-router是vue单页面开发的路由，就是决定页面跳转的！1、to表示目标路由的链接。当被点击后，内部会立刻把to的值传到router-push()。<router-link :to="‘home‘">Home</router-link><router-link :to="{ path: ‘home‘ }">Home</router-link>//命名路由<router-link :to="{ name: ‘user‘, para

2020-08-10 21:50:03 1340

原创 ES6常见面试题总结

1、es5和es6的区别，说一下你所知道的es6ECMAScript5，即ES5，是ECMAScript的第五次修订，于2009年完成标准化ECMAScript6，即ES6，是ECMAScript的第六次修订，于2015年完成，也称ES2015ES6是继ES5之后的一次改进，相对于ES5更加简洁，提高了开发效率ES6新增的一些特性：1）let声明变量和const声明常量，两个都有块级作用域ES5中是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明2）箭头函数ES6中的函数定

2020-07-29 21:02:59 366

原创实现深拷贝的各种方法

实现深拷贝的各种方法：1.使用ES6的语法:var a=[1,2,3]var b=[...a]b.push(4);console.log(b);//1,2,3,4console.log(a)//1,2,32.使用concat()方法:var a=[1,2,3]var c=[];var b=c.concat(a);b.push(4);console.log(b);//1,2,3,4console.log(a)//1,2,33.使用slice()方法:var a=[1,2,3]

2020-07-28 21:11:13 442

原创 100 个网络基础知识普及(下)

51）当您希望在不同平台（如 UNIX 系统和 Windows 服务器之间）传输文件时，可以应用什么协议？使用 FTP（文件传输协议）在这些不同的服务器之间进行文件传输。这是可能的，因为 FTP 是平台无关的。52）默认网关的使用是什么？默认网关提供了本地网络连接到外部网络的方法。用于连接外部网络的默认网关通常是外部路由器端口的地址。53）保护网络的一种方法是使用密码。什么可以被认为是好的密码？良好的密码不仅由字母组成，还包括字母和数字的组合。结合大小写字母的密码比使用所有大写字母或全部小写字母的

2020-07-17 22:38:38 571

原创 100 个网络基础知识普及(上)

1）什么是链接？链接是指两个设备之间的连接。它包括用于一个设备能够与另一个设备通信的电缆类型和协议。2）OSI 参考模型的层次是什么？有 7 个 OSI 层：物理层，数据链路层，网络层，传输层，会话层，表示层和应用层。3）什么是骨干网？骨干网络是集中的基础设施，旨在将不同的路由和数据分发到各种网络。它还处理带宽管理和各种通道。4）什么是 LAN？LAN 是局域网的缩写。它是指计算机与位于小物理位置的其他网络设备之间的连接。5）什么是节点？节点是指连接发生的点。它可以是作为网络一部分的计算机

2020-07-17 22:33:51 240

原创弹性布局display：flex 的十二个属性(二)

2.作用于子项目中的6大属性1.order属性：定义：项目中的排列顺序。数值越小，排列越靠前。默认值为0；2.flex-grow属性:定义：项目的放大比例。默认值是0；即如果存在剩余空间，也不放大；3.flex-shrink属性：定义：项目的缩小比例，默认值是1，即如果空间不足，该项目将缩小；4.flex-basis定义：项目占据的株洲空间。（如果主轴方向为水平方向，则设置这个属性，相当于设置项目的宽度。原来的【width】将会失效）；5.flex属性是flex-grow，flex-shrink和

2020-07-16 19:53:46 329

原创弹性布局display：flex 的十二个属性

display：flex 的十二个属性6个作用于父容器，6个作用于子项目1.作用于父容器的6个属性：1.flex-direction属性：决定主轴的方向row（默认值）：主轴为水平方向，起点在左端<head> <meta charset="utf-8"> <title>弹性布局</title> <style> .div{ width: 1300px;

2020-07-16 19:48:35 935

原创 javascript正则表达式截取字符串

一、javascript正则表达式的基本知识1 javascript 正则对象创建和用法声明javascript 正则表达式var reCat = new RegExp(“cat”);你也可以var reCat = /cat/; //Perl 风格（推荐）2 学习最常用的 test exec match search replace split 6个方法1） test 检查指定的字符串是否存在var data = “123123″;var reCat = /123/gi;alert(r

2020-07-16 19:25:42 3885

原创 js的防抖动与节流

针对一些会频繁触发的事件如scroll、resize，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能。因此针对这类事件要进行防抖动或者节流处理防抖动它的做法是限制下次函数调用之前必须等待的时间间隔。正确实现 debouncing 的方法是将若干个函数调用合成一次，并在给定时间过去之后仅被调用一次// 将会包装事件的 debounce 函数function debounce(fn, delay) { // 维护一个 timer let timer = nu

2020-07-13 22:21:14 194

原创 Dom的事件模型、事件冒泡、阻止冒泡和事件委托

什么是事件模型Dom标准的事件模型：当事件发生时，其实会经历三个阶段！由外向内的捕获阶段：从Dom树根节点开始，到当前点击的元素位置，遍历并记录当前元素各级父元素上绑定的事件处理函数，这个阶段只是记录并不触发。目标触发阶段：优先触发当前点击元素的处理函数。冒泡执行阶段：按捕获阶段记录的各个父元素上的事件处理函数顺序，由内到外的反向的触发各级父元素上的事件。如图所示看个例子<!DOCTYPE html><html lang="en"> <head>

2020-07-09 23:37:26 279

原创闭包和她家人们的概念理解!

闭包闭包：是指那些能够访问自由变量的函数。自由变量：是指在函数中使用的，但既不是函数参数也不是函数的局部变量的变量。即闭包共有两部分组成：闭包 = 函数 + 函数能够访问的自由变量如下例子：var a = 1;function foo() { console.log(a);}foo();foo 函数可以访问变量 a，但是 a 既不是 foo 函数的局部变量，也不是 foo 函数的参数，所以 a 就是自由变量。这样看来数 foo + foo 函数访问的自由变量 a 就是构成了

2020-07-09 21:59:50 101

原创 js中面试的概念性问题

1.什么是作用域?作用域:变量的运行环境。作用域可分为全局作用域和局部作用域。全局作用域：会在网页打开时创建，在网页关闭是销毁。在全局作用域中有一个全局对象window，创建的变量都会以window对象的属性保存，创建的函数会以函数的方法保存。局部作用域：会在函数执行前创建，函数执行完销毁。每调用一次函数就会创建一个局部作用域，他们是相互独立的；在局部作用域中可以访问全局作用域的变量，但是全局不可以访问局部。2.什么是闭包？有什么优缺点？闭包是函数内部返回的一个函数，在函数中创建的AO在函数执行

2020-07-08 20:14:23 130

原创 js中arguments的用法

js中arguments的用法了解arguments这个对象之前先来认识一下javascript的一些功能：其实Javascript并没有重载函数的功能，但是Arguments对象能够模拟重载。Javascrip中每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，可以用数组下标的方式"[]"引用arguments的元素。arguments.length为函数实参个数，arguments.callee引用函数自身。arguments他的特性和使用方法特性：1.arg

2020-07-08 10:30:00 296

weixin_46412436的博客