自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(52)
  • 资源 (4)
  • 收藏
  • 关注

原创 简单的vscode打开多个文件时实现标签栏多行显示

vscode打开多个文件时实现标签栏多行显示

2022-06-21 10:27:21 769 2

原创 JQuery实现鼠标划上文字悬浮效果

用JQuery实现鼠标划上文字悬浮效果

2022-06-16 09:59:21 2122

原创 VUE非父子组件通信

vue非父子组件通信

2022-05-25 17:18:03 753

原创 vue实现窗口拖拽

使用vue实现窗口的拖动,只要动态的修改窗口的left和top值

2022-05-24 10:17:23 3197 1

原创 远程服务器多用户同账号登录,Win2012服务器

前言服务器设置多用户同时远程桌面,可以提高访问效率,避免人多抢登服务器。1、启用远程桌面打开任务栏左下角的“服务器管理器”,在左侧列表中选中“本地服务器”然后将右侧“远程桌面”功能的选项修改为“启用”,注意取消下面复选框的选中状态2、修改本地组策略,允许远程桌面帐户的多用户访问同时按住 “Win键”+R 组合键调出运行窗口,输入“gpedit.msc”调出组策略编辑器:(1)将远程桌面服务的用户限制到单独的远程桌面会话按照 计算机配置->管理模板->Windows 组件-

2022-04-14 09:59:32 1944

原创 angular6在ngFor限制条数

情景angular6在用for循环的时候限制条数解决方法1、*ngIf<div class="hot-img-div"> <div *ngFor="let i of showmusicList;let id = index" <div *ngIf="id>2"> </div> </div></div>注意:(1)*ngIf只能在子元素上使用,不能和ngFor用在同一个元素上(2)*ngIf

2022-01-05 11:27:53 573

原创 在angular中使用ng-zorro-antd组件

前言网上关于angular引用ng-zorro-antd的文章太少了,而且还是7版本的angular,安装的过程踩了不少的坑,特此记录1、安装ng-zorro-antdangular的初始化我就不赘述了,安装ng-zorro-antd的有一个重要的点就是一定要注意版本号!!!我的angular是7版本的,所以如果安装高版本的ng-zorro-antd会出问题,可以在ng-zorro-antd官网查看版本的支持关系安装语句npm uninstall ng-zorro-antd (卸载)npm

2021-12-31 14:48:45 3394 3

原创 angular8里使用window或者document事件

在angular8使用window或者domcument事件不能像在jq里使用一样符合angular的写法是ngOnInit(){}@HostListener("window:pageshow",["$event"]) onpageshow(event){ if(sessionStorage.getItem("need-refresh")){ location.reload(); sessionStorage.removeItem("need-refresh")

2021-11-04 16:05:52 928

原创 vue使用路由,创建项目时没有选择安装路由

1、安装路由vue在创建项目的时候会让你选择时候需要路由,如果这里没有选择安装可以通过命令行npm install vue-router -g来安装路由,安装成功会提示版本,如下图2、在src下面新建vue文件和router.js页面写到vue文件里,router.js写路由相关的//1、引入vueimport Vue from 'vue';//2、引入vue-routerimport VueRouter from 'vue-router';//3、第三方库需要use一下才能用V

2021-11-03 15:31:18 1884

原创 vue的双向绑定和angular的双向绑定

1、vue的双向绑定vue的双向绑定比较方便一点,用v-modol指定<input v-model="message" placeholder="edit me"><p>Message is: {{ message }}</p>2、angular的双向绑定1、先在module里引入模块import { FormsModule, ReactiveFormsModule } from '@angular/forms';@NgModule({ declara

2021-11-01 17:21:50 325

原创 获取url中参数的值或者中文值

js function getQueryString (name) { // 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空 if (location.href.indexOf("?") == -1 || location.href.indexOf(name + '=') == -1) { return ''; } // 获取链接中参数部分 var que

2021-08-19 15:20:38 563

原创 echarts的tooltip添加点击事件

给echarts的悬浮框tooltip 添加点击事件,需要注意以下几点1、修改triggerOn: ‘click’, enterable: true,triggerOn:'click', enterable:true, alwaysShowContent:true, // hideDelay:10000, formatter: function(params) { // return params.name + ' : ' + params.valu

2021-07-12 09:33:15 6859 1

原创 JS实现树形菜单

需求用JS实现树形结构,原本的数据是数组类型,需要先把数据进行处理,然后在页面上渲染DOM,注意点有以下几点:1、data必须含有id和fatherId来表示他们的层级关系2、js动态创建DOM的实现方式是先创建一个div,然后把生成的元素appendChild给这个div代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-eq

2021-07-07 17:56:57 3490

原创 JQ实现树形菜单

需求使用JQ实现简单树形菜单,点击展开收起,关键点有以下几点1、数据格式要正确2、树形结构主要是用了递归函数来进行的DOM渲染3、JQ拼接字符串的方式代码递归的部分有两个方法,一个是使用比较常见的for循环,另一个是使用forEach,使用使用forEach会简洁一些。以下为使用for循环的代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

2021-07-07 17:50:02 1133

原创 去掉滚动条,保留滚动功能

文章目录前言代码总结前言去掉页面上的滚动条,但是依然可以滚动代码/* 去掉页面滚动条 */::-webkit-scrollbar { width: 0px!important; height: 0px!important; background-color: rgba(171, 171, 171, 0)!important; background-color: rgba(171, 171, 171, 0)!important; } ::-webkit-scro

2021-06-02 14:45:44 294

原创 JQuery实现简单的弹窗提醒

一 需求描述及效果图为了防止误发消息,所以在点击发送后弹出提示框,功能比较简单,所以直接用jq实现的。效果如图,点击按钮后弹出提示框,确认和取消都有自己的回调函数二 代码实现<!DOCTYPE html><head><meta charset="utf-8"><title>js confirm弹出框自定义样式</title><style> html,body { margin: 0;

2021-03-17 17:07:37 5542

原创 移动端和pc端的拖拽排序插件 sortable.js

项目上的需求,实现类似今日头条频道管理的功能,再网上搜的资料都是app实现的,找了半天才找到纯前端实现的插件sortable.js优势1、sortable.js支持移动端和pc端,2、没有任何的依赖,其他的插件大都依赖JQuery,不是很好用3、这个插件使用也非常简单demo<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>sortable.js例

2021-03-03 14:52:08 1240 2

原创 textarea中的placeholder不显示

<textarea placeholder="评论留言" id="c_content"> </textarea> 这种写法呢,会在产生空格,所以采取写在一行的写法 <textarea placeholder="评论留言" id="c_content"></textarea>

2021-03-01 16:06:23 157

原创 傻瓜式操作使用git将项目上传到github

前提:1、首先要有github的账号,一定要把账号和密码记住2、下载git for windows,点击跳转官网,这个下载挺慢的,不要捉急建立仓库:登录github创建仓库,仓库名称最好不要用中文,后期没法上传创建之后,点击这个码/Code,可以拿到一个链接,保存一下这个链接,后期会用到,以后访问也是访问它用git for windows上传项目:1、邮件你的项目(文件夹),然后如果你之前安装好了git for windows,就会出现Gui Bash Here的选项,点击之后进入界面,输入

2021-01-30 16:54:07 150 1

原创 最新版HBuilderx + 夜神模拟器 模拟器调试设置

HBuilderx可以选择运行到模拟器来模拟移动端的界面,我选择的是夜神模拟器,也下载过网易mumu模拟器,感觉广告太多了,不如夜神模拟器来的清爽。这两个都下载完之后就可以配置HBuilderx了。一 各种模拟器的端口模拟器名称----------------------------连接默认端口夜神安卓模拟器----------------------------62001逍遥安卓模拟器----------------------------21503BlueStacks(蓝叠安卓模拟器)---

2020-12-17 16:54:13 1704 3

原创 为什么要清除浮动以及清除浮动的方法

为什么要清除浮动?清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题,如下图,红色边框为父元素,在子元素为浮动后无法被撑开了清除浮动的方法1.额外标签法在最后一个浮动标签后,新加一个标签,给其设置clear:both;2.父级添加overflow属性父元素添加overflow:hidden补充:这个方法的原理是通过触发BFC方式,实现清除浮动BFC 全称为 块格式化上下文 (Block Formatting Context) 。他有以下两个特性:1.使 BFC 内部浮

2020-09-30 17:32:51 805

原创 vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本

问题描述:在创建vue项目的时候遇到无法加载文件的情况解决办法1.开始处搜索powershell,以管理员的身份运行2.然后输入下面的指令:set-ExecutionPolicy RemoteSigned3.重新创建项目,就出来了

2020-08-28 17:14:02 20449 4

原创 文字LED灯发光效果

text-shadow实现文字发光效果一 实现效果二 实现代码span{ text-shadow: .2rem 0rem .5rem #EF7C2D,-.2rem 0rem .5rem #EF7C2D,0rem .2rem .5rem #EF7C2D,0rem -.2rem .5rem #EF7C2D;}

2020-08-06 15:37:33 184 1

原创 如何让div有focus或者blur事件?

div本身是没有focus或者blur事件的,需要给它加上一个属性tabindex<div tabindex="111"></div>像上面,div就有了focus或者blur事件tabindex可以设置tab键在控件中的移动顺序。当tabindex=0时,该元素可以用tab键获取焦点,且访问的顺序是按照元素在文档中的顺序来focus,即使采用了浮动改变了页面中显示的顺序,依然是按照html文档中的顺序来定位。当tabindex=-1时,该元素用tab键获取不到焦点,但是

2020-08-06 15:28:28 5239

原创 (function($){...})(jQuery)写法是什么意思?

(function($){…})(jQuery)这里实际上是匿名函数。主要作用模拟块级作用域,减少全局变量,在大型多人开发的项目中,使用块级作用域,会大大降低命名冲突的问题,从而避免产生灾难性的后果。匿名函数是没有函数名的普通函数。function(){}单独运行一个匿名函数,由于不符合语法要求,会报错解决方法只需要给匿名函数包裹一个括号即可!(function(){})如果需要执行匿名函数,在匿名函数后面加上一个括号即可立即执行!(function(){})()如果需要传值,直接将参

2020-05-29 15:30:33 1434

原创 jquery实现tab页切换

jquery实现tab页切换<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>tab1</title><style type="text/css">*{ padding: 0; margin: 0;}li{ list-...

2020-04-16 14:41:25 760

原创 IE浏览器“对象不支持slice属性或方法”的解决办法

问题描述:在用echarts做地图的时候,城市是用坐标确定的,兼容IE11的时候报错对象不支持slice属性或方法,根据网上教程配置internet选项没有解决问题解决方案:在报错的地方打断点,发现是Float32Array不支持slice()方法,但是支持subarray(),就给Float32Array对象增加一个slice方法,代码如下:if(!Float32Array.protot...

2020-04-09 10:34:30 3070

原创 ES6之新增数组方法

ES6对数据新增了几个方法,在这里做一下学习记录,新增的方法有foreachmapreducefilterforeach 遍历 let score=[21,85,38,90]; score.forEach((item,index)=>{ console.log(index+":"+item) })以下为输出的结果map...

2020-03-21 17:05:08 877

原创 两个一维数组合成二维数组

功能介绍把两个一位数组合成一个二维数组脚本代码 //1.创建两个数组 var xData=[] var yData=[] //2.给两个数组分别赋值 for(var k=0;k<=Purchase.length-1;k++){ xData[k]=Purchase[k].YEARDEALTIMES; yData[k]=Purchase[k].YEARAMOUNT...

2020-03-18 15:32:56 5968

原创 实时监听文本变化

功能介绍$(“id”).on(“DOMNodeInserted”,function(){})可以实时监听页面上的文本变化,当文本变化时可以执行相应的操作js脚本$(document).ready(function(){ var point=$("#BA_767942762901787").width() var pointheight=point/100 var...

2020-03-18 15:24:58 1019

原创 Sublime Text日常使用

1.怎样将Sublime Text 设置成中文版(完整教程)更正:最后只要重新打开就是中文版了,不需要重新配置了原文链接

2020-03-11 10:15:34 223

原创 canvas实现星空动态背景

星空动态闪烁背景,用canvas实现实现效果脚本代码// 实现星星背景 $("#pageContent canvas").remove(); var stars="<canvas id='canvas'></canvas>" $("#pageContent").prepend(stars) setTimeout(()=&gt...

2020-03-10 10:49:58 3542 1

原创 前端实现搜索功能和模糊查询

在前端实现搜索,获取数据部分可以用ajax来实现,动态生成标签,正则表达式实现的模糊查询 // $("#BA_230759697085187").remove() $("#BA_230759697085187").empty() $("#BA_230759697085187").append("<input type='text' id='searchinput' c...

2020-02-26 17:07:40 7974

原创 实现轮播模拟点击事件

$(document).ready(function(){ // 轮播图 var slideShow=$("#pageContent"); //获取最外层框架的名称 showNumber=slideShow.find("#BA_432116553337908 .BAbuttonElement");//获取按钮 window.clearInterval(timer);...

2019-12-14 11:30:30 528

原创 css3实现圆环的3D倾斜旋转

**需求描述:**实现圆环的3D旋转效果圆环是正圆形的,实现思路:代码示意:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, ...

2019-12-14 11:19:35 3572 1

原创 chrome总是提示\"喔唷,崩溃啦\"的解决办法

今天早上谷歌浏览器突然崩溃了,在网上找到了灰常好用的解决方案!解决方法:打开浏览器的属性,然后在后面添加-no-sandbox。(需要空一格再写入 -no-sandbox)再打开页面,出现这个提示,不用管这个,然后就可以正常使用了原链接如下错误方法:看到有好多说原因说是 C:\Windows\System32\drivers\bd0001.sys 这个文件的问题,把这个文件删除或者修...

2019-12-12 09:28:01 3774

原创 Echarts+jquery实现复杂的渐变色仪表盘

ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上。Echarts提供了很多的图表,像是仪表图,关联图等,代码比较好上手,有很多配置项,下面是我记录我做过的仪表盘。1.效果图这个仪表盘有以下几个特点:1) 颜色渐变效果2) 刻度在仪表盘外面3)2.代码var myChart = echarts.init(document.getElemen...

2019-12-10 15:55:00 1215 1

原创 css3动画之上下弹跳

需求:实现小球的上下弹跳,模拟在向下时模拟受重力效果而产生变形代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...

2019-12-10 15:42:45 1165

原创 CSS3+jquery实现图片万花筒3D旋转动画特效

代码示意:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>CSS3图片万花筒3D旋转动画特效</title><script src="js/jquery-1.11.0.min.js" type="text/javascript"><...

2019-11-29 11:34:32 1612 1

原创 取消输入时候的红色波浪线

这其实是input的拼写检查功能,默认是true,但是这样太丑了,所以把它消除。只要在设置spellcheck=’‘false’'就行了<input type="text" name="username" placeholder="Username" class="txtb" spellcheck="false">效果就变成下图了...

2019-06-13 21:34:35 1071

css3动画简单快速实现列表下拉

使用css3动画简单快速实现列表下拉或者左滑动画

2021-06-02

atom-master.zip

Atom 是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。

2020-09-07

部分算法设计与分析(王晓东)

王晓东版的算法设计,java语言,我们只学习了1~6章,感觉还是挺有用的

2019-01-04

软件测试(佟光伟) PPT

大学期间学习的理论知识,关于软件测试,个人觉得还不错,简单易懂

2019-01-04

空空如也

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

TA关注的人

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