- 博客(19)
- 收藏
- 关注
RSS订阅原创 React事件 改变this指向
1.普通函数 写成箭头函数 普通函数打印出来是undefined import 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
248
原创 封装时间转换组件
formatDate.js export 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
281
原创 vue webpack打包优化
打包时可以使用 .\node_modules\.bin\vue-cli-service build --report 进行查看项目中文件大小占比，可以根据下图进行针对性的优化。 持续更新…
2020-07-07 23:52:02
467
原创 小程序及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
384
原创 简单封装uni小程序请求
最近在复习uni小程序，没事干记录一下自己的学习点滴。 目录：src --> main.js import 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
238
原创 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
3423
转载 马云曾经偶像，终于把阿里留下的 1400 亿败光了！
作者 | 张一弛 责编 | 伍杏玲 本文经授权转载自金错刀（ID：ijincuodao） 阿里这个金矿，终于被雅虎花光了。 三天前，Altaba宣布将清算和解散，其所持有的阿里巴巴集团股份将对外转让，拟转让的阿里巴巴股份价值约为400亿美元。 Altaba是谁？被网友戏称的阿里他爸的前身，正式当年风光无限的雅虎，创始人杨致远，在很长一段时间内，被马云视为创业偶像。 这意味着，雅虎在2016年解体...
2019-04-12 16:13:14
738
原创 vue2.0组件之间的传值以及方法的调用
代码中有详细的步骤，可以跟着步骤一步一步来，有问题下方留言，我会尽快回复。谢谢！ 项目目录： 子组件传父组件： 1.子组件主要是用事件来传递数据给父组件的。 父组件内容： <template> <div> <div>父组件</div> <!-- 5.使用注册好的组件以及子组件自定义的事件 来接收传递过来的数据 -->...
2019-04-12 10:46:55
389
转载 webpack优化之HappyPack 实战
由于运行在 Node.js 之上的 Webpack 是单线程模型的，所以Webpack 需要处理的事情需要一件一件的做，不能多件事一起做。 我们需要Webpack 能同一时间处理多个任务，发挥多核 CPU 电脑的威力，HappyPack 就能让 Webpack 做到这点，它把任务分解给多个子进程去并发的执行，子进程处理完后再把结果发送给主进程。 由于 JavaScript 是单线程模型，要想发挥多...
2019-04-04 17:37:57
490
原创 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
4410
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
867
转载 vue 2.0 全局引入eCharts以及按需引用eCharts
echarts 官方文档中的“在webpack中使用eCharts” 链接 http://echarts.baidu.com/tutorial.html#在 webpack 中使用 ECharts 在所需项目中安装完了之后： 全局引用 main.js 中配置 import echarts from 'echarts' //引入echarts Vue.prototype.$echarts = ...
2019-03-04 14:54:23
2849
转载 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
627
原创 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
306
原创 关于 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
1333
原创 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
16396
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
347
原创 VUE同一个组件内，多重数据嵌套，子循环取到父循环的ID值
VUE同一个组件内，多重数据嵌套，子循环取到父循环的ID值 VUE同一个组件内，多重数据嵌套，子循环取到父循环的ID值 在开发中碰到的问题， 赶紧记下来，记性没的说。。。。。 在开发中 常常碰到同一个组件内， 获取数据嵌套获取的。 直接上代码， 现在是父组件请求，套用子组件请求， 当父组件请求完成之后，返回的都是Promise对象，使用循环 ，将父组件返回的Promise对象存到一个新的数组中...
2018-10-26 17:41:53
3129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人