- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Taro Reacti native 实现九宫格抽奖
Taro Reacti native 实现九宫格抽先上效果图说明因为这是中间按钮点击抽奖，所以实际奖品只有8个。详细注释都在代码中写了注释state = {//这是奖品，只有8个，图是我在网上找的 LotteryData: [ { url:"https://m.renrendai.com/cms/59bb80994eac411e88fe8a9b/app/...
2020-04-29 15:43:11
696
原创 【css】各个字号大小对照表
中文字号英文字号（pt）毫米（mm）像素（px）1英寸72pt25.30mm95.6px大特号63pt22.14mm83.7px特号54pt18.97mm71.7px初号42pt14.82mm56px小初36pt12.70mm48px一号26pt9.17mm34.7px小一24pt8.47mm32px二号22pt7.76mm29.3px小二18pt6.35mm24px三号16pt5.64mm21.3px小三15pt5.29mm20px四号14pt4.94mm18.7px小四12pt4.23mm16px五号1
2021-12-14 13:49:38
7962
原创 Bootstrap Table API 中文版 说明文档
<table id="bootstrap-table"></table> $("#bootstrap-table").bootstrapTable('destroy').bootstrapTable({})###表的各项(Table options )名称属性类型默认值作用描述-data-toggleStringtable只要引入 jquery、bootstrap 、bootstrap-table的包，不用在js里面定义就可以使用默认有写data-toggle=”...
2021-11-22 15:49:00
1343
原创 laydate设置起始时间，laydate设置开始时间和结束时间
laydate设置开始时间后，结束时间不可小于已选择的开始时间laydate设置结束时间后，开始时间不可小于已选择的结束时间 var startDate = laydate.render({ elem: '#startDay',//开始时间选择控件id max: $('#endDay').val(), type: 'date', value: $('#startDay').val(),
2020-09-15 13:45:27
2297
原创 google浏览器调试工具自定义网速设置网速
谷歌浏览器如何调整当前网速1.如图，打开浏览器，按下 F12 找到Network。2.点击Online就可以设置网速了也可以自己增加，点击Add…就可以自己设置网速了
2020-07-24 14:30:34
2364
原创 JS获取当前时间并格式化
JS获取当前时间并格式化formatter (thistime, fmt) { let $this = new Date(thistime) let o = { 'M+': $this.getMonth() + 1, 'd+': $this.getDate(), 'h+': $this.getHours(), 'm+': $this.getMinutes(), 's+': $this.getSecond
2020-07-24 14:24:52
947
原创 修改element-ui源码
第一步:克隆:git clone https://github.com/ElemeFE/element.git第二步:安装依赖:cnpm install第三步:修改你需要修改的组件源码第四步:cnpm run dist命令执行完毕以后，会产生一个lib文件第五步:把产生的lib文件夹整个复制到自己项目中的node_modules>element-ui下，直接替换掉之前的lib文件第六步:查看是否生效...
2020-06-21 00:08:42
661
原创 Js面向对象的几种方式
1.对象的字面量 var obj = {}2.创建实例对象 var obj = new Object();3.构造函数模式 function fn(){} , new fn();4.工厂模式：用一个函数，通过传递参数返回对象。function fn(params){var obj =new Object();obj.params = params; return obj;},fn(params);5.原型模式：function clock(hour){} fn.prototype.hour = 0;
2020-06-20 22:46:05
228
原创 vue中如何深度监听一个对象？
大家都知道，Vue项目中对数据的监听，提供了一个很好的钩子watch，watch可以极其方便的监听我们常用数据类型值的变化，但通常当我们想监听一个对象中，某个属性值的变化时，很难达到我们预期的效果。那么如何实现对象属性的深度监听呢？1.vue中提供了在watch监听时设置deep:true 就可以实现对对象的深度监听;demo: watch监听时设置deep:true直接监听对象–代码如下：watch:{ obj:{ //监听的对象 deep:true, //深度监听设置为 true
2020-06-19 17:54:18
1421
原创 简单概括浏览器事件模型，如何获得资源dom节点
事件模型在各种浏览器中存在三种事件模型:原始事件模型( original event model),DOM2事件模型,IE事件模型.其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持。浏览器事件模型分为三个阶段1、捕获阶段2、目标阶段3、冒泡阶段Dom节点获取方法1．通过id属性获取 document.getElementById()2．通过name属性获取 document.getElementsByName()3．通过标签名获取 d
2020-06-19 17:42:28
265
原创 什么是闭包（closure）为什么要用它
对闭包的理解闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。闭包的特性：1.函数内再嵌套函数2.内部函数可以引用外层的参数和变量3.参数和变量不会被垃圾回收机制回收<ul id="testUL"> <li> index = 0</li> <li> index = 1</li>
2020-06-19 17:39:52
330
原创 JS中面向对象和面向过程的区别
前言要搞懂面向对象和面向过程的区别，我们首先要了解什么是面向对象。什么是面向过程。面向对象面向对象的方法主要是把事物给对象化，包括其属性和行为。面向对象编程更贴近实际生活的思想。总体来说面向对象的底层还是面向过程，面向过程抽象成类，然后封装，方便使用就是面向对象（万物皆对象）。面向过程面向过程是一种以过程为中心的编程思想。这些都是以什么正在发生为主要目标进行编程，不同于面向对象的是谁在受影响。与面向对象明显的不同就是封装、继承、类。简写为POP之前在那篇博客上看到这个比喻，觉得特别恰当，挺容
2020-06-19 17:36:43
1646
原创 vue组件间通信
前言组件是vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以组件可以有以下几种关系；如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、$parent / $children、$attrs/$listen
2020-06-17 17:35:46
93
原创 Vue系列常用的知识点整理
一、对于MVVM和MVC的理解？MVVMMVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model
2020-06-15 15:45:56
538
原创 最常用的数组去重方法
数组去重常用的数组去重方法一、利用ES6 Set去重（ES6中最常用）function unique (arr) { return Array.from(new Set(arr))}var arr = [1,2,3,4,4,2,3,1,4,5,2,3,1];console.log(unique(arr))二、利用for嵌套for，然后splice去重（ES5中最常用）function unique(arr){ for(var i=0; i<
2020-06-10 16:54:54
186
原创 Taro新手上路（脚手架），项目结构
简介Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编...
2019-11-25 17:15:45
1116
原创 swiper出现划不动解决办法
直接上代码html部分// HTML<div className="swiper-container swipertwo"> <div className="swiper-wrapper two"> {home.types.map(item=> <div className="swip...
2018-12-26 11:57:52
6227
原创 JS实现显示隐藏滑到顶部
直接上代码html部分// HTML <span id="backUp">返回顶部</span>有些人用的时候或许会使用a标签个人建议不要使用a标签，可以换个别的标签。因为a标签会刷新页面。js部分// An highlighted block<script> //点击按钮返回顶部 $('#backUp').click( fu...
2018-12-11 11:38:46
433
HTML5面试题面试整理（含答案）最新版.docx
2020-06-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人