As阿苏-CSDN博客

初始化Data中定义的属性Object.assign(this.$data.formData,this.$options.data().formData);UI框架props供用到二次封装组件（知识点：props，props，props，listeners）<template> <Table v-bind="$props" v-on="$listeners" stripe> <template v-for="(i, name) in $scopedSlots

2022-07-25 10:38:21 290

原创 vue词云实现方式

第一种<template> <div class='word-box'>  <svg :width='width' :height='height' @mousemove='listener($event)'> <a href="#" v-for='(tag,index) in tags' :key="index" style="background:red"> <te

2022-05-18 09:09:04 1146 2

原创 vue-3D轮播图-无插件

效果 3d轮播图代码<template> <div class="center_contion"> <div class="wrapper"> <div class="box" ref="box"> <div class="ball ball_1" @click="start" :class

2022-03-03 17:52:48 2160 3

原创 vue表格自动轮播小组件(简陋)

<template> <div class="scorll-table"> <table class="table" @mouseenter="enter" @mouseleave="start"> <thead class="thead"> <tr class="thead-tr"> <td v-for="(item,index) in config" :key="index" c

2021-12-17 11:37:50 743 1

原创 mac终端找不依赖命令问题

查看环境变量export弹框查看open -t ~/.bash_profile

2021-12-14 09:12:31 263

原创 uni-app使用wx-canvas实现微信小程序上显示地图map和坐标geo

源码<template> <view class="echart-box"> <canvas class="ec-canvas" :id="chartId" :canvasId="chartId" @error="error"></canvas> </view></template><script>import WxCanvas from "../../components/echart.

2021-11-03 11:51:06 1170

原创 Mac终端连接ssh上传文件部署

1，新建远程连接2，输入远程地址ssh -oPort=端口 root@地址完成后点击连接输入密码3，常用命令通过这些修改文件名称方便dist部署时的冲突cd 进入文件ls 查看文件ls - a 查看所有文件mv 修改文件例####### 4，另起一个终端找到本地上传的文件scp -oPort=端口 -r 本地项目 root@端口:服务器项目路径...

2021-08-31 13:38:53 725

原创常用正则整理和手机号中间隐藏——vue+element(持续更新)

手机号+邮箱校验/(^[\w.\-]+@(?:[a-z0-9]+(?:-[a-z0-9]+)*\.)+[a-z]{2,3}$)|(^1[3|4|5|6|7|8|9]\d{9}$)/vue+element中使用/** * @description 账号校验 */export const account = [ { required: true, message: "账号不能为空", trigger: "blur", }, { type: "string

2021-08-19 11:36:58 833

原创 Element - 日期禁用集合（持续更新）

当前日期之前的日期禁用<el-date-picker v-model="form.startTime" type="date" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker>data(){retutn{ pickerOptions: { disabledDate(time) { return time.getTime() < Dat

2021-06-02 16:06:39 226

原创 vue3.x版本路由router跳转+传参

显示传参模式 getimport { useRouter } from 'vue-router'; const router = useRouter(); let skipEdit = (key: string, res: any) => { // 个人需求函数自行省略 router.push({ path: 'editRole', query: { key: key, body: res, }, });

2021-04-08 15:14:03 1026

原创 vue中使用富文本插件quill-edito上传图片的问题

页面多个富文本图片上传问题解决方法1，最简单一种将获取富文本的函数改为箭头函数2，模拟下标利用 quillIndex的属性模拟下标 <template> <div class="editor">  <el-upload ref="img" class="avatar-uploader quill-img" :action="uploadImgUrl"

2021-01-15 15:22:03 261 2

原创前端学习网站整理

目录跳转一，网站w3cschool易百教程码农教程简单教程Break易站菜鸟教程二，视频学习B站慕课网实验楼极客学院三，电子书脚本之家码农之家计算机书籍控工联信息网it熊猫极客图书ai books爱分享电子书CSBook四，技术栈官网Vue.jsGitcss之战五，博客社区CSDN博客园掘金简书思否开源中国http://51CTO.COMV2EX腾讯云社区阿里云社区开发者头条GitChat知乎六、国外技术博客社区Stack Overflowdev.ioDZoneBytes七、小微型博客美团技术团队阮一峰的网

2020-11-27 18:06:47 2450

原创 VScode 格式化html属性不换行

1,点击设置，开发菜单栏选择扩展选择插件同理2，找到 Vetur扩展设置3，在用户找到4，加上如下代码 "vetur.format.defaultFormatter.html": "js-beautify-html", "js-beautify-html": { "wrap_line_length": 220, "wrap_attributes": "auto", "end_with_newli

2020-11-12 16:46:40 1106 5

原创 vue-cli4.X项目实现主题切换

我遇到的需求时做一个深色主题和浅色主题切换的一个效果方法一多套css这个方法也是最简单，也是最无聊的<template> 动态获取class名称，进行一个父级class的多次定义 <div :class="className"> <div class="switch" v-on:click="chang()"> {{ className == "box" ? "开灯" : "关灯" }} &lt

2020-09-09 23:06:36 511

原创 vue中Element-ui样式修改

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2020-09-09 22:43:41 3635

原创 Vue-cli4.xPC端项目Rem适配

适配准备安装 (amfe-flexible) 和（postcss-px2rem）1, 安装依赖并在main.js中引入该依赖npm i amfe-flexibleimport “amfe-flexible”2,安装第二依赖npm i postcss-px2rem并在paackage.json中配置此依赖 "postcss": { "plugins": { "autoprefixer": {}, "postcss-px2rem": { "

2020-09-08 15:17:00 855

原创 vue三级路由显示+面包屑

问题一：如何让三级路由内容显示显示在一级路由页面可以说是我点级二级路由导航的时候是不发生跳转的，但还要去动态的生成面包屑const routes = [{ path: '/', name: 'Home', component: Home, redirect: '/home', meta: { title: "首页" }, children: [{ path: '/home', name: 'homeContent', compon

2020-09-03 19:02:28 1612 3

原创 React初次学习

ReactReact是一个用于构建用户界面的JavaScript库React主要用于构建UI，很多人认为React是MVC中的V（视图）React起源于Facebook的内部项目，用来建设instagram的网站，并于2013年5月开源。React拥有较高的性能，代码逻辑非常简单，越来越多的人已经开始关注和使用它。React特点“声明式设计"—React采用声明范式。可以轻松描述应用。”高效"—React通过对DOM的模拟，最大限度地减少与DOM的交互。“灵活”—React可以与已知的库和

2020-07-08 10:59:39 105

原创 css元素浮动和清除浮动的方法

文章目录标准文档流float属性-浮动float属性的特性浮动的应用场景clear属性-清除浮动清除浮动的方法标准文档流 “标准文档流”（Normal Document stream），简称“标准流”，是指在不是使用其他与排列和定位相关的特殊css规则时，各种元素的排列规则；float属性-浮动浮动：是元素脱离“标准文档流”。该属性的值指出了对象是否浮动以及浮动的反向设置float常用的属性值有left和right，分别为左浮动和有浮动 float:left; float:righ

2020-07-07 20:49:47 162

原创 CSS层叠性，继承性

css特性层叠性：层叠性是指当一个标签被设置了多个重复的样式的时候，一个属性会覆盖另一个属性。层叠性主要遵循的原则就是就近原则，在不考虑优先级的情况下，在多个样式中最终生效额样式是离标签最近的样式。继承性：继承性是指当标签没有设置样式时，会继承父标签的样式，比如一个标签没有设置背景颜色，那么子标签会继承父标签的背景颜色。可继承的属性比如由字体属性（字体颜色，字体大小之类的），文本属性，行高之类，背景类属性（背景颜色之类的）优先级!important 作用是提高指定css样式规则的应用的优先级。

2020-07-07 19:36:39 815

原创 CSS13种选择器

文章目录CSS选择器CSS选择器CSS选择器也称为选择符，用于选择需要添加样式的元素全局选择器（通配符选择器）：用于选择需要添加样式的元素如： *{margin:0;padding:0;}通常不建议使用通配选择符，因为它会遍历并命中文档中所有的元素，出于性能考虑，需要酌情使用。标签选择器（元素选择符）：用于声明标记采用的样式如：p{color:red;}类别选择器：用来为相同的类名标签定义相同的样式。类别选择器在页面上会有很多1. 先使用class在便签上定义类名：如 <p cl

2020-07-07 19:06:30 191

原创微信支付功能流程简单记录

微信支付功能微信小程序支付功能限制微信小程序支付开发准备准备流程需要注册账号微信小程序支付流程商户后台逻辑(java)登录功能官方支付SDK微信小程序支付功能限制在IOS端不能用于虚拟支付（充会员，购买音/视频）微信小程序支付开发准备准备流程需要注册账号个人的是不管用的微信小程序账号(https://mp.wexin.qq.com)(企业身份) 认证——>获取appid——>生成secret(密钥)——> 开通支付——> 关联商户号微信商户平台账号(https:/

2020-07-07 18:19:49 371

原创 CSS语法，引入方式

CSS语法，引入方式什么是CSS?为什么要使用CSS？怎么设置CSS样式？语法样式表分类行内样式表内联样式表链接样式表导入样式表什么是CSS?Cascading Style sheet (层叠样式表)的缩写用来控制网页外观。（修改和美化HTML）HTML 超文本标记语言从语义的角度描述页面结构CSS 层叠样式表从审美的角度负责页面样式JavaScript 从交互的角度描述页面行为为什么要使用CSS？使页面代码更少，网页下载更快实现了内容与样式的分离，使网站维护更快捷使网页与浏

2020-07-07 15:05:38 227

原创了解HTML的基本标签（2）

表单标签定义：<form>标签创建供用户输入的表单，主要负责数据采集的功能，有客户端向服务器端传递数据。（应用：注册页面/调查问卷/登录/留言）语法：<form 属性="属性值" ...> 表单元素 </form>属性： action(数据传递的地址) <form action="1.html">...</form> 当用户点击确认按钮时，表单的内容会被传送到另一个文件，表单的动作属性定义了目的文件的文件名。由动作属性定

2020-07-06 09:55:55 148 1

原创了解HTML的基本标签（1）

基本便签图片标签1，图片标签作用：<img src="路径">定义图像。————行内元素语法：<img 属性1="属性值".../>属性：src（用于指定图片源文件的路径） width(宽度) height(高度)只设置一个属性，另外一个自动缩放版按比例 alt(图片无法正常显示时的替代文字)文字替代属性在浏览器无法载入图像时，替换文字属性告诉读者她们失去的信息。此时浏览器将显示这个替代性的文本而不图像。为页面上的图像都加上替换文本属性是个好习惯

2020-07-05 16:54:01 154

原创 HTML的元素分类和特性

HTML元素的分类行内元素（内联元素）：特点和其它元素都在一行上显示；元素的高度，宽度，行高以及顶部和底部的边距是无法设置的。元素的高度就是它包含的文字或图片的宽度，不可改变...

2020-07-05 12:17:16 212

原创了解一下什么是HTML

什么是HTML？HTML 指的是超文本标记语言（Hyper Text Markup Language）HTML 是用来描述网页的一种语言，作用就是给纯文本文件添加语义的。HTML 不是一种编程语言，而是一种标记语言（Markup Language）HTML 是W3C（World Wide Web Consotium）组织推荐使用的一个国际标准，是一种用来制作超文本文档的简单标记语言。我们在网页上看到的文字，图片，视频等都是通过HTML 展示的。超文本的概念：超文本是用超链接的方法，将各种不同空间.

2020-07-05 00:31:38 540

原创 W3C网页标准

什么时W3C标准？网页的制作的主要标准是W3C制定的WEB技术标准，W3C：(world wide web consortium )万维网联盟，万维网联盟创建于1994年，是web技术领域最具权威和影响力的国际中立性技术标准机构。WEB标准WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（structure），表现（presentation）和行为（behavior）。对应的标准也分为三方面：结构化标准语言主要包7777777777777777777777777777777.

2020-07-04 23:54:02 1656

空空如也

空空如也