laumlin-CSDN博客

原创 react-native表格自适应

需求背景：react-native的ScrollView组件内嵌入WebView，纵向的FlatList切换item时切换WebView的url。难点：解决WebView和外部ScrollView的滑动冲突<ScrollView> <FlatList /> <WebView /></ScrollView>方案一： WebView的高度...

2020-03-17 17:21:58 599

原创语音播放动效css

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>语音播放动效</title> <style type="text/css"> @keyframes yuying1{ 0%{ hei...

2019-10-09 19:31:04 2593

原创在Chrome DevTools调试node

在记录这篇博文时，自己尝试了很多遍node --inspect index.js开启node调试，可是结果却是在chrome控制台的source中是空的，没有项目的文件，当时很纳闷。第一步启动服务node --inspect index第二步在chrome输入localhost:8000第三步点击上图圆圈的标志打开后发现啥都没有。（我的代码哪去了？）最后让同学试试起一个node...

2019-04-15 21:47:46 1304

原创 vue-native-share

vue-native-sharegithub: https://github.com/Laumlin/vue-native-share使用：npm install vue-native-share一个vue移动端的h5分享组件支持的浏览器：UC浏览器，QQ浏览器，百度浏览器不支持则提示：手动调起浏览器自带的分享面板使用npm i vue-native-share impor...

2019-03-22 18:09:01 3012 4

原创 dva和UmiJs的关系

UmiJS和Dva的关系一、UmiJSumi是一个可插拔的企业级react应用框架。umi以路由为基础的，支持类next.js的约定式路由，以及各种进阶的路由功能，并以此进行功能扩展，比如支持路由级的按需加载。umi的特性：二、dvadva首先是一个基于redux和redux-saga的数据流方案，然后为了简化开发体验，dva还额外内置了 react-router和fetch，所以也可...

2019-02-04 22:21:53 13763

原创 v-if和v-show、display: none和visibility：hidden的区别

v-if指令和v-show指令的区别相同点：都可以控制标签的显隐。不同点：一、实现本质方法区别v-if是动态的向DOM树内添加或者删除DOM元素v-show本质是利用标签的display属性，通过visibility和none控制显隐v-if="false"在DOM不能获取到该标签v-show=false在DOM中仍能获取到该标签二、编译的区别v-show其实是在控制c...

2018-12-17 16:47:15 8362 1

原创 css实现心跳效果

使用css3 animation实现心跳动的效果直接上代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;test&a

2018-12-15 20:54:32 1903

原创 redux-thunk和redux-saga

redux-thunk和redux-saga都是redux的中间件，都是用来处理异步请求的。中间件是指在action与store之间实现某种功能的函数redux-thunk的用法一般redux中action默认值返回对象，不能返回函数（会报错）。redux-thunk正好解决了这个问题，它使得action可以返回函数，一般我们就把异步请求写在函数里。store/index.jsimpor...

2018-12-10 10:52:39 1317

原创 react学习笔记

组件中不想在真实DOM中渲染出多余的父元素标签 import {Fragment} from 'react' render () { return ( &lt;Fragment&gt; &lt;div&gt;hello&lt;/div&gt; &lt;div&gt;world&lt;/div&gt; &am

2018-12-06 10:00:37 123

转载创建一个栈，实现取最小值时间复杂度

问题：如何实现一个栈的方法，它能够返回栈的最小值且时间复杂度为O(1)。今天我们来说说几种解决问题的方式。结合栈的数据结构和先入后出的特点，如果想实现复杂度为O(1)的取最小值的方法，就要把最小值保存起来。而且还要随着出栈，入栈的进行，不断的更新最小值。下面介绍一下我想到的几种方法解法1思路：每次入栈和出栈同时操作两个元素，下面的元素是需要入栈的元素，上面的元素是整个栈的最小元素。在...

2018-12-02 23:00:44 439

原创 MVC与MVVM模式对比

MCVMCV是后端的分层开发概念MVVMMVVM是前端视图层的概念，主要关注于视图层分离，也就是说，MVVM把前端的视图层分为三部分，Model、View、VM(ViewModel)详情可看下图：...

2018-11-27 21:01:35 417

原创 jsonp跨域原理

什么是同源政策？“同源”是指“三个相同”：协议相同域名相同端口相同目的同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。限制范围目前，如果非同源，共有三种行为受到限制。(1) 无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB。(2) 无法接触非同源网页的 DOM。(3) 无法向非同源地址发送 AJAX 请求（可以发...

2018-11-27 15:37:16 595

转载 call、apply和bind的原理

使用模拟实现的方式探究call和apply的原理call作用：call() 方法就是使用一个指定this值和若干个指定参数值的前提下调用摸个函数或方法。`var foo = { value: 1}function bar () { console.log(this.value)}// 如果不对this进行绑定执行bar() 会返回undefinedbar.call(foo...

2018-11-27 14:20:47 525

原创 vue-router

// 字符串router.push('home')// 对象router.push({ path: 'home' })// 命名的路由router.push({ name: 'user', params: { userId: 123 }})// 带查询参数，变成 /register?plan=privaterouter.push({ path: 'register', quer...

2018-11-22 12:38:21 124

原创常用的正则表达式

常用的正则表达式验证邮箱var reg = /^(\w+)(\.\w+)*@(\w+)(\.\w{2,3}){1,3}/验证http或ftp协议var reg = /^(http | ftp):\/\/([^\/\r\n]+)(\/[^\r\n]*)?/实现千分位var reg = /(\d{1,3})(?=(\d{3})+$)/g...

2018-11-21 15:37:15 111

webpack出现的原因模块的加载和传输过程中，若每个模块都请求一个，这样会由于请求次数过多，导致启动速度过慢。若是把所有模块打包成一个文件只请求一次，会导致文件太大，每次请求都会消耗很大的流量。最好的方式是把代码块按块区分，按需进行懒加载，按需懒加载就需要对代码块进行静态分析，编译打包，这就是webpack所要做的工作。webpack的原理对各个模块之间的依赖关系进行静态分析，然后将这些模...

2018-11-18 23:36:18 1587

原创 vue-parcel

关于parcelParcel 是一个前端构建工具，Parcel 官网将它定义为极速零配置的Web应用打包工具。复杂繁琐的 webpack 配置一直是前端项目里的一个痛点，而新一代的“零配置”打包器 parcel 正在解决这个问题。Parcel 的特性快速打包：启用多核编译，并具有文件系统缓存打包所有资源：支持JS，CSS，HTML，文件资源等等 - 不需要安装任何插件自动转换：使用 ...

2018-11-18 21:03:11 195

原创 RDBMS和NOSQL, MongoDB和Mysql区别

名词解释：RDBMS：传统型数据库系统（如：mysql、oracle）NOSQL：非传统型数据库系统（如：mongodb）NOSQL是基于分布式文件存储的分布式系统分布式系统（distributed system）由多台计算机和通信的软件组件通过计算机网络连接（本地网络或广域网）组成。分布式系统是建立在网络之上的软件系统。正是因为软件的特性，所以分布式系统具有高度的内聚性和透明性...

2018-11-16 11:31:43 559

原创浏览器兼容性问题

一、使用meta标签的X-UA-Compatible属性X-UA-Compatible是一个设置IE浏览器兼容模式的属性，在IE8浏览器之后诞生。&lt;meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1&gt;"默认使用Google Chrome Frame进行渲染，如果没有安装gcf则使用IE的最新内核来渲染二、ht...

2018-11-15 21:17:51 149

转载 CDN原理

一、CDN是什么？转载：运维部落8年前，还没有火车票代售点一说，12306.cn更是无从说起。那时候火车票还只能在火车站的售票大厅购买，而我所住的小县城并不通火车，火车票都要去市里的火车站购买，而从县城到市里，来回就是4个小时车程，简直就是浪费生命。后来就好了，小县城里出现了火车票代售点，可以直接在代售点购买火车，方便了不少，全市人民再也不用在一个点苦逼的排队买票了。CDN就可以理解为分布在...

2018-11-09 17:35:06 204

原创 js每隔一秒打印1,2,3,4,5

js怎么每隔一秒打印出数字呢？方法一：自执行函数 for (var i=0; i&lt;5; i++) { (function (i) { setTimeout(() =&gt; console.log(i), 1000*i) })(i) }方法二：传址传递 var out = (i) =&gt; { setTi...

2018-11-07 19:49:09 13417 2

原创图片懒加载

图片懒加载的demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片懒加载</title> <style> ul { list-style-type: n

2018-11-06 16:30:43 101

原创 h5拖拽事件

h5拖拽事件地址demo：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style type="text/css">.containe

2018-11-06 16:23:22 134

原创 vue使用backgroundImage属性

Vue项目中设置背景图片<template> <div class="login-wrap" :style="setBackground"> </div></template><script> export default { data () { return { setBackgro

2018-11-05 17:23:12 7764 1

原创 vue组件中引入bootstrap

vue怎么在单组件中引入局部css文件呢？不影响全局css？下面是在单独的vue文件中引入bootstrap的例子首先介绍一下利用vue的minix方法引入js文件和css文件的方法：const loadExternalAssetMixin = { methods:{ loadLink(src, callback) { if (!(typeof callback ==...

2018-10-18 00:28:02 2716

原创 vue--同步父子组件和异步父子组件的生命周期顺序

关于vue组件的引入方式有两种一、同步引入例子： import Page from '@/components/page'二、异步引入例子：const Page = () =&gt; import('@/components/page')或者： const Page = resolve =&gt; require(['@/components/page'], page)两种引入方...

2018-10-07 10:42:21 3842 1

原创微信jssdk h5分享

使用微信jssdk进行h5分享一、首先，要严格按照微信文档步骤执行前面几个步骤，不然后面你会发现很多莫名其妙的坑。这里主要是4个步骤：JSSDK使用步骤步骤一：绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。备注：登录后可在“开发者中心”查看对应的接口权限。步骤二：引入JS文件在需要调用JS接口的页面引入如下JS文件，（支持https）：http...

2018-09-30 12:45:30 3264

原创 hue4.1.0引进vue.js、axios.js、browser.js

记录hue4.1.0引进vue.js、axios.js、browser.js等由于业务需要引进vue.js、axios.js来修改hue，在这里记录一下hue引进vue.js等js的方法。步骤：首先下载vue，下载地址将下载到本地的vue.js放在目录desktop/core/src/desktop/static/desktop/js/下。在desktop/core/src/deskt...

2018-09-26 23:07:20 667 1

原创 mint-ui swipe进入首屏后防止直接跳到第二张落地页

解决mint-ui的swipe组件在使用中遇到的一个问题，进入首页后，滑动栏从第一页直接滑动到第二个页面，在第一页没有停留。由于录制gif的原因，这里把2当作1，3当作2，一打开页面是，直接从页面2跳到页面3，页面2的停留时间极短。而我们期望的结果是一进入页面时页面是从页面1停留后跳到页面2，再到页面3，这样有序的循环播放，向下面的gif才是正常的。解决方案：:class="{'is-...

2018-09-24 15:22:23 835

原创牛课--前端题

一、封装函数 f，使 f 的 this 指向指定的对象function bindThis(f, oTarget) { return f.bind(oTarget)}二、获取 url 参数 1. 指定参数名称，返回该参数的值或者空字符串 2. 不指定参数名称，返回全部的参数对象或者 {} 3. 如果存在多个同名参数，则返回数组 ...

2018-09-08 11:13:59 232

原创 margin负值的应用

一、圣杯布局和双飞翼布局双飞翼布局&amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;html lang=&amp;amp;amp;amp;quot;en&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt;&a

2018-08-28 23:52:28 180

原创移动端h5原生分享到朋友圈、微博等

结合NativeShare和m-share两个包生成一个vue移动端的分享组件 shareBar.vue&amp;amp;amp;lt;template&amp;amp;amp;gt; &amp;amp;amp;lt;div id=&amp;amp;quot;nativeShare&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;a

2018-08-19 23:18:57 13702

原创 js题目

记录一下自己遇到的一些js题目&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;javascrip

2018-08-15 00:09:49 466

原创微信支付--node作为中间层

微信支付项目的结构是这样的 Django – 后端 Node – 中间层 Vue – 前端一、h5支付整个流程这样的：前端vue向后端django请求一个订单号，再到node层向微信发起统一订单和接受微信支付结果的异步通知，最后从将交易结果返回给django层，将交易记录写入数据库。准备阶段按照文档的要求申请入口：登录商户平台--&amp;amp;amp;amp;gt;...

2018-08-07 22:58:15 895

weixin_39147099的博客