![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
web前端
前端笔记
麦克白_Gavin
这个作者很懒,什么都没留下…
展开
-
React配置代理解决跨域的两种方式
方式一 在package.json 文件中配置 "proxy":"http://localhost:5000"方式二 在src 目录下新建 setupProxy .js 文件 新建如下代码http-proxy-middleware的版本如果是1.x以上,需要这么写const { createProxyMiddleware } = require('http-proxy-middleware')module.exports = function (app) { app.use(cre原创 2022-01-04 17:30:47 · 718 阅读 · 0 评论 -
some fun_
/** * @desc 获取 WXML 节点信息的对象 * @param {*} selector 选择器 * @param {*} com 自定义组件的实例对象,如在组件内使用必传 * @returns {promise} */const getNodes = (selector, com) => { const query = com ? com.createSelectorQuery() : wx.createSelectorQuery() query.select.原创 2021-12-09 15:14:41 · 157 阅读 · 0 评论 -
简易的setData一个数据
做小程序的时候难免会遇到经常切换一个按钮或者某个组件的显示与隐藏,一般的写法是 绑定一个函数 去 this.setData({ show : true })只要有需要切换显示与隐藏的都需要这样写一遍。很麻烦 so…1 在utils 新建一个文件 pageDecorator.jsimport { deepMerge } from './index'function pageDecorator(params) { const originPage = Page Page = f原创 2021-12-09 15:05:14 · 456 阅读 · 0 评论 -
微信小程序中Echart 的使用
1 下载微信微信部的echart 小程序 (https://github.com/ecomfe/echarts-for-weixin)2 如果只是需要部分图表 可采用定制方式下载 减少小程序包的大小 (https://echarts.apache.org/zh/builder.html)3 最重要的地方是 官方给的小程序echart 的 数据是写在data 外面的 。我们挺难去动态修改数据可以采用如下方法 将 数据写在方法中 再数据setData 到data 中import *原创 2021-11-30 10:59:31 · 993 阅读 · 0 评论 -
小程序中阿里图标的自定义使用
1 在阿里图标库中添加图标至自己的项目 点击复制代码 (黑色部分)2 在小程序项目目录新建公共样式文件 将复制的代码粘贴到公共样式中 如下图3 在app.wxss 中引入该公共样式@import './common/style/umfont.wxss';4 在components 中新建 um-icon(名字随便取)自定义组件。wxml代码如下:<text class="umfont icon-{{type}}" style="color:{{color}};font-si原创 2021-11-10 16:17:50 · 522 阅读 · 0 评论 -
BEM命名规范
先放官方文档:http://getbem.com/introduction/BEM 是英文 Blocks,Element and Modifiers 的缩写 (模块,元素,修饰符)命名方法:.block__element--modifier { display: flex;}.block--modifier { display: flex;}.block__element { display: flex;}<p class="header">原创 2021-05-19 23:40:59 · 88 阅读 · 0 评论 -
echarts is not defined
关于echarts is not defined在vue中使用echarts的柱状图时遇到echarts is not defined 可能是因为路径的问题解决办法:1 把 color: new echarts.graphic.LinearGradient 改成 color: new this.echarts.graphic.LinearGradient2 在当前项目的当前页面中引入 import echarts from "echarts"附:echarts 在vue3中的使用方法1原创 2020-09-09 15:50:14 · 8211 阅读 · 1 评论 -
VUE 中 通过v-bind:src 图片不显示问题
VUE 中 通过v-bind:src 图片不显示问题,引入图片的方式用require 即可html: <img src="../../assets/images/ColdRain/u5865.png" />js: imgUrl:require( './../../assets/188.jpg'),原创 2020-09-05 10:32:17 · 2766 阅读 · 0 评论 -
node: command not found处理方法
今天配置java 环境的时候 把系统环境Path 误删了 导致命令行 git node 都使用不了。打node -v 显示 node: command not found…解决办法 重新配置环境变量 比如 我的node 安装在E盘的Program Files目录下 就添加如下配置:...原创 2020-08-11 16:37:01 · 4336 阅读 · 0 评论 -
swipe滑动插件使用碰到的问题
用Swiper 做轮播图的时候,把按钮替换成自己想要的图片的时候出现了一个小问题,每次鼠标点击的时候就会出现一个外围小方框,如下html代码:<div class="swiper-button-right swiper-button-next"> <img src="./images/right2.png"></div>解决办法:只需要给div 加上如下css代码div:focus { outline: none !important;}.原创 2020-08-02 23:17:49 · 193 阅读 · 0 评论 -
git提交代码到远程仓库 github
1 如果是第一次使用github 先配置一下ssh key第一步 在命令行中输入ssh-keygen -t rsa -C “你的邮箱”默认会在 /C/Users/Administrator/.ssh/id_rsa 生成三个文件把后缀名为.pub 用记事本打开 复制粘贴到github ->Settings->SSH and GPG keys->SSH keys...原创 2020-06-07 22:22:06 · 97 阅读 · 0 评论 -
ERROR in Entry module not found: Error
初学 webpack 打包工具的时候 在执行 npm run dev 遇到 : ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in… 错误 。原因是 webpack 的4.0x版本默认约定:1. 打包的入口文件为src -> index.js 2.打包的输出文件为dist -> main.js而我的src目录.js文件 不是index.js解决办法 1 把src目录.js文件 改成index.js原创 2020-06-06 15:03:33 · 1821 阅读 · 0 评论