- 博客(42)
- 收藏
- 关注
RSS订阅原创 百度地图与页面debugger
1、百度地图api : 基于3.0版本BMap 为所有类的父类BMap下为各个子类例如： 创建地图实例化: this.map = new BMap.Map(“view-container”);其他类以及方法看百度api建议：如果在查看js 或者 其他资料 最好上官网...
2022-03-13 00:40:09
398
原创 npm publish 403 403 Forbidden - PUT https://registry.npmjs.org/fz_test_utils - Forbidden
1、因为npm使用的是刚新建的账号，没有用邮箱进行校验。需要登录邮箱先进行校验后发布版本。
2021-11-10 10:39:25
1071
原创 element-ui文件导入导出功能
导出：导出功能主要是前端获取后端接口，后端接口返回的是文件流格式的数据，前端对文件流进行转换HTML代码<el-button @click="outPortData">导出</el-button>JS代码:outPortData() { outData().then(res => { const filename = res.data.msg; fileDown(filename).then(ress => { const blob = new Blob([ress
2021-10-27 22:50:12
2384
1
原创 css进行布局时，同一行多个元素摆放后，设置margin-right让他们之间产生间距，那么最后一个元素设置margin-right是多余的
解决方法一：每一行的最后一个元素，总是加一个class,通过类选择器去除这个margin-right解决方法二：通过伪类选择器（需要考虑到兼容性问题）解决方法三：.container固定的宽度 >.wrap+负margin>涉及到公式，实际上就是.container进行撑大。...
2021-09-12 10:52:58
1346
1
原创 typescript
ts的定义：typescript是拥有类型的javascript超集，可编译成普通、干净、完整的javascript代码ts,es6 都是加强版的js
2021-09-10 18:06:18
53
原创 git指令
git撤回到历史提交版本1.第一种情况：还没有push，只是在本地commitgit reset --soft|–mixed|–hard <commit_id>这里的<commit_id>就是每次commit的SHA-1，可以在log里查看到git log2.commit push 代码已经更新到远程仓库对于已经把代码push到线上仓库，你回退本地代码其实也想同时回退线上代码,回滚到某个指定的版本，线上，线下代码保持一致，你要用到下面的命令git revert <
2021-08-25 10:30:16
79
原创 实现中奖信息列表滚动
原生js方式：https://cloud.tencent.com/developer/article/1753565?from=information.detail.js%E4%B8%AD%E5%A5%96%E5%8C%80%E9%80%9F%E6%BB%9A%E5%8A%A8css3动画效果：http://www.10qianwan.com/articledetail/764762.html
2021-06-11 18:00:53
468
转载 HTML5中常用的标签(及标签的属性和作用)
文章链接1、标签:<!DOCTYPE>作用:声明是文档中的第一成分，位于标签之前。2、标签:作用:此元素可告知浏览器其自身是一个HTML文档。属性:manifest:值(url)为脱机使用定义缓存信息。3、标签:作用:标签用于定义文档的头部，它是所有头部元素的容器。属性:profile:值(URL)一个有空格分隔的URL列表，这些URL包含着有关页面的元数据信息。4、标签:<br/>作用:元素可定义文档的标题。<br/>属性:dir:值(rtl,lt
2021-05-14 11:42:55
2452
转载 css基础及使用
文章内容来自：1.块级元素（block）与内联元素（inline）的区别： 简单地说，块级元素用来搭建网站架构、布局、承载内容，负责整体的大的方面。块级元素总是会另起一行开始，其高度、行高和边距都是可控的。内联元素负责局部和细节，在同一行显示，其高度、行高和边距不可控。 通过display：block;或者display:inline两者可以相互转化。 至于可变元素是可以根据上下文语境决定是块级元素还是内联元素，好吧，它最灵活了=。=2.分类明细:(照搬来的）块元素(block eleme
2021-05-14 08:56:48
51
原创 webpack使用及其node
webpack配置文件名 默认为:webpack.config.js工程中需要用到node 东西时 ，先npm initpackage.json是node生成的 由npm init来的。可进行一些包的配置package-lock.json 文件是 npm install生成可以在package.json 文件的script中 设置终端的输入命令，且package.json中优先执行本地的依赖，在去执行全局。而终端命令都是执行全局变量。本地安装开发时依赖：npm install webpack@3.
2021-05-09 17:47:45
980
原创 续5.1号未写的记录
忽然在今天想起来，原本打算5.1号就开始写这个文章记录学习的，没想到还是忘了。那就今天记录一下吧~也算给自己总结总结打打气。从接触编程也快1年的时间了吧。最开始从后端学起，匆匆忙忙的把后端的基础学了，原以为会一直走后端的，想到之前老师让我学前端我还一脸嫌弃，想想现在真香= =。到了现在公司让我开始接触了前端，前端东西也是很多。想着既然接触了前端，公司也想让我学前端，那就先好好学学前端吧~~！所以接下来的日子也是记录一些前端了。希望可以前端这条路好好走一下吧~ 虽然我也是不知道之后会往啥方向发展。把前端学
2021-05-06 21:49:11
56
原创 webpack,node,npm的关系
1、webpack是 模块化打包工具，它依赖于node环境2、node内嵌npm npm（node pack managge）所以npm类似于后端的maven
2021-05-06 21:28:07
267
原创 es6中async函数理解与使用
generator函数：yield ：暂停执行next：回复执行yield 只能用在 generator函数中，否则会报错。另外，yield表达式如果用在另一个表达式之中，必须放在圆括号里面。function* demo() { console.log('Hello' + yield); // SyntaxError console.log('Hello' + yield 123); // SyntaxError console.log('Hello' + (yield)); // O
2021-04-19 21:09:48
77
原创 iconfont图标库的使用
1、将所选图标加入项目中2、下载后解压：主要引入.css 和.js文件3、在main.js文件中引入全局iconfont.css和iconfont.js文件图标引用.
2021-03-29 15:10:28
179
原创 html整理及刨坑
html 全称 HyperText Mark-up Language■ 标记写法：任何标记皆由"<“及”>“所围住，如 标记名与小于号之间不能留有空白字符。某些标记 要加上参数，某些则不必。如 Hello参数只可加于起始标记中。在起始标记之标记名前加上符号”/"便是其终结标记，如 标记字母大小写皆可■ 围堵标记与空标记：标记按型态分为围堵标记与空标记1、围堵标记例如 HTML Source ： Creation of Webpage is my favourite.空标记
2021-03-12 18:04:50
68
原创 vue-admin-template前端框架的使用
1、gitHub上拉取项目2.cmd 进入项目（用npm下载环境及启动项目）node.js 是javascript的运行环境.npm则是类似于maven的一个远程仓库配置npm installnpm run dev 会自动跳出页面
2021-03-11 17:47:30
388
1
原创 微信小程序常用快捷键
格式调整 Ctrl+S：保存文件Ctrl+[， Ctrl+]：代码行缩进Ctrl+Shift+[， Ctrl+Shift+]：折叠打开代码块Ctrl+C Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行Shift+Alt+F：代码格式化Alt+Up，Alt+Down：上下移动一行Shift+Alt+Up，Shift+Alt+Down：向上向下复制一行Ctrl+Shift+Enter：在当前行上方插入一行光标相关 Ctrl+End：移动到文件结尾Ctrl+Home：移动到文
2021-03-08 09:02:00
854
原创 java23种设计模式---单例模式
文章参考来自概念： java中单例模式是一种常见的设计模式，单例模式的写法有好几种，这里主要介绍三种：懒汉式单例、饿汉式单例、登记式单例。 单例模式有以下特点： 1、单例类只能有一个实例。 2、单例类必须自己创建自己的唯一实例。 3、单例类必须给所有其他对象提供这一实例。单例模式确保某个类只有一个实例，而且自行实例化并向整个系统提供这个实例。在计算机系统中，线程池、缓存、日志对象、对话框、打印机、显卡的驱动程序对象常被设计成单例。这些应用都或多或少具有资源管理器的功能。每台计算机可以
2021-03-03 11:54:18
110
原创 DO / BO / DTO / VO / AO / PO / UID详解
内容来源：ps 因为很多概念不懂，基本引用文章。如文章有不合适请联系删除。csdn文章PO(Persistent Object) 持久对象跟bean层一样，是将数据库数据封装成对象层。持久化对象数据。拥有get/set方法等。BO(Business Object) 业务对象封装对象、复杂对象，里面可能包含多个类主要作用是把业务逻辑封装为一个对象。这个对象可以包括一个或多个其它的对象。用于表示一个业务对象。BO 包括了业务逻辑，常常封装了对 DAO、RPC 等的调用，可以进行 PO 与
2021-02-08 08:51:07
2796
原创 mysql 的动态sql
一般用于数据备份，例如：创建表时表名为固定字符串+当前时间下面展示一些 内联代码片。set @sqlstr = concat('CREATE TABLE `exp_with_cost`',date_format(now(),'%Y%m%d'),"select * from exp_with_cost") //备份表的数据PREPARE stmt1 FROM @sqlstr ; //预处理动态sql语句EXECUTE stmt1 ; //执行动态sql次方法只能用于sql语句，不可用于拼接字
2021-02-06 16:41:53
284
原创 mysql 存储过程和定时任务
创建及调用具体代码如下：下面展示一些 内联代码片。show variables like '%event_sche%'; -- 查看定时策略是否开启 set global event_scheduler=1; -- 开启定时策略delimiter $$ -- 修改; 将$$设为结束符create Procedure mypro() -- 创建存储过程begininsert xxx (此处为执行代码)end$$delimiter ;create event second_even
2021-02-06 10:37:27
177
1
原创 数据库函数整理
1、MYSQL查询数据表中某个字段包含某个数值类似于查询表A字段是否存在于表B：LOCATE(substr,str) ：查询出表A字段存在于表B，不过是通过索引查找，不会对，进行区分。所以表B如果出现表A的相同值就会查出2条数据。例如：表A中72 表B 存在720 也会被查询出来。LOCATE(substr,str) ,LOCATE(substr,str,pos)POSITION(substr IN str)INSTR(str,substr）功能类似。其他未细看。2、find_in_se
2021-02-05 17:39:38
67
原创 RocketMQ
rocketMQ的组成部分rocketmq由四大核心模块组成：producer（制作人）、consumer（消费者）、brokerServer（代理服务器）、nameServer（服务器姓名）。其中brokerServer和nameServer是rocketmq的服务端，两者一起独立的对外提供服务；而producer和consumer可看做是rocketmq的客户端，一般依附于业务应用程序。...
2021-01-22 18:08:56
54
原创 Vue
Vue.js优点：1.体积小压缩后33K;2.更高的运行效率基于虚拟dom,-种可以预先通过JavaScript进行各种计算,把最终的DOM操作计算出来并优化的技术，由于这个DOM操作属于预处理操作，并没有真实的操作DOM，所以叫做虚拟DOM。3.双向数据绑定让开发者不用再去操作dom对象，把更多的精力投入到业务逻辑上 。4.生态丰富、学习成本低市场上拥有大量成熟、稳定的基于vue.js的ui框架、常用组件!拿来即用实现快速开发。Vue.js的引入1、下载：vue.min.js包2、引
2021-01-07 20:15:42
274
2
原创 Dubbo
----->SOA架构SOA 面向服务的架构(Service Oriented Architecture) 是一个组件模型，它将应用程序的不同功能单元进行拆分，并通过这些服务之间定义良好的接口和协议联系起来。接口采用中立的方式进行定义，他应该独立于实现服务的硬件平台，操作系统和编程语言。这使得构建在各种各样的系统中的服务可以以一种传统和通用的方式进行交互。面向服务架构，它可以根据需求通过网络对松散耦合的粗粒度应用组件进行分布式部署，组合和使用。服务层是SOA的基础，可以直接被应用调用，从而有效控制
2020-12-29 20:17:46
62
原创 idea中git的使用
1、配置本地git仓库VCS->import into version control->Create Git Repository->项目2、提交到本地仓库3、
2020-12-28 15:05:52
48
原创 前端涉及到的技术要点
关键词node.jsnpmnwebbackspa(single page app)vue.jsES6语法规则typescriptangular.js
2020-12-24 11:27:12
457
原创 微服务之springcloud
SpringCloud分布式架构的概念：多个子模块相互协作才能完成业务流程，系统之间需要进行通信。优点：1、把模块拆分，使用接口通信，降低模块之间的耦合度。2、把项目拆分成若干个子项目，不同团队负责不同子项目。3、增加功能时只需要再增加子项目，调用其他系统的接口4、可以灵活进行分布式部署缺点：1、系统之间交互需要使用远程通信，接口开放量增加2、各个模块间一些通用业务逻辑无法共用集群概念：同一个工程部署到多台服务器上SOA：Service Oriented Architecture面向服
2020-12-15 20:19:23
82
原创 WebService理解与运用。
WebServiceWebService简介Web Service技术， 能使得运行在不同机器上的不同应用无须借助附加的、专门的第三方软件或硬件， 就可相互交换数据或集成。依据Web Service规范实施的应用之间， 无论它们所使用的语言、 平台或内部协议是什么， 都可以相互交换数据。简单的说，WebService就是一种跨编程语言和跨操作系统平台的远程调用技术。所谓跨编程语言和跨操作平台，就是说服务端程序采用java编写，客户端程序则可以采用其他编程语言编写，反之亦然。跨操作系统平台则是指服务端程
2020-12-14 14:47:15
190
原创 在确定没什么重大错误时，出错编译出错的检查顺序。
1、检查导包是否导入错误2、一些类名或者细节性的字符串有什么写错3、maven依赖是否导入错误4、检查yml或者propertice配置是否出错总结：编码时一些细节性的错误尽量不要出现，否则检查起来特别麻烦。...
2020-12-12 11:54:58
128
原创 springboot与jpa整合
1、什么是JPA?JPA- JAVA Persistence API java持久层应用程序开发接口，是java官方开发持久层的一个规范技术。
2020-12-08 18:01:46
99
原创 创建一个springboot项目
接触了新的工作啦~然后陆陆续续应该会接触到一些比较新的技术框架，比如springboot,springcloud,swagger等等因为大概已经知道ssm的一些操作及运用了 所以，接下来直接用springboot进行复习整理啦~使用springboot 需要知道spring的一些操作，spring操作主要运用于依赖注入和控制反转，顺便提一下mybatis是用于数据库连接，springmvc则是一个前后端数据交互也就是controller。springboot就是对原有spring的一些繁琐配置进行简化
2020-12-02 08:28:48
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人