- 博客(16)
- 收藏
- 关注
RSS订阅原创 flex布局总结
1，flex布局体验1.1 传统布局与flex布局传统布局（1，兼容性好。2，布局繁琐。3，局限性，不能在移动过端中有很好的布局）flex弹性布局（1，操作方便，布局极为简单，移动端应用很广泛。2，pc端浏览器支持情况较差。3，IE11或更低版本，不支持或部分支持）建议：1：如果是PC端页面布局，我们还是传统布局。2：如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局2.1，布局原理flex是flexible Box的缩写，意为弹性布局，用来为盒状模型提供最大的灵
2022-05-10 17:27:34
662
原创 推荐一个好用的图片裁剪插件VUE-CROPPER
一、这个插件使用也是非常简单，以下就是具体的使用方法： npm install vue-cropper // 组件内使用 import { VueCropper } from 'vue-cropper' components: { VueCropper, }, // main.js里面使用 import VueCropper from 'vue-cropper' Vue.use(VueCropper) // cdn方式使用 <
2022-05-10 15:11:43
347
原创 Vue3部分学习笔记
1，setup语法糖使用注意：在setup()中不能有this在setup中你应该避免使用 " this "， 因为它不会找到组件实例，“setup” 调用发生在 " data " property,“computed”, property 或 " methods"被解析之前，所以它们无法在 "setup"中获取，这也是为了避免setup()和其他选项式API混淆setup(高级用法)，推荐使用<script setup lang="ts">const props = defineP
2021-09-16 16:47:52
576
原创 TypeScript入门二（类型）
1，TypeScrip 的静态类型TypeScript 的一个最主要特点就是可以定义静态类型，英文是 Static Typing。那到底是什么意思那？太复杂的概念性东西这里就不讲了，你可以简单的理解“静态类型”为，就是你一旦定义了，就不可以再改变了。就像人一生下来性别就定了，男就是男的，女就是女的。这个事不可以改变了2，如何定义静态类型，相关代码如下：// 正确代码const count: number = 1;= //错误代码const count: number = 1;count =
2021-09-15 09:21:02
160
原创 TypeScript入门一(运行环境搭建相关插件安装使用)
TypeScript简介TypeScript 是由微软公司在 2012 年正式发布，现在也有 8 年的不断更新和维护了，TypeScript 的成长速度是非常快的，现在已经变成了前端必会的一门技能。TypeScript 其实就是 JavaScript 的超集，也就是说 TypeScript 是建立在 JavaScript 之上的，最后都会转变成 JavaScript。相当于给JavaScript升级了装备，让大家使用起来更加方便，特别是大型项目中，真的好用。比如说它的扩展语法、面向对象、静态类型。Typ
2021-09-15 09:03:41
564
原创 React学习笔记之（有状态组件和无状态组件）3
1，函数组件又叫做无状态组件，类组件又叫做有状态组件2，状态（state）即数据`// 状态（state）即数据，是组件内部的私有数据，只能在组件内部使用// state 的值时对象，表示一个组件可以有多个数据class Hello Extends React.Component{ constructor(){ super(); this.state = { // 使用的时候可以省略构造器，直接使用state = {}
2021-09-14 09:42:33
145
原创 React学习笔记之（React事件处理）3
引言：React事件绑定语法与DOM事件语法相似，语法：on+事件名称={事件处理程序}，比如：οnclick={()=>{}}注意：React事件采用驼峰命名法，比如：onMouseEnter,onFocusclass App extends React.Component { handleClick () { console.log('事件触发了') } render(){ return { <button onCkick={this.handleClick}>
2021-09-13 17:52:17
46
原创 React学习笔记之（组件的创建方式）2
一，React组件的两种创建方式1，使用函数创建组件A：函数组件：使用JS的函数（或者箭头函数）创建的组件B：约定1：函数名称必须大写字母开头。C：约定2：函数组件必须有返回值，表示组件的结构D：如果返回值为null，表示不渲染任何内容// 函数组件function Hello(){return {<div>这是我的第一个函数组件！</div>}}// 箭头函数式const Hello = () => <div>这是我的第一个函数组件<
2021-09-13 17:35:55
63
原创 React学习笔记1
1，初始化项目，命令：npx-create-react-app my-app(项目名称，这里主要是利用react的脚手架)2，在脚手架中使用React，主要是导入react和react-dom两个包import React from ‘react’import ReactDOM from ‘react-dom’调用React.createElement()方法创建react元素调用ReactDOM.render()方法渲染react元素到页面中3，由于使用createElement()的繁琐不简
2021-09-13 17:09:33
68
原创 封装一个基于el-table的组件，灵活好用
1，BaseTable组件代码<template> <div> <el-table v-loading="loading" ref="table" :show-summary="showSummary" :summary-method="summaryMethod" v-bind="$attrs" class="base-table" fit highlight-cur
2021-09-10 17:08:29
121
原创 前端web关于上传下载的处理方式
1，处理流的形式的相关代码如下 // 导出word exportWords() { exportWord(this.analyseId).then(res => { if (res) { const elink = document.createElement('a'); const blob = new Blob([res], { type: 'application/vnd.ms-word;charset=utf-8'
2021-09-10 13:03:22
690
1
原创 华为手机长按图片无法下载
手机浏览器图片长按无法下载之华为手机的限制问题（uniapp实现的H5推广海报图片点击下载问题）直接上代码解决问题的核心代码 make_canvas(img01, img02, scale) { img02.tempFilePath = this.qrcode; const query = uni.createSelectorQuery().in(this); var system_info = this.system_info; let ww = s
2021-09-10 12:44:48
1298
原创 vue项目优化
项目优化策略1：在vue中引进nprogress插件，在处理请求的js页面request.js的拦截器中处理进度条的显示（nprogress.start()）和隐藏（nprogress.done()），request拦截器格式：axios.interceptors.resquest.use(config=>{}),respose类似2：在build期间移除console的方法，通过安装一个插件进行配置babel-plugin-transform-remove-console,在.babelrc中
2021-04-03 19:50:09
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人