自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 Vue源码一行行分析(一)整体分析

一、前言 Vue的项目也已经做了四五个了,虽然已经能够基本的做项目,但是要知其然,知其所以然,所以今天来研究一下源码,虽然自己前面也断续了看了一下源码, 但是你懂得,看源码真的看得头痛,所以就放弃了很多次,今天,就开始写这一部分,一则是为了记录自己的学习,以供自己的成长,以及后续的回顾,避免走弯路...

2020-01-14 11:16:32 212 0

原创 uni-app自定义底部tabbar

1、前言 因为业务需要,使用uni-app来做小程序,但是底部icon太大了,完全不符合要求,本来看文档找到了下图的属性,以为可以改变大小,但是实验之后,查了资料,只支持App,小程序完全不起作用,所以只有自定义吧,然后又在插件市场找插件,才发现这市场是什么玩意,插件市场的东西太烂了,很多bug,...

2020-04-18 16:35:09 178 0

原创 Vue源码一行行分析(二)双向绑定原理

今天来一步步实现Vue双向绑定,先引入一张的图片,此图片来源,他这篇文章写得挺好的,大家可以去看看(我写这篇文章的主要目的就是记录一下自己模仿Vue的写法,以供后面回忆,可能知识量还没有达到,不是很好表述,所以直接上代码,代码里有注释,完全是按照vue.js的写法来写的,我只是按照自己的思路,先实...

2020-01-15 11:22:51 38 0

原创 flutter使用ListView没有顶部对齐

flutter使用ListView之后,后空出一部分来,比如下图的框中部分,我想的是吧登录后享受更多优惠这一行顶部对齐。解决方法在下方 解决方法: 将ListView的上padding设置为0之后就可以,在ListView下加入下面属性 ListView( padding: EdgeInsets...

2020-01-09 17:02:51 178 0

原创 flutter错误之 The method '>' was called on null

如下方的报错,一般是ListView出错了 ════════ Exception caught by rendering library ═════════════════════════════════ RenderBox was not laid out: RenderFlex#c1bcd ...

2020-01-09 16:48:14 1472 0

原创 flutter之从零搭建小米商城APP(四)http封装(dio)

1.添加依赖 根目录下找到pubspec.yaml,这里用的dio,还蛮好用的,自己去dio官网找到版本,填上去保存就会自动下载 2.封装Http 根目录新建http文件夹,新建index.dart文件 index.dart import 'package:dio/dio.dart&...

2020-01-07 15:20:07 164 0

原创 flutter之从零搭建小米商城APP(三)首页的搭建

1.公共组件HeaderNav 下面是HeaderNav.dart import 'package:flutter/material.dart'; class HeaderNav extends StatefulWidget { final Container left...

2020-01-07 15:11:19 145 0

原创 flutter之从零搭建小米商城APP(二)底部导航菜单

1.去除debug banner 什么是debug banner,如下图,当然是这个讨厌的东西,碍眼 如下图所示,打开调试之后会出现这个,前四个就不讲,闪电,热加载(hot reload),倒数第三,重新启动项目,倒数第二,停止项目,倒数第一,会打开一个web网页,Dart Devtools ...

2020-01-07 14:52:28 132 0

原创 flutter之从零搭建小米商城APP总纲

一、前言 入手flutter,真的脑壳痛,因为文档讲的太简单了,意思是没例子,就属性告诉你,用法不知道用,然后文档写的对新手真的太难了,完成不是一步步让你去了解,所以心情是一边百度谷歌,一边骂,然后就光看文档你根本就学不到啥,所以要做点东西,就入手小米商城APP,做一个简易版的,因为刚做,先来个最...

2020-01-07 14:33:42 68 0

原创 flutter之从零搭建小米商城APP(一)项目结构

1.准备工作 1)安装环境准备 官网环境搭建,我这里是windows环境,这一步是安装flutter SDK,配置环境变量,安装安卓虚拟机什么的,挺详细的,自行安装吧,注: 下载的时候Flutter要求翻墙的,要不能会安装失败,所以翻墙了最好,没有翻墙的话,上面也有介绍,自己按步骤来吧。 2)配置...

2020-01-07 14:31:02 148 0

原创 Vuex源码分析

一、前言 我们都知道,vue组件中通信是用props进行父子通信,或者用provide和inject注入的方法,后者类似与redux的porvider,父组件使用,包含在里面的子组件都可以使用,provide/inject用法看我的博客(provide/inject用法),provide/inde...

2020-01-02 16:17:06 355 0

原创 解决使用react-native-swiper报错问题

安装引入react-native-swiper之后,会出现ViewPagerAndroid has been removed from react-native的bug,解决如下: 先卸载react-native-swiper npm uninstall react-native-swiper /...

2019-12-16 14:04:02 65 0

原创 react-native之TabNavigator引入react-native-vector-icons

一、前言 react-navigation的版本号为6.6.0 二、效果 三、安装 网上很多TabNavigator的例子太老了,先看下方代码 import React from 'react' import { createAppContainer } from '...

2019-12-13 17:36:04 42 0

原创 React+Typescript构建移动端网易云音乐

项目地址,如果对您有帮助的话,请帮我点一个star,万分感谢 (首先感谢提供 接口该github库提供网易云API) 1、项目介绍(图片未加载成功,建议翻墙) 1)说明:本系统为react+typescript构建移动端网易云音乐 2)所用技术 react+typescript+axios+sas...

2019-12-11 16:25:37 87 0

原创 纯JS监听滚动到底部

document.addEventListener('scroll', function() { let ele = document.documentElement; // 获得html let scrollTop = ele.scrollTop; // 向上滚动的...

2019-12-11 13:39:40 45 0

原创 React之网易云音乐(实现唱片滚动以及lrc歌词滚动效果)

如下图所示,这里没有gif的图,反正效果就是唱滚动,相应的下方的歌词滚动,使用react实现,歌词是lrc,那么lrc的格式是什么样的,下面会放出图片 lrc格式 实现如下: 1.获取歌词以及处理 public async getLyric(id: number) { // 获得歌词 ...

2019-12-06 11:53:03 232 0

原创 vue封装axios,elementUI正在加载loading(解决多个接口,一次loading的问题)

原理:设置一个计数,开始调用为0,展示正在加载中,多个接口一起调用,累加,调用一个接口完成减1,当减到0时,完成最后一个接口调用,关闭正在加载中遮罩。 代码实现如下: import { Message, Loading } from 'element-ui'; import _...

2019-11-27 16:20:47 844 0

原创 vue-cli3.0用cdn引入element-ui

一般项目编写完成,打包的文件都挺大的,所以吧那些常用不会改变的采用cdn引入,减小包的体积,本例子使用的是vue-cli3.0,先在vue.config.js配置externals config.externals = { Vue: "Vue", V...

2019-11-27 15:56:08 1256 0

原创 Vue--------delimiters

改变模板,vue默认为{{}} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="v...

2019-11-25 16:49:01 27 0

原创 Vue ----- provide / inject

provide / inject这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效 eg: <!DOCTYPE html> <html lang="en"> <head&...

2019-11-25 16:46:17 32 0

原创 vue--插槽(slot)

前言:使用的插槽是2.6.0以后的,以前的废弃用法,暂且不谈,要了解看文档 一、具名插槽 如下:(使用v-slot:xxx语法) 一个不带 name 的 出口会带有隐含的名字“default”。 <!DOCTYPE html> <html lang="en"...

2019-11-25 11:48:45 28 0

原创 next.js服务端渲染引入Highcharts报Cannot read property 'parts/Globals.js' of undefined

没用next.js,在react使用写法: import Highcharts from 'highcharts'; import highcharts3d from 'highcharts/highcharts-3d' highcharts3d(High...

2019-11-19 16:39:25 449 0

原创 react next服务端渲染(数据获取以及componentDidMount中的定时器问题)

一、前言 服务端渲染理论知识暂且不论,好处是利于首屏加载,以及SEO,具体详情可以去百度一下,因为在公司做了一个react项目,主要用于一个页面的展示功能,正好也使用一下服务端渲染,学习一下,vue用nuxt.js,react用next.js,琢磨了一段时间,用以记录,废话不多说,开始 二、前期准...

2019-11-19 16:36:41 165 0

原创 Vue双向绑定源码分析

一、前言 一直想研究一下vue的源码,但苦于没有耐力坚持下去,所以就一直拖着,今天就来研究一下吧,事情总是要做的,闲话少叙,我们都知道,vue双向绑定的核心是通过Object.defineProperty()来劫持数据,再结合设计模式发布/定义来设计的,那么什么叫双向绑定呢,双向绑定意味着视图发生...

2019-10-28 15:22:35 31 0

原创 node爬取cnode首页数据

源码如下,其中 cheerio类似jquery,具体文档 直接使用npm安装就行,运行 node index.js即可 const https = require('https'); const cheerio = require('cheerio'); c...

2019-10-23 16:31:46 103 0

原创 vue-cli 3.0集成typescript

前言: 今天学习了一下typescript,typescript是javascript的一个超类,意思就是对于javascript进行内容扩展,javascript是一门弱类型语言,而typescript在我认为,就是把javascript扩展成一门强类型,就比如java,因为自己前面也学过jav...

2019-10-22 16:41:03 203 0

原创 vue之.sync修饰符

根据VUE官方文档所述,.sync修饰符用来prop双向绑定,而.sync修饰符类似v-model,只是一个语法糖 先看下放代码,看一下用法,实现了prop的双向绑定: <!DOCTYPE html> <html lang="en"> <hea...

2019-10-21 15:30:23 33 0

原创 vue选项之model

今天看vue api官方文档,看见选项/其他下的model有点看不懂,后面自己查资料实现了一下才明白用法。 实现全部代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta char...

2019-10-18 11:05:54 155 0

原创 单行省略号、多行省略号

单行: p { width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 多行: div { width: 50px; display: -...

2019-10-09 10:09:27 25 0

原创 display:none opacity:0 visibility: hidden的区别

总结: 1. display:none 让元素隐藏,不会显示在渲染树中,不会在dom文档占领位置,且子元素也不会展示,所以该元素的点击事件无用,使用display:none,会导致性能问题,因为会导致页面的重排 2. opacity:0 只是让内容不可见,透明度为0,在渲染树中,在dom文档中仍旧...

2019-10-09 09:28:37 41 0

原创 div垂直水平居中

第一种方法:flex布局 <style> .parent { width: 200px; height: 200px; border: 1px solid; display: flex; justify-conte...

2019-10-08 23:32:07 21 0

原创 二叉树的生成以及遍历

<script> class Node { constructor(key) { this.key = key; this.left = null; this.right = null; } } ...

2019-09-11 12:00:14 42 0

原创 手把手vue-cli3.0搭建项目(四) 集成element-ui

1.集成element-ui 使用命令 vue add element 会出现两个选项 第一个全部引入 我选择第二个 自己选择引入 然后选择语言 选zh-CN 中国的,回车 就会在plugin下自动生成一个文件 然后自动会再main.js引入,你按需引入 要什么就在element.js中自己加 ...

2019-07-24 15:32:26 917 0

原创 把手vue-cli3.0搭建项目(三) 集成axios 封装请求

1.集成axios 使用命令行 vue add axios vue-cli2 使用的都是npm install axios --save 3.0使用add 2.封装axios 在src新建api 新建http.js import axios from 'axios' impo...

2019-07-24 15:26:22 2726 6

原创 手把手vue-cli3.0搭建项目(二) 开发环境配置

vue-cli3.0和vue-cli2配置是不一样的,2中很多配置文件都是有的,直接在上面加配置就行,但是3.0配置文件是要自己加的 详情可以创建一个2的版本去对比不同之处,这里不详细说了 1.主配置 当然可以在devServer配置其他,跨域代理也可以配置 devServer: { ...

2019-07-24 15:17:42 1223 0

原创 手把手vue-cli3.0搭建项目,封装axios请求,开发生产环境配置,集成element-ui

(一)手把手vue-cli3.0搭建项目(一) 创建项目

2019-07-24 14:44:17 2177 0

原创 手把手vue-cli3.0搭建项目(一) 创建项目

新项目使用了vue-cli来搭建项目整体框架,3.0与2.0配置还是很不同的,网上的信息太零散,所以自己整合一下吧 1.版本要求 vue-cli3.0需要node8.9以上,版本不够的去重新升级一下,vue的版本需要3.x 可以在终端下输入vue --version(两个-),可以使用如下命令安装...

2019-07-24 14:42:58 915 0

原创 微信小程序集成mocha单元测试

微信小程序集成mocha单元测试 1.微信小程序构建NPM 1)进入小程序目录,打开该路径的命令行,输入 npm init,一路回车 2)输入 npm i miniprogram-sm-crypto --production,等待安装完 3)打开微信开发者工具,点击构建npm,然后可以弹出构建成...

2019-05-08 14:23:01 425 0

原创 没有找到可以构建的 NPM 包

没有找到可以构建的 NPM 包 最近公司做小程序,要集成mocha单元测试,所以就要研究一下,因为微信已经支持npm,微信官方地址 然后按照文档中的步骤操作就出出现了下图的错误,研究了很久才能打包构建成功,下面给出解决方案 1.进入小程序根目录,打开cmd,输入:npm init 输入命令之后一...

2019-05-08 14:04:07 8727 9

原创 兼容addEventListener事件

window.onload = function(){ var p = document.getElementById("content"); if(document.addEventListener) p.addEventListener("click&...

2018-10-26 17:05:22 179 0

提示
确定要删除当前文章?
取消 删除