自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 React事件 改变this指向

1.普通函数 写成箭头函数普通函数打印出来是undefinedimport React from 'react'import ReactDOM from 'react-dom'import './index.css'class Header extends React.Component { state = { username:'万科' }; btnClick(){ console.log(this) // undefined } render() {

2020-08-27 23:16:58 170

原创 封装时间转换组件

formatDate.jsexport default function formatDate (date, fmt) { let o = { 'M+': date.getMonth() + 1, // 月份 'd+': date.getDate(), // 日 'h+': date.getHours(), // 小时 'm+': date.getMinutes(), // 分 's+': date.getSeconds(), // 秒

2020-07-08 22:43:22 219

原创 vue webpack打包优化

打包时可以使用.\node_modules\.bin\vue-cli-service build --report进行查看项目中文件大小占比,可以根据下图进行针对性的优化。持续更新…

2020-07-07 23:52:02 310

原创 小程序及uni功能总结

调用小程序用户授权窗口,并且获取用户信息。第一种:触发用户授权窗口:<button open-type="getUserInfo" type="primary">微信授权</button>获取用户信息: async onLoad(){ const [err,info] = await uni.getUserInfo(); console.log(err) console.log(info) }第二种:使用方法getuserinfo获取:

2020-06-17 23:23:54 303

原创 简单封装uni小程序请求

最近在复习uni小程序,没事干记录一下自己的学习点滴。目录:src --> main.jsimport Vue from 'vue'import App from './App'// 引用封装的请求import request from '@/utils/request';Vue.config.productionTip = false;App.mpType = 'app';const plugin = request({ // 公共请求路径 baseURL: 'http

2020-06-03 23:33:37 183

原创 webpack打包vue项目之后生成的dist文件该怎样启动运行跑起来

webpack打包生成了dist文件 ,直接运行dist文件中的index.html会报这个错。我们需要部署在express-generator服务器上来运行。安装express-generator cnpm install express-generator -g搭建express-generator项目 express expressDemo (expressDemo 是...

2019-04-24 19:49:54 3285

转载 马云曾经偶像,终于把阿里留下的 1400 亿败光了!

作者 | 张一弛责编 | 伍杏玲本文经授权转载自金错刀(ID:ijincuodao)阿里这个金矿,终于被雅虎花光了。三天前,Altaba宣布将清算和解散,其所持有的阿里巴巴集团股份将对外转让,拟转让的阿里巴巴股份价值约为400亿美元。Altaba是谁?被网友戏称的阿里他爸的前身,正式当年风光无限的雅虎,创始人杨致远,在很长一段时间内,被马云视为创业偶像。这意味着,雅虎在2016年解体...

2019-04-12 16:13:14 662

原创 vue2.0组件之间的传值以及方法的调用

代码中有详细的步骤,可以跟着步骤一步一步来,有问题下方留言,我会尽快回复。谢谢!项目目录:子组件传父组件:1.子组件主要是用事件来传递数据给父组件的。父组件内容:<template> <div> <div>父组件</div> <!-- 5.使用注册好的组件以及子组件自定义的事件 来接收传递过来的数据 -->...

2019-04-12 10:46:55 301

转载 webpack优化之HappyPack 实战

由于运行在 Node.js 之上的 Webpack 是单线程模型的,所以Webpack 需要处理的事情需要一件一件的做,不能多件事一起做。我们需要Webpack 能同一时间处理多个任务,发挥多核 CPU 电脑的威力,HappyPack 就能让 Webpack 做到这点,它把任务分解给多个子进程去并发的执行,子进程处理完后再把结果发送给主进程。由于 JavaScript 是单线程模型,要想发挥多...

2019-04-04 17:37:57 430

原创 Vue 调用高德地图无法使用定位权限

注意:1.我使用的是cli3.x搭建的项目。2.注册高德地图和拿高德地图的key值我就不说了。 需要的自己上网搜一下吧。1.拿到高德key值之后,在vue中的public文件夹–>index文件中引入这么一段代码:把你自己申请下来key值放到下面链接的key=后面就OK了<script type="text/javascript" src="https://webapi.a...

2019-04-03 17:41:43 4096 1

原创 前端验证码(常规验证、运算验证、拼图验证、选字验证、滑动验证)

官方站址:验证官方网站

2019-03-20 18:31:50 2748

原创 You are using the runtime-only build of Vue where the template compiler is not available 问题

昨天在使用Vue的全局组件,碰到一个问题, 代码明明写对了 可是老是报这样一行错误:You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the...

2019-03-06 09:53:46 802

转载 vue 2.0 全局引入eCharts以及按需引用eCharts

echarts 官方文档中的“在webpack中使用eCharts” 链接 http://echarts.baidu.com/tutorial.html#在 webpack 中使用 ECharts在所需项目中安装完了之后:全局引用main.js 中配置import echarts from 'echarts' //引入echartsVue.prototype.$echarts = ...

2019-03-04 14:54:23 2734

转载 create-react-app eject 之后修改webpack4的配置达到antd按需加载

前提:通过NPM或者yarn…安装babel-plugin-import的包1.config/webpack.config.dev.js搜索关键字“cacheDirectory”,238行左右。添加代码:[require.resolve('babel-plugin-import'), { libraryName: 'antd', style: 'css' }]参考:https://b...

2019-02-15 17:15:56 549

原创 create-react-app支持less配置

暴露webpck配置npm run eject安装相关依赖npm install --save less less-loader修改webpack.config两个文件的相关配置const cssRegex = /.(css|less)/;const cssModuleRegex=/.module.(css|less)/;然后在loader的数组对象里面添加{ loade...

2019-02-15 15:56:35 241

原创 关于 npm run eject 报错的问题

关于 npm run eject 报错的问题昨天新开React的项目, 刚刚一上手就碰到问题, npm run eject 会报错报错内容This git repository has untracked files or uncommitted changes:... 报错代码太长后面的省略......解决方法(前提你有git)出错的原因:应该是git没有安装好,或者代码没...

2019-02-15 11:10:19 1226

原创 Vue 表情输入组件,微信face表情组件

VUE表情包输入组件,先来张成品图看看。年底了没事干,把以前做过的项目中的组件拿出来再复习一下, 先说说思路吧。注意:1. 项目是用vue-cli3.0搭建起来的项目, 参考cli3.0官网地址2.样式是用scss需要安装依赖: npm install node-sass sass-loader -D思路: 页面内容总体分为三块区域(内容区,表情区,输入区),引入JSON文件表情库渲...

2019-01-17 17:29:58 16096 34

原创 构建React项目 只需三步

构建React项目 只需三步。#构建React项目的前提是,已经下载了node.js##第一步:安装React构建工具到全局npm install create-react-app -g##第二步:继续输入命令,构建一个Dome开发环境create-react-app demo(demo是你创建的文件夹名字 随意起)##第三步:创建完毕 cd 到你刚刚创建的文件夹,并且运行。cd ...

2019-01-14 17:06:49 273

原创 VUE同一个组件内,多重数据嵌套,子循环取到父循环的ID值

VUE同一个组件内,多重数据嵌套,子循环取到父循环的ID值VUE同一个组件内,多重数据嵌套,子循环取到父循环的ID值在开发中碰到的问题, 赶紧记下来,记性没的说。。。。。在开发中 常常碰到同一个组件内, 获取数据嵌套获取的。直接上代码,现在是父组件请求,套用子组件请求, 当父组件请求完成之后,返回的都是Promise对象,使用循环 ,将父组件返回的Promise对象存到一个新的数组中...

2018-10-26 17:41:53 3019

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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