- 博客(26)
- 收藏
- 关注
RSS订阅原创 nvm 常用命令行
nvm npm_mirror [url] 设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是： https://github.com/npm/npm/archive/.nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror，如果不设置的默认是 https://nodejs.org/dist/nvm use [version] [arch] 切换制定的node版本和位数。nvm install 安装最新版本nvm。
2023-02-27 00:07:57
278
原创 elementUI el-upload的http-request的使用记录
【代码】elementUI el-upload的http-request的使用记录。
2023-02-21 11:59:11
1402
原创 echarts 适配大屏
所有图表配置中涉及尺寸数据的，都要用fontSize进行转换，包括定位、字体大小、宽度、内外边距。此时无需计算，只需要调用fontSize函数即可完成转换。2.使用fontSize函数实现图表的数据转换。
2022-10-07 11:47:08
1617
原创 vue .sync 语法糖
vuet提倡单向数据流，即父级props的更新会流向子组件，但是反过来则不行。这是为了防止意外的改变父组件状态，使得应用的数据流变得难以理解。如果破坏了单向数据流，当应用复杂时，debug的成本会非常高。这也是为什么我们推荐以updatemyPropName的模式触发事件取而代之。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且在父组件和子组件两侧都没有明显的变更来源。然后父组件可以监听那个事件并根据需要更新一个本地的数据property。...
2022-07-27 10:36:54
1055
1
原创 vue 适配大屏解决方案
1、使用 postcss-px2rem在main.js 中引用rem.js2、使用postcss-px2rem+lib-flexible此时宽度用px就可以适配所以的网页大小了，高度也可以使用px去做自适应，但是前提是html,body等父元素的设置上100%，不然里面的元素写100%无法继承高度但是需要注意的是行内样式设置的px无法被转换成自适应的rem需要注意的点：lib-flexible给body元素加上了12px的字体大小，官方解释：body上设置12 * dpr的font-size
2022-06-17 19:18:09
3583
1
原创 HTML meta 标签
！！ 标签是 HTML 语言头部的一个辅助性标签，我们可以定义页面编码语言、搜索引擎优化、自动刷新并指向新的页面、控制页面缓冲、响应式视窗等！属性值描述charset( H5 New)character_set定义文档的字符编码。contenttext定义与 http-equiv 或 name 属性相关的元信息。http-equivcontent-type default-style refresh把 content 属性关联到 HTTP 头部。na
2022-03-25 10:45:44
134
原创 postcss-pxtorem 学习与使用
安装lib-flexible 和 postcss-pxtorem安装npm install lib-flexible --save或yarn add lib-flexible --savenpm install postcss-pxtorem --save-dev或yarn add postcss-pxtorem --save-dev在main.js 中引入 lib-flexibleimport 'lib-flexible/flexible'配置postcss-pxt.
2022-03-22 10:57:41
2312
原创 关于后端输出文件流图片转base64
首先 要在请求的时候在请求头添加 responseType:“arraybuffer” 。这个很重要，不然图片展示不出来的export function getImgAuthen() { return axios({ url: 'xxxxx', method: 'get', responseType:"arraybuffer" })}然后 在页面请求 就阔以直接使用了 灰常方便getImgAuthen().then(res=>{
2022-03-11 11:25:14
1419
原创 关于 vue.js provide/inject（依赖注入）的学习和记录
前言provide / inject这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深(普通组件传值只能父子或兄弟关系)，并在起上下游关系成立的时间里始终生效。定义方式provide 选项应该是：一个对象或返回一个对象的函数inject 选项应该是：一个字符串数组，或 一个对象，对象的 key是本地的绑定名官网：https://cn.vuejs.org/v2/api/#provide-inject提示：provide 和 inject 绑定并不是
2022-02-19 17:07:35
830
原创 Vue配置启动端口以及配置自动打开浏览器
方法1：在vue.config.js 中配置module.exports = { configureWebpack:{ devServer:{ port:8089,//端口号 open:true, } }}方法2：在package.json中修改scripts"scripts": { "dev": "vue-cli-service serve --open", "build:prod": "vue-cl
2022-02-16 10:29:29
2011
原创 vue中使用jquery的相关配置记录
一、引入jquerynpm i jquery -S二、在vue.config.js中进行配置 webpack配置首先在文件顶部引入webpack 因为该文件默认未被引入const webpack = require('webpack')然后同一个文件的module.exports中添加一段代码configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery",
2022-02-16 10:16:55
442
原创 关于vue引入静态文件的相关配置和多大的文件转换为base64的相关配置记录
vue引入静态文件报错的问题vue在引入静态文件（以pdf为例）会出现报错的问题，那是因为需要在vue.config.js里面进行一些相关webpack loader的配置 module:{ rules:[ { test:/\.pdf$/, use:[ { loader:'url-loader', options:{
2022-02-16 09:27:23
700
原创 使用react脚手架搭建react项目
react 脚手架 create-react-appReact 的环境搭建，是比较繁琐的，有很多的依赖：react、react-dom、babel、webpack … 需要很多的前置知识，很容易让人从入门到放弃。于是就诞生了 脚手架 这种东西，create-react-app 就是一个 React 的脚手架，用它可以很方便的就创建了整个 React 的环境搭建，它解决了所有的依赖问题。安装好的npm的源默认是国外的源，会因为网络原因导致执行npm操作有延时，我们可以切换npm的源为淘宝的源镜像。执行
2021-12-06 18:20:47
192
原创 关于quill在vue中的应用
<template> <div> <el-upload :action="uploadUrl" :before-upload="handleBeforeUpload" :on-success="handleUploadSuccess" :on-error="handleUploadError" name="file" :show-file-list="false" :headers=
2021-12-06 11:10:58
351
原创 vue-cli 开启js代码压缩和代码分割
在vue.config.js中配置chainWebpack: config=>{ config.optimization.minimize(true)// 开启压缩js代码(默认true) config.optimization.splitChunks({ // 开启代码分割 chunks: 'all' }}启用gzip压缩(需要配置nginx,可以看出压缩后的文件大小明显变化)const CompressionWebpackPlugin = require(
2021-11-23 15:10:30
3479
原创 css 简单实现让文本竖向排版
写固定的宽度多个句子竖向排列css中添加这两行代码就可以了 writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ ...
2021-07-29 09:59:22
337
原创 uni-app 项目中使用sass
一、安装sass-loadernpm install node-sass --save-devnpm install sass-loader --save-dev如果是sass版本过高导致编译报错，需要卸载再重新安装特定版本，那么卸载如下：npm uninstall sass-loadernpm install [email protected] --save-dev之后直接编译项目就可以使用了...
2021-06-29 16:57:27
1653
原创 vue2.x项目中安装sass less
一、安装sass执行npm命令行npm install sass --save-dev如果版本过高可使用特定版本安装npm install [email protected] --save-dev二、安装sass-loader执行命令行npm install sass-loader --save-dev如果版本过高可使用特定版本安装npm install [email protected] --save-dev然后npm 直接运行就可以了vue页面中style写法<style la
2021-06-29 16:45:54
404
原创 小白记录 网络请求的三次握手
标题：请求服务器过程分（tcp），三次握手内容：第一次：浏览器发送一个微小的数据（问服务器你在吗？）第二次：服务器说：我在第三次：浏览器说：好的，一会给你发送数据啦三次握手完毕后。浏览器开始向服务器发送数据更详细的介绍：https://blog.csdn.net/qq_38950316/article/details/81087809?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMach
2021-06-28 14:59:59
69
原创 小白采坑关于移动端iOS系统new Date(“xxxx-xx-xx“)转换为NaN
问题：项目中有些部分用到计时器 需要把格式化好的时间如(xxxx-xx-xx)样式的时间转换时间戳，然而实际用iPhone真机调试的情况下 实际new Date()转换的时间为NaN解决方案： 网上查找了资料，说是iPhone浏览器识别（xxxx/xx/xx）的时间格式 所以用字符串的replace方法吧时间格式中“-”全局替换成“/”就可以了 new Date(‘2000-08-09’.replace(/-/g,’/’))...
2021-06-25 09:35:26
130
转载 vue中子组件的created、mounted钩子中获取不到props中的值问题
父子组件通信这个官网很清楚，也很简单，父组件中使用v-bind绑定传送，子组件使用props接收即可例如：父组件中<template> <div> <head-top></head-top> <section class="data_section"> <hea...
2020-01-06 11:01:37
2028
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人