三白学习前端-CSDN博客

原创小程序 swiper -- 间距轮播

swiper 组件只能无缝轮播，所以简单实现一个间距轮播采用 css 实现给swiper-item添加样式，也可手动控制间距，调整paddingswiper-item{ box-sizing: border-box; padding: 0 5vw;}效果如下缺点就是添加了 padding,导致不是全屏宽度的图片...

2021-01-11 22:12:26 635

原创小程序boundingClientRect 不打印数据解决办法

问题描述获取组件的高度信息，以下代码的 console.log是不执行的let query = wx.createSelectorQuery();query.select('.find').boundingClientRect(res => { console.log(res.height); })解决办法 exec()在代码最后再调用 exec()方法，即可打印数据let query = wx.createSelectorQuery();query.select('.f

2021-01-04 10:31:05 1257

原创 redux---react-thunk---react-redux 学习笔记

Redux由Flux演变而来，作为状态容器，提供可预测的状态管理。跨组件，多层级组件，想要需要共享的数据，可以使用。能不用尽量不用。redux 库可以脱离 React 应用使用。安装Redux- DevToolschrome 商店收索 redux dev 即可安装。安装之后还不可以使用。创建 store 时，添加以下代码window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

2020-05-21 11:35:34 286 1

原创 vue props 传递函数

Props的type是函数通过 props 传递函数看看有啥用。// 父组件</template> <div> <children :add='childrenClick'></children> <p>{{countF}}</p> </div></template>...

2020-04-30 20:27:06 12555

原创 Input file 上传文件

Input file 上传文件介绍<input> type 类型为 file 的 input 元素使得用户可以选择一个或多个元素以提交表单的方式上传到服务器上，或者通过 Javascript 的 File API 对文件进行操作属性accept属性该属性表明了服务器端可接受的文件类型，可以限制你手机选择相关的文件，如果限制多个，可以用逗号分割。accept 属性接受一个逗号...

2020-03-08 18:50:40 8035

原创 vue - EventBus

vue – 事件总线 EventBusEventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为组件传递数据的桥梁的，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的灾难，因此才需要更完善的Vuex作为状态管理中心，将通知的概念上升到共享状态层次。官方推荐的状态管...

2020-02-08 18:25:30 462

原创对原生 js 的学习和积累

javascript 原生方法学习积累节点属性的设置和获取属性设置可以直接在标签上设置<div name='i am div'></div>通过 element.setAttribute(‘属性名’,‘属性值’)，设置指定元素上的某个属性值。如果属性已经存在，则更新该值；否则，使用指定的名称和值添加一个新的属性。element.setAttribut...

2020-01-21 17:58:57 237

原创小白学习 vue 插槽 slot

vue 插槽 slot个人理解个人感觉，为同一组件在不同的情况添加不同的内容，不需要专门修改组件，就像 java 的多态，来提高复用性。比如: 就像一块基础设施完备的土地，给你划分好区域，只要这个位置没有归属权(name)，房子随便盖。我们可以理解 slot 为占住当前的位置，方便我们插入内容。Vue 的插槽分为匿名插槽（单个插槽/默认插槽）、具名插槽、作用域插槽(带数据的插槽...

2020-01-18 12:57:04 333

原创 vue-router 学习路程中的发现和积累

路由导航vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航(相当于一个保安)。我们需要通过路由来进行一些操作，比如最常见的登录权限验证，当用户满足条件时，才让其进入导航，否则就取消跳转，并跳到登录页面让其登录。为此我们有很多种方法可以植入路由的导航过程：全局的, 单个路由独享的, 或者组件级的。注：参数或查询的改变并不会触发进入/离开的导航守卫 (你可以通过观察 $ro...

2020-01-14 17:30:11 324

原创 Hexo next主题博客搭建及美化

转载及引用hexo主题配置一 hexo主题配置二 hexo主题配置三 hexo主题配置四 hexo主题配置五 Hexo博客提交百度和Google收录 hexo个人...

2020-01-04 11:27:32 1647

原创 button 和 input 的submit ，reset的区别

引用及转载表单提交：button input submit 的区别form 中的 buttonbutton 有type 和 value属性。type 属性的取值 submit, reset 或者 button 并且与 input 对应类型有同样的行为。Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是 “submi...

2019-12-29 16:58:40 2450

原创 Generator 函数的简单学习

Generator 函数学习一，Generator(生成器) 函数的理解二， yield 表达式三，next方法四，for...of循环五，yiled* 表达式转载及引用ECMAScript 6 入门Generator函数语法解析一，Generator(生成器) 函数的理解Generator 函数是协程在 ES6 的实现，最大特点就是可以交出函数的执行权（即暂停执行）。语...

2019-12-16 09:56:20 386

原创 JacaScript task queues 任务队列

task queues 任务队列标题非常感谢各位博主的博客，很多都是我复制过来的，抱歉了。由于看了很多的博客，很多博主没有记住，没有写你们的链接，在此引用了你们的文章，希望谅解。从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理JavaScript 异步、栈、事件循环、任务队列JavaScript 中的 task queuesJavaScript 运行机制详解：再谈Event...

2019-12-09 10:01:04 249

原创 Vue学习之路-补充

推荐一些好的博客文章不知道是不是原创的1. Vue组件选项props介绍主要是看 props 的修改数据流连接：https://www.cnblogs.com/xiaohuochai/p/7388866.html)

2019-08-14 10:00:17 111

转载 vuex 学习补充

Vuex 的 getters的第二参数getter 也可以接受其他的 getter 函数作为第二个参数getters: { // ... doneTodos: state => {//通过方法访问 return state.todos.filter(todo => todo.done) // -> 1 }, doneCount: (...

2019-08-12 16:35:18 124

转载 vue之vuex学习

vue入门学习vuex介绍vuex 安装功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入vuex介绍官网介绍...

2019-08-11 19:24:03 182

转载前端less学习笔记之最后杂记

前端less最后的学习笔记一，引入文件：二. 方法使用 !impotrant ：三. 条件表达式四.不定参数五. 循环六.属性拼接：将多条属性合并为一条七.避免编译八. 继承：学习总结并转载自[https://juejin.im/post/5a2bc28f6fb9a044fe464b19#heading-6] 和 [https://hackycy.github.io/2019/04/15/Les...

2019-07-07 17:01:17 549

转载前端less学习笔记之混合（mixins）

前端less学习笔记less混合一. 普通混合(无参数混合)二. 带多个参数三. 默认参数混合四. 命名参数五.@arguments变量：代表所有可变参数六. 匹配模式：定义一个字符，使用时加上那个字符，就调用相应的规则七. 得到混合中变量的返回值：通过计算来获取值八. 命名空间：有时混合中嵌套了比较多的规则，而我们只需要其中一部分，可使用命名空间获取九. 10.多个相同混合：定义多个具有相同名称...

2019-07-07 11:49:12 363

转载前端less学习笔记之嵌套

学习总结并转载自[https://juejin.im/post/5a2bc28f6fb9a044fe464b19#heading-6] 和 [https://hackycy.github.io/2019/04/15/Less入门/]嵌套规则less的嵌套规则类似HTML的结构，使得CSS代码清晰注意： less嵌套可以添加CSS选择器less写法： ...

2019-06-28 17:26:46 212

转载前端less学习笔记之变量

前端less学习笔记less变量声明变量的作用变量运算变量作用域用变量去定义变量less的变量延迟加载学习总结并转载自[https://juejin.im/post/5a2bc28f6fb9a044fe464b19#heading-6] 和 [https://hackycy.github.io/2019/04/15/Less入门/]less变量声明Less 的一个主要功能就是可以让你像在其它...

2019-06-27 21:11:10 321

qq_39085060的博客