- 博客(19)
- 收藏
- 关注
RSS订阅原创 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
186
原创 封装时间转换组件
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
228
原创 vue webpack打包优化
打包时可以使用.\node_modules\.bin\vue-cli-service build --report进行查看项目中文件大小占比，可以根据下图进行针对性的优化。持续更新…
2020-07-07 23:52:02
336
原创 小程序及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
314
原创 简单封装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
189
原创 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
3301
转载 马云曾经偶像，终于把阿里留下的 1400 亿败光了！
作者 | 张一弛责编 | 伍杏玲本文经授权转载自金错刀（ID：ijincuodao）阿里这个金矿，终于被雅虎花光了。三天前，Altaba宣布将清算和解散，其所持有的阿里巴巴集团股份将对外转让，拟转让的阿里巴巴股份价值约为400亿美元。Altaba是谁？被网友戏称的阿里他爸的前身，正式当年风光无限的雅虎，创始人杨致远，在很长一段时间内，被马云视为创业偶像。这意味着，雅虎在2016年解体...
2019-04-12 16:13:14
673
原创 vue2.0组件之间的传值以及方法的调用
代码中有详细的步骤，可以跟着步骤一步一步来，有问题下方留言，我会尽快回复。谢谢！项目目录：子组件传父组件：1.子组件主要是用事件来传递数据给父组件的。父组件内容：<template> <div> <div>父组件</div> <!-- 5.使用注册好的组件以及子组件自定义的事件 来接收传递过来的数据 -->...
2019-04-12 10:46:55
316
转载 webpack优化之HappyPack 实战
由于运行在 Node.js 之上的 Webpack 是单线程模型的，所以Webpack 需要处理的事情需要一件一件的做，不能多件事一起做。我们需要Webpack 能同一时间处理多个任务，发挥多核 CPU 电脑的威力，HappyPack 就能让 Webpack 做到这点，它把任务分解给多个子进程去并发的执行，子进程处理完后再把结果发送给主进程。由于 JavaScript 是单线程模型，要想发挥多...
2019-04-04 17:37:57
442
原创 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
4132
1
原创 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
816
转载 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
2761
转载 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
563
原创 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
250
原创 关于 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
1238
原创 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
16121
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
290
原创 VUE同一个组件内，多重数据嵌套，子循环取到父循环的ID值
VUE同一个组件内，多重数据嵌套，子循环取到父循环的ID值VUE同一个组件内，多重数据嵌套，子循环取到父循环的ID值在开发中碰到的问题， 赶紧记下来，记性没的说。。。。。在开发中 常常碰到同一个组件内， 获取数据嵌套获取的。直接上代码，现在是父组件请求，套用子组件请求， 当父组件请求完成之后，返回的都是Promise对象，使用循环 ，将父组件返回的Promise对象存到一个新的数组中...
2018-10-26 17:41:53
3032
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人