自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(124)
  • 收藏
  • 关注

原创 uniapp入门学习

文章目录uni-app介绍什么是ui-appui-app社区和规模uni-app基础ui-app初体验开发方式项目结构介绍项目目录样式和sass样式和sass基本语法事件组件生命周期ui-app项目项目简介(懂你找图微信小程序)uni-app介绍什么是ui-appui-app是一个使用vue.js语法来开发所有前端应用的框架(网页应用、安卓应用、苹果应用、各种小程序应用(微信、qq、支付宝等))##线上产品csdn ,开源中国,咪咕商城、中国银联、招商银行等等ui-app社区和规模380万

2020-05-13 22:40:17 3372 1

原创 前后端项目部署方案

1.前后端一起部署(前端打包成静态文件后,拷贝到后端项目中。然后部署后端项目)2.前后端分离部署,前端使用后nginx部署,后端直接运行.jar

2020-05-08 22:20:31 5389

原创 Object.assign()深拷贝还是浅拷贝?

在写vue组件需要完成一个功能是:点击编辑按钮,弹出对话框,可以进行编辑,点击取消,取消编辑,点击确定,将编辑的内容显示。 <el-button size="mini" @click="showEditView(scope.$index, scope.row)"...

2020-02-22 14:25:52 14864 3

原创 uniapp项目-懂你找图

项目介绍项目搭建ui-uiuni-api

2024-04-02 15:47:26 427

原创 canvas变换

<!-- canvas变换 translate(x,y) 移动原点到一个不同的位置(累加的) rotate(angle) (angle参数是弧度,顺时针方向) 旋转的中心点是canvas的原点(translate来改变原点) scale(x,y) 两个参数,横轴竖轴的缩放因子 --> <style type="text/css"> #test{ background-color: #008000; } </st

2020-07-01 15:01:34 247

原创 canvas实例:签名

canvas签名<canvas id="test" width="500" height="500"></canvas> <script type="text/javascript"> window.onload=function(){ var testNode = document.getElementById("test") if(testNode.getContext){ var ctx = testNode.getContex

2020-06-17 12:33:10 258

原创 html5canvas基础

文章目录canvas基础canvas画矩形canvas绘制三角形save& restorecanvas基础1.什么是canvash5新增元素,可通过js中的脚本来绘制图形使用标签来定义一个canvas元素,使用这个标签时建议成对出现,不要使用闭合形式(考虑兼容)canvas默认具有宽高width:300px;height:150px;2.替换内容标签中提供替换内容,不支持canvas的浏览器就会显示内容,而支持canvas标签的浏览器就会忽略标签中的内容3.标签只有两个属性:widt

2020-06-17 09:20:24 455

原创 h5语义化标签

1在h5之前,我们使用div表示页面各个部分,但是这些div都没有实际意义各大浏览器分析了上百万的页面,从中发现div的名称的通用id名称大量重复,,所以h5引入了语义化标签 <hgroup></hgroup> 代表网页或section的标题,当有多个层级时,该元素可以将h1-h6放在其内,例如文章主标题和副标题的组合 使用:如果只有一个h1-h6标签就不用这个标签 如果有连续多个h1-h6标签就用这个 如果有连续多个标题和其他文章数据,h1-h

2020-06-15 21:19:37 365

原创 h5

1. h5是html标准的最新版本,术语表示两个概念: 1.他是一个新版本的html语言,具有强大的元素、属性和行为 2.它具有更大的技术集,允许多样化和强大的网站和应用程序。 html5 约等于html +css+ js 2 html5优势 跨平台(浏览器应用(所以跨平台) java运行在jvm虚拟机上所以也是跨平台) 快速迭代 降低成本 导流入口多 分发效率高 3.doctype和浏览器渲染模式 通常,文档类型声明位于html文档的最前面,因为浏览器在解析html之.

2020-06-15 15:21:11 399

原创 将本地项目传到github

首先在github上新建仓库,将仓库url地址记下来然后得在本地下载安装git接下来打开git bash1.cd 到你得项目文件夹地址2.输入git init (在当前目录下生成本地的git管理)3.输入git add .(将项目所有文件添加到仓库中,若是要添加指定文件,只需要把点换成特定的文件名就可)4.输入git commit - m "description"(表示你对这次提交的注释)5.git remote add orgin 你的仓库url地址(将本地仓库关联到github上)6.

2020-06-15 14:56:01 178

原创 h5的新增属性classList、contenteditable、自定义属性data-*

1.h5新增属性classListclassList 属性返回元素的类名,作为 DOMTokenList 对象。该属性用于在元素中添加add(),移除remove()及切换toggle()CSS 类。2.data-为H5新增的为前端开发者提供自定义的属性,这些属性集可以通过对象的 dataset 属性获取,不支持该属性的浏览器可以通过getAttribute 方法获取注意:data-之后的以连字符分割的多个单词组成的属性,获取的时候使用驼峰风格<div id="test" class="la

2020-06-14 09:26:59 369

原创 h5-attribute和property

1.什么是attribute,什么是property属性?attribute:html自定义属性 html预定义属性property:js原生对象的直接属性每一个预定义的attribute都会有一个property与之对应2.什么是布尔值属性,什么是非布尔值属性?同步关系布尔值属性:你的property是布尔值类型 checked就是布尔值属性改变property不会同步attribute在没有动过property时,attribute会同步property一旦动过就不会同步非

2020-06-14 08:22:12 399

原创 vue组件通信六种方式

https://segmentfault.com/a/1190000019208626

2020-06-11 18:38:36 167

原创 在腾讯云服务器上部署项目

腾讯云服务器有十多天的免费试用期,可以拿这个来学习本地项目部署到服务器。供外网访问自己的项目。1.申请服务器进入服务器列表点击更多进行密码重置点击登陆输入用户名密码登陆就进入linux操作系统命令行界面了2.nginx安装参考菜鸟教程https://www.runoob.com/linux/nginx-install-setup.html先安装PCRE,PCRE 作用是让 Nginx 支持 Rewrite 功能。1.下载 PCRE 安装包[root@bogon src]# cd /

2020-05-17 22:06:38 76 1

原创 一次编辑多行代码

shift+alt可出现多行光标ctrl+左箭头移到单词开头ctrl+shift+右箭头选中每行的那几个单词左右箭头移动光标位置

2020-05-15 18:29:31 995

原创 前端路由

路由这个概念最初出现在后台,传统mvc架构的wdb开发,由后台设置路由,当用户发送请求时,后台根据路由表的规则将数据渲染到模板上,并将模板返回给用户。所以,每次用户请求就得刷新一次页面。 ajax的出现解决了这个问题,采用异步加载数据的方式实现局部页面刷新,提升了用户体验。 而异步交互体验的最高版本是spa。不仅页面交互无刷新,页面跳转也可无刷新。 前端路由由此而生。 ...

2020-04-30 17:10:34 277

原创 npm使用

npm是什么NPM是随同NodeJS一起安装的包管理工具,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。安装node:去官网下载对应操作系统的 nodeJS,官网地址:https://nodejs.org/en/downl...

2020-04-18 14:09:05 201

原创 vue-cli3创建项目

安装vue-cli3npm install -g @vue/cli创建项目vue create demo运行项目npm run serve项目结构:

2020-04-18 12:14:40 93

原创 vue-cli2编写项目

项目创建vue init webpack vue_demo //下载模版cd vue_demonpm install项目结构

2020-04-18 12:11:15 105

原创 js分号

在js,不加分号也 是有效的语句。但是如果你喜欢不加分号,要在以 “(”、"[" 、"/"、"+"、"-" 开头的语句前面都加上一个分号。否则可能出现语句和上一条语句相连达到预想之外的效果。...

2020-03-24 09:41:32 227

原创 几道经典js面试题

关于堆栈内存的几道题1对象属性名数字和字符串数字是相等的 let a={},b="0",c=0; a[b] = "呵呵"; //a["0"] = "呵呵" a[c] = "hh"; //a["0"] = "hh" console.log(a[b]); //hh /*一个对象中属性名不能重复,属性名一般都是字符串(数字0和字符串0是相等的)*/...

2020-03-22 16:41:39 143

转载 数据库设计

一、数据库设计简介按照规范设计,将数据库的设计过程分为六个阶段:A、系统需求分析阶段B、概念结构设计阶段C、逻辑结构设计阶段D、物理结构设计阶段E、数据库实施阶段F、数据库运行与维护阶段需求分析和概念结构设计独立于任何数据库管理系统。二、系统需求分析1、需求分析的任务需求分析的任务:对现实世界要处理的对象进行详细的调查,通过对原系统的了解,收集支持新系统的基础数据并对其进行处...

2020-03-21 23:07:53 480

原创 elementui中el-input类型设置为number类型

当需要验证的字段是数字类型的时候,需要使用 v-model.number 来绑定,否则验证的时候会当做字符串处理,结果就无法验证 <el-input v-model.number="tax.salary"></el-input>rules里面: salary: [{required: true, message: '请输入工资',type:...

2020-03-16 17:12:38 33716 1

原创 java.sql.SQLException: Field 'id' doesn't have a default value

在用Mybatis向数据库插入数据时报错:解决方法:在数据库设置自增

2020-03-15 20:47:01 209

原创 03使用spring initialzer快速创建springboot项目

idea创建项目项目信息选择模块点击finish最后就会联网从springboot官网创建springboot项目。新建helloController@ResponseBody/*把这个类的所有方法返回的数据写给浏览器,如果是对象转为json对象*/@Controller/*能够处理请求*/public class HelloController { @RequestMap...

2020-03-08 21:41:35 475

原创 02sprigboot-helloworld

Helloworld功能:浏览器发送Hello请求,服务器接收请求且做出响应1.创建一个maven工程(jar)2.导入springboot相关依赖<parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-star...

2020-03-08 21:06:37 111

原创 数据库中的日期数据传到服务端少了一天

解决方法在日期变量上添加注解如: @JsonFormat(pattern = "yyyy-MM-dd",timezone = "Asia/Shanghai") private Date birthday;也有可能是数据库驱动有问题,改为jdbc:mysql://localhost/text?serverTimezone=Asia/Shanghai...

2020-02-28 14:35:45 592

原创 springboot入门

简介springboot 简化spring应用开发的一个框架,是整个spring技术栈的大整合,是J2EE开发的一站式解决方案。优点:快速创建独立运行的spring项目以及主流框架集成使用嵌入式的servlet容器,应用无需打成war包。可以直接打成jar包,用java -jar的命令来运行starters(也称为启动器)自动依赖管理与版本控制(比如要用web功能就导入web的star...

2020-02-26 00:04:25 120

原创 postman成功返回数据,但是浏览器返回状态码500,原因,传过去的参数格式出错

vue网络请求工具axios在发送请求的时候使用的是键值对,而不是json格式。/*封装请求*/let base = "";/*定义一变量作为前缀如果想给请求加前缀,修改base就好了*/export const postKeyValueRequest = (url,params)=>{/*springSecurity登陆的请求默认使用key-value传参,不支持json(可以...

2020-02-17 13:48:28 9076

原创 SpringBoot启动报org.springframework.boot.test.context

idea运行java程序的时候报错,提示:“Error:(4, 25) java: org.springframework.boot.test.context找不到符号符号:类 xxx位置:程序包 xxx.xxx”。我当时出现这种情况是因为用idea的maven打了jar包,之后运行程序出现上述错误。解决方法:用maven中的“clean”清理掉刚才打的jar包之后就不会报错了。...

2020-02-14 22:29:22 2105

原创 redis的认识和安装

为什么要使用redis?它是一个高性能的key-value数据库。特点:Redis支持数据的持久化,可以将内存中的数据保存在磁盘中,重启的时候可以再次加载进行使用。Redis不仅仅支持简单的key-value类型的数据,同时还提供list,set,zset,hash等数据结构的存储。Redis支持数据的备份,即master-slave模式的数据备份。思考:1.当用户第一次访问数据...

2020-02-12 22:45:08 83

原创 idea导入springboot项目,运行按钮呈现灰色

解决:1.在idea右侧工具栏,点击maven2.点击+,选择需要启动工程的pom文件,点击ok3.在右侧就会出现该工程以及工程下的所有子工程4.点击展开需要启动的工程->Lifecyle5.双击install...

2020-02-11 16:02:47 13232 5

原创 模块化

1理解:什么是模块/模块化?将一个复杂的程序依据一定的规范封装成几个块,并组合在一起块的内部数据/实现是私有的,只是向外部暴露一些接口(方法)与外部其他模块通信为什么要模块化?降低复杂度提高解耦性部署方便模块化的好处:避免命名冲突更好的分离,按需加载更高复用性更好维护页面引入加载script问题:请求过多依赖模糊难以维护2模块进化史全局function模式 ...

2020-02-09 16:51:51 135

原创 安装Vue Devtools插件成功后使用提示Vue.js not detected

解决:找到vue devtools插件安装目录,找到manifest.json文件,将persistent的值改为true2.又出现问题Vue.js is detected on this page. Open DevTools and look for the Vue panel.解决:在vue项目的main.js添加一行代码:Vue.config.devtools = true...

2020-02-09 16:49:32 1299

原创 启动mysql报错20:42:30 [mysql] Error: MySQL shutdown unexpectedly.

解决方法:关闭系统mysql服务

2020-02-08 20:50:19 1481

原创 MySQL插入数据 报错Incorrect string value: '\xE4\xBD\xA0\xE5\xA5\xBD' for column”问题

遇到的问题:插入数据中带有中文字符时,数据库报错“Incorrect string value: ‘\xE4\xBD\xA0\xE5\xA5\xBD’ for column”解决方法:数据库和表的默认字符编码都要设置为utf-8...

2020-02-08 20:48:03 548

原创 布局扩展-多列布局

多列布局(分栏布局)栏目宽度column-width栏目列数column-count栏目距离column-gap栏目间隔线column-rule

2020-02-02 21:54:14 201

原创 布局扩展-响应式布局核心

媒体查询是响应式方案核心 媒体类型 all 所有媒体(默认值) screen 彩色屏幕 print 打印机 projection 手持设备 tv 电视 braille 盲文触觉设备 embossed 盲文打印机 speech "听觉"类似的媒体设备 tty 不适用像素的设备 媒体属性 ...

2020-02-02 21:39:39 272

原创 布局扩展-flex布局

CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。...

2020-02-02 20:36:14 297

原创 CSS3 动画

CSS3 动画当在 @keyframes 中创建动画时,请把它捆绑到某个选择器,否则不会产生动画效果。通过规定至少以下两项 CSS3 动画属性,即可将动画绑定到选择器: 规定动画的名称规定动画的时长 animation-name规定@keyframes动画的名称 animation-duration规定动画完成一个周期所花费的秒和毫秒。默认0 animation-...

2019-12-10 21:43:22 102

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除