![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB前端
文章平均质量分 53
迷路时你就往前走i
这个作者很懒,什么都没留下…
展开
-
React安装和核心概念
安装npx create-react-app 项目名称JSXJSX表示对象,Babel会把JSX转译成一个React.createElement()函数调用。import React from "react"import ReactDOM from "react-dom"const name = "Jack"const element = ( <div>Hello, {name}!</div>)ReactDOM.render(element, documen原创 2021-06-29 13:51:58 · 133 阅读 · 0 评论 -
vue结合vue-print-nb实现打印功能
安装vue-print-nbnpm i vue-print-nb --save在main.js文件中导入import Print from 'vue-print-nb'Vue.use(Print);使用使用id<template> <div> <button v-print="'#printcontent'">打印</button> <div>888</div> <div id="printco原创 2021-03-12 13:46:34 · 1159 阅读 · 8 评论 -
html转换成pdf文件
html2canvas+jsPDF实现html转换成pdf文件安装npm i html2canvas jsPDF导入import html2canvas from "html2canvas"import JsPDF from "jspdf"封装函数/** * @param ele要生成 pdf 的DOM元素(容器) * @param pdfFileName PDF文件生成后的文件名字 * */getPdfFromHtml = function (ele, pd原创 2021-03-12 09:42:12 · 141 阅读 · 0 评论 -
打包正在启动的项目出现内存溢出和端口占用
因为公司部分插件需要更新插件才可以使用,在更新需要的插件的时候把typescript的版本也升级了一下,就出现了如下的问题:问题一:出现内存溢出的情况这种情况可能之前已经出现过,但是没有太过注意,因为这个问题也不影响打包,但是既然看到了,就统一写一下:解决方法解决方法很简单,只需要在vue.config.js文件中添加chainWebpack: config => { config.performance.set("hints", false)}问题二:出现端口占用的问题这个问题原创 2021-01-29 20:38:31 · 306 阅读 · 0 评论 -
Vue3.0在Vue2.x上面的改动
前两天听了尤大大对V3的一些改动的直播,总结了一下几点:1、V3使用的是jsx,这一点和react很像,但是我个人认为关于模板语法的部分和react相比较而言还是Vue更好用一些;2、Vuex基本没有改动;3、vue3 不影响2的使用 基本百分之90是可以的 ,如果项目比较稳定建议不用更新到3.0的项目;4、ie11 可以不同build ,对于ie11的支持,主要是通过打包成不同的文件来进...原创 2020-04-23 15:07:50 · 334 阅读 · 0 评论 -
vant组件设置预览图片拉伸占满手机的整个屏幕(css3的object-fit属性)
刚开始写的时候以为组件里面肯定有修改图片的样式的,发现这个是一个方法ImagePreview方法,想着使用className就可以设置,但是发现不起作用,设置权重也不起作用,就剩下审查元素修改样式了,一下是样式的代码:一定要设置在全局.van-image__img { object-fit: fill !important; }...原创 2020-04-09 10:29:32 · 2419 阅读 · 0 评论 -
vue组件之间的通信
在图片详情的评论区域和商品的评论区域大致结构是一样的,只有一些数据是不一样的。因此我们可以创建一个组件作为子组件,通过子组件和父组件之间传值的方式实现组件的复用父组件向子组件传值父组件向子组件通过 props ,父组件中通过属性绑定的方式传递,在子组件中创建props 数组接收父组件传过来的数据子组件向父组件传值子组件向父组件传值通过 $emit 的方式,在子组件中绑定一个触发事件,在事件...原创 2020-04-09 10:09:56 · 119 阅读 · 0 评论 -
Vue中的内置指令
Vue入门 步骤: 1、导入Vue.js<script src="js/vue.js"></script> 2、创建一个容器,用来容纳模板<div id="app"></div> 3、创建Vue的实例对象<script> var vm = new Vue({ el: '#app', data: {...翻译 2020-03-11 16:51:42 · 189 阅读 · 0 评论 -
Git常用命令
Git 使用前配置Git允许多人进行开发,所以我们需要配置用户名和邮箱,这样在Git仓库里面就能标明代码是谁进行的提交,方便进行管理配置提交人姓名:git config --global user.name 提交人姓名配置提交人姓名:git config --global user.email 提交人邮箱查看git配置信息:git config --list提交文件到Git仓库需要...翻译 2020-03-01 19:32:49 · 107 阅读 · 0 评论 -
前端中常用的PS操作
PS的作用前端主要用来切图,量取设计稿的开发尺寸;PS的界面认识PS复位基本功能如果ps界面凌乱,我们需要复位窗口 — 工作区 ---- 复位基本功能 — 回到PS最早安装的状态PS常用的面板—图层面板快捷键:F7 也可以去 窗口 — 图层我们可以利用图层面板去查找我们需要的图层元素;PS新建文件Ctrl+N 新建画布,以下标红的属性选项一点要注意宽度和高度的单位必须是...翻译 2019-11-04 19:32:12 · 990 阅读 · 0 评论