国家一级程序猿种子人员-优快云博客

原创欢迎来到国家一级程序员博客空间

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

2019-05-18 17:51:00 528

原创 angular父子通信

angular父子通信简单总结

2023-06-04 18:45:31 297

原创使用bable打包js

将js中的高级语法转换成浏览器支持的方式。

2022-08-20 16:42:01 338

原创 VUE总线使用步骤

vue使用总线监听

2022-04-09 18:31:34 788 2

原创 VUE的生命周期

1.什么是生命周期从vue的创建、运行、销毁的期间总会伴随着各种各样的事件，这些事件被称为生命周期。2.什么是生命周期钩子就是生命周期函数。3.生命周期分为三类3.1 创建期间函数分类beforeCreate：实例刚在内存中被创建，此时还没有初始化好data和methods中数据。created: 实例已经在内存中创建完成，此时data和methods中有数据，但未进行编译。beforeMount：此时模板完成编译，但是未在界面上进行渲染。mounted：元素已经开始挂载到界面，并在界面渲

2022-03-20 10:06:00 316

原创 css中的位置定位

css中四种位置定位详解

2022-02-12 12:40:59 1192

原创 vue中使用别名

vue中使用别名引入文件

2022-02-12 10:38:45 742

原创解决前端跨域问题

背景：项目领导让我调用接口，在前端实现功能，使用ajax时候调用，却发现出现跨域问题了，然而，后端却无法解决，就通过问同事进行解决。解决办法：使用nginx在本地启动有一个服务。具体实现：1、首先在官网下载一个Nginx。2、打开软件的conf路径下的nginx.文件 3、备注：要运行的html文件一定放到Nginx的html文件下，要不然会报404，而且浏览器的地址栏如果是localhost不能输入，必须输入127.0.0.1，否则出现跨域。...

2021-11-21 10:17:00 1782

原创快速搭建VUE项目

https://www.cnblogs.com/winter92/p/7117057.html

2021-05-28 16:34:31 112

原创微信小程序中轮播图的使用

<viewclass="index_swiper"><!--1.swiper标签存在默认的高度和宽度100%*150px2.image也存在默认的高度和宽度320px*240px3.设计图片和轮播图3.1先看原图的宽高750*3403.2图片高度自适应宽度等于100%4.图片的标签mode属性渲染模式widthFix让图片的宽和...

2021-04-11 18:21:12 406

原创好用的几个软件

1.https://letsview.com/zh/非常良心的一款软件，是一款良心的投屏工具，可以将手机的屏幕投递到电脑上，也可以将电脑的屏幕投递到手机上。支持：windows版、Mac版、Linux、安卓手机、苹果手机它主要的特点是完全免费，投屏画质高清，投屏使用过程流畅不卡顿。它的使用场景非常丰富，包括：教学、课程讲解、会议演示、设计工作、娱乐、直播等。使用非常简单，只需要在电脑和手机上面安装他家的软件即可立即投屏。2.https://github.com/miaomiaosof

2021-03-24 11:53:41 187

原创 html鼠标放到上面出现折叠效果

web前端开发公众号，网站：www.webqdkf.com </div> </center>

2020-08-24 20:12:29 416

原创 vscode中重要插件便利大家开发使用

1.自动闭合标签插件：Auto Close Tag2.代码对色器Bracket Pair Colorizer3.自动格式化代码ESLint/TSLint4.代码拼写检查器Code Spell Checker

2020-08-24 20:02:32 145

原创响应式样式范围书写

@media screen and (min-width: 766px) and (max-width:1722px){这里的样式就会在大于766px，小于1722px显示}

2020-08-11 09:01:39 268

原创用css3写一个旋转轮播图

话不多说，说多了大家也不爱听，直接上图，上代码。图：只要鼠标放到这个图片上就会发生旋转的现象，可以用作展示图片效果。代码：环状轮播图

2020-07-29 14:39:32 205 2

原创 css四种定位详细讲解

在前端开发中，最重要的莫过于盒子的使用，在盒子中最常用的就是使用定位进行对盒子的位置的调整，这里我简单的介绍下这四种定位方式：1.static：静态定位也是默认的定位方式，该定位是不脱标的定位方式，但是top、right、left、bottom，这些属性对他无效，只能使用margin进行调整位置。2.fixed：固定定位该定位是完全脱标的，位置不保留，位置不会随着页面滚动条的转动进行转动，常用作导航使用。3.relative:绝对定位，这个定位是不脱标的，top,left.right.bottom,会

2020-07-28 18:16:59 347

原创 css3盒子浮动

css3是层级选择样式是非常受欢迎的，在布局中经常会用到盒子，如何排放盒子就牵涉到浮动了，对于很多新手说，对与浮动是把握不住，这里我给大家讲写关于使用盒子布局，想使用这种布局方式，使用左浮动方式，但是事情和想象不一样出现的确实这种情况，遇到这种情况只需要在用浮动的地方使用一个div包裹就行。这样不会出现底部盒子跑到上面了，只要设置浮动相当于漂浮在空中了，不会在地面占位置了，其他的盒子就会占用位置。...

2020-07-18 15:35:09 282

原创 js,es6闭包

1，什么是闭包：闭包就是将一个局部变量，扩展到它本来范围之外进行使用。扩展局部变量的使用范围。使用闭包的时候，有时候很高效，但是有时候会导致，内存泄露，因为变量是内部的，但是函数已经结束了，这个变量如果没有闭包就会销毁，但是因为有闭包，导致这个变量还存在，这个时候就会导致内存泄露了。要合理使用闭包，对正下药。...

2020-06-29 14:19:26 226

原创 js监听按键事件

背景：很多时候需要用键盘操作，来触发事件，因此监听键盘操作是非常重要的事情，这里我简单的讲下如何操作。1.添加事件element.onkeyup = function(e){// 这里可以通过if语句来判断点击的是否符合需要的按键if(e.keyCode ====一个健值){}}ps：有朋友会问e.keyCode是什么，你可在按键事件中打印这个e，console.log(e),你就会发现这个是一个对象，里面包含这一个按键的详细信息，...

2020-06-23 15:29:07 1218

原创 vue部分插件的cdn用法

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><script src="https://unpkg.com/element-ui/lib/index.js"></script><script src=

2020-06-18 16:24:05 679

原创 vue关于语法验证问题

1,在vue项目中根路径下新建一个.prettierrc文件,里面写上如上图的语法验证，这里我简单是说下具体验证规则：“semi”:false 不允许末尾加分号"singleQuote"使用单引号，拒绝使用双引号"trailingComma"尾部不允许加逗号“printwidth”每一行最多能容纳多少个代码，防止过度换行2，插入一张我比较喜欢的图片...

2020-06-18 08:38:35 358

原创 vue中实现三级联动效果

1.这、2.从外部引入这个省市联动三级目录，工程使用地方的script标签里里面import cityOptions from ‘@/assets/js/city_data2017_element.js’这里我把这个文件放在项目的assets文件夹下了。3.在data中获取这个数据cityOptions: cityOptions。4.效果图备注：这个文件我放在这个链接下了链接：https://pan.baidu.com/s/1-0DJD9OB9fTUybat7yaTSw提取码：b4j6...

2020-06-17 14:18:48 885

原创 idea配置tomcat踩坑

很多朋友都在用idea编辑器编辑java，要使用tomcat服务器，但是就是配置不成功，这里我简单的说下为何。这个个是对应表最后一列就是jdk版本，高版本的jdk要配上高版本的tomcat.

2020-06-04 22:09:23 653

原创如何免费下载word文档

很多朋友都有过用word写一个东西，自己一个一个的去写，那可能吗，去网上搜，又下载不了，这下子，可愁怀了吧，这里我告诉你一个最好用的方法去漂文档。1，找到你需要的文档网址，例如：只需要在baiduvvv.com加上三个vvv，开始你的下载旅行吧。...

2020-06-02 22:06:18 6868 1

原创 vue中深度拷贝的使用

1.在可视化面板的运行依赖安装lodash这个依赖插件2.在对应使用该组件的vue中导入import _ from ‘lodash’3.使用const form = .cloneDeep(this.addForm)常用在哪里呢，想使用一个数据但是需要改变内部结构，但是又不能直接改变，就可以使用这个.cloneDeep(数据名字)这样就把数据完整的复制了一边，在这个局部中就可以使用这个数据了，而不会改变该数据的原本内容。...

2020-05-30 20:03:03 938

原创 vue中富文本如何导入

1.在可视化面板中，安装运行依赖搜所vue-quill-editor2.在项目中main.js中进行注册// 导入富文本编辑器import VueQuillEditor from ‘vue-quill-editor’// 导入富文本编辑器的样式import ‘quill/dist/quill.core.css’ // import stylesimport ‘quill/dist/quill.snow.css’ // for snow themeimport ‘quill/dist/quill

2020-05-30 19:52:48 288 2

原创火狐浏览器去除广告

很多朋友使用火狐浏览器，但是使用的过程中会出现大量的广告验证影响了我们的使用效果，这里我简单的说下如何使用插件去除火狐浏览器中的广告：1,2.3.4.你可以看到这个标志说明已经，完成插件了，就可以使用了。...

2020-05-27 18:19:55 1826

原创 java注释的语句真的不执行吗？

很多朋友写java的时候是很喜欢写注释的，都一致认为注释在java中是不进行编译成机器预言的，这里我写一个语句你可以运行下，// \u000d;System.out.println(“Hello World”);输入的结果却是“Hello World”不是说注释不执行吗？这里我简单的和大家说下\u000d;这个是unicode中的换行，所以java编译的时候把这个给换行了。...

2020-05-25 15:04:24 604

原创 vue组件之级联选择器

由于级联选择器进行更新了，导致引用的使用显示数据十分难看，也非常不好用，这里我来说下，如何去搞，一个样式就行了：.el-cascader-menu{height: 300px;}放在全局样式表中就行了...

2020-05-04 10:53:08 1288 1

原创向码云中提交代码进行托管

一个项目中会有多的功能，功能不同就要建立不同的分枝，不要所有的功能都放在同一个分枝中。1，创建一个分枝：git checkout -b goods_params (其中goods_params是分支名称,可以根据实际情况进行取名)2.将这个分支上传到码云中 git push -u origin goods_params通过以上两步就已经创建一个新的分支并且成功上传到码云中了，但是里面都是...

2020-05-04 10:11:51 319 1

原创引入第三方插件vue-table-with-tree-grid详细介绍

1.在cmd命令中输入vue ui命令就会弹出vue项目可视化面板，如果没有弹出，你就要安装相关内容，具体就不再赘述了。2.在依赖的侧边栏点击，然后找到运行依赖，搜索vue-table-with-tree-grid点击下载。3.在vue中使用这个第三方插件，在vue项目的main.js进行全局组件注册导入：import TreeTable from ‘vue-table-with-tree-...

2020-04-26 22:00:59 3456 8

原创安装Vue-Devtools最简单

我用了的是谷歌浏览器提供的一个地址在github下载的一个，但是运行到npm run bulid就是不成功，弄了半天。现在讲一个最简单的方法去解决这个问题：1.链接：https://pan.baidu.com/s/1mGy1b0tuho2VJI1bdWqqOA提取码：1mt2下载这个文件2.在谷歌浏览器中搜：chrome://extensions/3.4.打开谷歌浏览器，按F12就可...

2020-04-26 21:30:54 754 2

原创搭建自己的博客开源代码

https://github.com/halo-dev/halo

2020-04-15 21:34:40 577

原创网盘链接

Cloudreve：https://github.com/cloudreve/Cloudrevekiftd：https://github.com/KOHGYLW/kiftdtank:https://github.com/eyebluecn/tankdzzoffice：https://github.com/zyx0814/dzzoffice

2020-04-15 20:33:37 1201

原创 Android引用第三方库ImageView

1.在项目的app下的bulid.gradle写：repositories {mavenCentral()}dependencies {implementation ‘com.github.bumptech.glide:glide:4.11.0’annotationProcessor ‘com.github.bumptech.glide:compiler:4.11.0’}右上角有个...

2020-04-14 22:07:28 311

原创 var,let,const定义变量的区别

一、var声明的变量会挂载在window上，而let和const声明的变量不会：var a = “我牛逼我讲过吗”;console.log(a,window.a); // 我牛逼我讲过吗我牛逼我讲过吗let b = ‘我牛逼我讲过吗’;console.log(b,window.b); // 我牛逼我讲过吗 undefinedconst c = ‘我牛逼我讲过吗‘;cons...

2020-04-10 21:16:00 803

原创 console.log的输出形式

console.log()是脚本语言的控制台输入函数，这个可以并列输出多个值，举例说明：console.log(‘第一个数据’, ‘第二个数据’, ‘第三个数据’)在控制台输出：第一个数据第二个数据第三个数据这种形式...

2020-04-10 21:02:04 1094

原创 html中文字的间距css属性

很多朋友在写前端界面的时候都会遇到字体之间距离需要调整，这里我给大家简单的说两个属性：1. letter-spacing: 0.3em；//这个就是控制字体之间的间距的属性单位是em2. word-spacing:10px;//这个也是的常用与词组之间的间距ps:两者区别在于前者是字体与字体之间的距离后者是词语、单词之间的距离整理不易!给个赞给个好评啊...

2020-04-09 09:46:11 2019

转载美团、大众点评 token最新算法——宇宙第一简洁版

人怂话不多，直接上代码token有效时间只有几十秒，每次调用直接生成，原理网上一大堆，我这个为宇宙第一简洁版import base64, zlib, timeinfo = str({“rId”:"",“ts”:int(time.time()*1000),“cts”:int(time.time()*1000)+1000000,“brVD”:[],“brR”:[],“bI”:[],“mT”:[]...

2020-04-06 20:12:02 1657

原创实现页面编程灰色

在2020年4月4好，淘宝，学习强国，b站，各大搜所网站都同一变成了灰色，这里我给大家说下用了什么技术：html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(10...

2020-04-06 19:59:46 351

u=3083571013,2480410743&fm=26&gp=0.jpg.png

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>daohanglan</title> <style type="text/css"> nav { width: 960px; margin: 0 auto; /*定义导航宽度，水平居中*/ } nav ul { list-style: none; /*去掉列表符号*/ } nav ul li { float: left; /*水平排列*/ position: relative; /*父级元素相对定位*/ } nav ul li ul { position: absolute; /*子元素绝对定位*/ display: none; /*默认情况下不显示*/ left: 0; /*子元素相对父元素，left:0位置显示，二级菜单和上级一级菜单项左对齐*/ } nav ul li:hover ul { display: block; /*鼠标放上去，显示下拉菜单*/ } nav a:link, a:visited { /*定义菜单项样式*/ width: 191px; display: block; padding: 10px 0; text-decoration: none; background-color: #c11136; margin-right: 1px; color: #FFF; text-align: center; } nav a:hover { background-color: #F00; } </style> </head> <body> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">电影</a> <ul> <li><a href="#">新上映</a></li> <li><a href="#">华语</a></li> <li><a href="#">欧美</a></li> <li><a href="#">日韩</a></li> <li><a href="#">电影排行榜</a></li> </ul> </li> <li><a href="#">音乐</a> <ul> <li><a href="#">新歌首播</a></li> <li><a href="#">华语</a></li> <li><a href="#">欧美</a></li> <li><a href="#">日韩</a></li> <li><a href="#">音乐排行榜</a></li> </ul> </li> <li><a href="#">科技</a> <ul> <li><a href="#">互联网</a></li> <li><a href="#">IT业界</a></li> <li><a href="#">移动互联</a></li> </ul> </li> <li><a href="#">财经</a> <ul> <li><a href="#">财经快讯</a></li> <li><a href="#">证券要闻</a></li> <li><a href="#">财经专题</a></li> </ul> </li> </ul> </nav> </body> </html>

2019-05-19

空空如也

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

TA关注的人