- 博客(33)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 导航悬浮（hover）出现滚动条的问题解决方案
一、问题介绍最近项目新增，滚动条也开始显示出来了。但是一直显示滚动条，又什么不美观。所以悬浮导航条的时候，出现滚动条。m那不就是在我包含的导航的容器加个悬浮不就可以了嘛！xxx:hover{ overflow:auto;}可是IE就要开始使坏了，你悬浮进来我给你显示滚动条了。你移出去，我就要给你闪现一下。**二、解决方案**今天，我就来解决这个难办的问题。同样给包含导航的容器加一段代码完美解决。...
2022-05-27 15:33:23
938
原创 vscode-批量替换文字 + vscode快捷键
如果你想全局替换混在中文的标点符号，但是存在下面的情况。就不能全局匹配：了，那这时候就可以试试反向正则：/(?!")（.）:/然后替换位$1 + 你想替换的字符，比如中文的冒号，这里涉及到几个知识点。?!表示的是不匹配后面所带的字符。(.)小括号代表——是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。然后这个表达式就是为了表示 匹配不是双引号后面带有的冒号。但是如果包含单引号了，比如下图。这个时候加上单引号的匹配就可以了。/(?!"|')（.）:/ps：vsc
2021-12-09 14:07:30
5557
1
原创 css集合——好看的按钮样式+阴影+渐变
本文的示例是来自《深入解析CSS》效果展示按钮的html<button class="button"></button>按钮的样式.button { padding: 1em; border: 0; border-radius: 0.5em; font-size: 0.8rem; color: white; background-image: linear-gradient(to bottom, #57b, #148); .
2021-11-08 11:05:45
1268
原创 angular指令1-刷新按钮动画的渲染
Angular JS 指令-refresh分析要点es-refresh.directive.js动画样式es.refresh.html分析要点首先刷新按钮中最主要的东西，就是动画效果，所以定时设置动画的样式。es-refresh.directive.js附上代码：动画样式.animating{ animation: refresh 1s;}@keyframes refresh { from { transform: rotate(0deg); } to { transfor
2021-11-03 16:00:39
182
原创 前端工程师编程知识储备——OOP/AOP
编程知识储备OOP（Object Oriented Programming）面向对象编程，有三大特性：封装性、继承性、多态性。封装：将复杂的细节隐藏起来对外提供简单的接口。继承：简单点，就是子类继承父类之后，可以调用父类的属性和方法。多态性：同一操作用于不同的对象，产生不同的结果，他跟继承的区别就是，他是父类使用子类的方法，继承是子类使用父类的方法。AOP（Aspect Oriented Programming）面向切面编程，是OOP的补充和完善，在OOP设计中，允许开发者定义纵向的关系，但不
2021-02-08 17:27:18
285
原创 （正则）校验 8-16位，必须含有特殊字符、而大写字母、小写字母、数字至少包含其中两项
function passwordValid(str){ var rule = { lw:'[a-z]', uw:'[A-Z]', nw:'[0-9]', sw:'[`~!@#$^&*()=|{}\':;,\\[\\].<>《》/?~！@#￥……&*（）——|{}【】‘；：\\\\ ”“。，、？]' } function reg(str,patter) { var reg =
2020-10-10 14:50:14
2717
原创 ~的神奇用法
本文章内容主要来源于《你不知道的JavaScript（中卷）》1、~是什么非，强制类型转换，它首先将值强制类型转换为32位数字，然后执行字位操作“非”。2、有一种用法indexOf的用处是可以查找元素的位置，也可以检测是否含有子字符串，如果找到就返回他对应的索引位置，反之，返回-1。但是我们不应该拿结果与-1直接进行比较，这在代码中暴露了底层的实现细节。我们可以利用~和indexOf()将结果强制类型转换为真/假值：如果indexOf()返回-1，~将其转换成假值0，其他情况一律转换为真值。.
2020-09-22 15:43:03
300
原创 Bug仓库-3（脚本禁止）
今天发现了有一款Yeoman的工具，可以方便建各种工具，关于它的用法，本文就不详细介绍了。接下来步入正题，我安装了yo的命令后，竟然出现了以下错误：错误不完整哈，反正就是 yo.ps1的脚本被禁止了。于是去海选答案，终于找到了解决方法，在此记录一下，输入以下指令，可以查看当前用户。Get-ExecutionPolicy -List如果红框的值为undefined，那么你就需要执行一下Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Sco
2020-09-15 10:04:53
89
原创 AngularJS创建服务
1、factory()作用：创建和配置服务两个参数：name(字符串)——需要注册的服务名、getFn(函数)——这个函数会在AngularJS创建服务实例时被调用，它可以返回任意类型的数据2、service()作用：可以注册一个支持构造函数的服务两个参数：name(字符串)——需要注册的服务名、constructor(函数)——构造函数、我们用它来实例化服务对象3、provider()作用：为服务注册提供者。负责在运行时初始化这些提供者，提供者是一个具有get方法的对象，可以这么理解，传入函
2020-09-10 16:36:17
295
原创 AngularJS $injector API
1、annotate()返回值：一个由服务名称组成的数组，这些服务会在实例化时被注入到目标函数中。作用：帮助$injector判断哪些服务在函数被调用时注入进去参数：fn(函数或数组)2、get()返回值：一个服务的实例。作用：根据名称返回一个服务的实例参数：name(字符串)3、has()返回值：布尔值。作用：在$injector能够从自己的注册列表中找到服务时返回true，否则为false参数：name(字符串)------这是我们想要在注册列表中查询的服务名称4、instant
2020-09-10 15:38:47
129
原创 如何让别人访问自己的前端项目
上干货了！！！1、打开你的package.json，在start的那一行加上 ‘–host 0.0.0.0’，然后，你就可以让别人通过你的ip地址+端口号来访问了。注意，我的启动命令是 npm start，所以是加在这一块，所以，你懂的！！2、是别的小伙伴告诉我的，运行 npm install serve，然后你就可以通过serve的命令开启你的服务了。...
2020-08-28 10:16:53
5321
6
原创 BUG仓库——2（正则表达式）
长话短说，碰到正则，用到test，发现这东西用了一次之后，就不灵了！！！第一次console.log(reg.test(str))，还是true，第二次就变成false了。百度之后就有两个解决方法：1、去掉你正则的/g 2、将lastIndex重新设置为0这是在解决bug途中看到的问题。最重要的是下面的问题。项目有个需求，添加ip地址，我们得需要验证用户是否输入正确，我试了很多的方法。无论是自己写的还是大神的代码都有问题。而这个问题主要是输入100000.1000000.1.1，用reg.test(
2020-08-24 12:41:56
118
原创 Bug仓库-1
跨域的问题今天封装了axios，就想看看数据是否能够正确的拿到，于是在node搭建了服务器，那么就存在了跨域的问题。今天我得记录一些这个问题。首先，前端可以添加代理，比如”proxy:http://123.com“其次，我们来操作后台的js文件，我们采取在头部添加一些字段，如下所示。其实谷歌爸爸的报错已经给提示了，但是我还是一股脑的去百度怎么实现跨域，其实只要解决以下的问题就可以了，报错图如下。这个图片是从别人的报错记录里截下来的，最主要的是得知道‘Access-Control-Allow-O
2020-08-06 13:18:03
135
原创 初识nginx
定义：高性能HTTP和反向代理web服务器1 主要特性反向代理 负载均衡 动静分离1.1 反向代理首先明白什么是正向代理：在客户端配置代理服务器，通过代理服务器访问Internet。而反向代理无须客户端配置，通过反向代理服务器转发不同服务器，而反向代理服务器和目标服务器对外合并为一个服务器，向外暴露反向代理服务器，隐藏目标服务器1.2 负载均衡增加服务器的重量，将请求...
2020-05-03 17:22:40
140
原创 说说1+ - + - + + 1等于多少？？？
首先上截图怎么回事，小老弟？？？？很简单，数数你的负号也就是减号的个数，如果为奇数，那就是做减法，如果为偶数，那就是做加法，哈哈哈哈哈哈哈哈。好的，今日分享又完毕了，明日继续（微笑.jpg）...
2020-04-27 16:19:37
294
1
原创 那些熟悉又陌生的语法（一）——Array.prototype.slice.call()
call()使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。
2020-04-27 09:08:19
113
原创 vue.js is detected
今天，突然兴起想安装Vue的调式工具，结构图标一直是灰色的，后面查阅资料，大佬们告知得改文件的配置，如下所示：1、找到你插件的位置，如果你是windows，你可以在C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\下找到。后面可根据你插件的id能找到文件2、找到蓝色标边框线的文件将...
2020-04-08 10:03:30
463
原创 解决bug：Error creating bean with name 'webHandler' defined in class
今天写代码，用到了 Spring Boot Admin，这是一个管理和监控的开源监控软件，但是今天一运行就报以下错误：Error creating bean with name 'webHandler' defined in classwhat???，我啥都没干，就运行个主程序都不行，最后查阅资料，终于得以解决。这个就是版本问题所引起的，spring-boot-starter-parent...
2020-03-31 16:58:23
4708
原创 application.yml的数据库相关配置
话不多说，看代码：spring: datasource: driver-class-name: com.mysql.cj.jdbc.Driver url: jdbc:mysql://localhost:3306/demo(数据库名称)?serverTimezone=UTC&useUnicode=true&characterEncoding=utf8&u...
2020-03-08 17:57:45
3877
原创 webpack原理
文章来自《深入浅出Webpack》吴浩麟著工作原理概括基本概念Entry：入口，Webpack执行构建的第一步将从Entry开始，可抽象成输入。Module：模块，在Webpack里一切皆模块，一个模块对应一个文件。Webpack会从配置的Entry开始，递归找出所有依赖的模块。Chunk，代码块，一个Chunk由多个模块组合而成，用于代码和分割。Loader，模块转换器，用于将...
2019-12-15 19:34:35
99
原创 模块的区别
不同模块的区别模块名特点环境应用CommonJS1)模块可以多次加载，但是只会在第一次加载时运行一次，然后运行结果就会缓存，以后再加载，直接读取缓存结果。要想让模块再次运行，必须清除缓存。2）模块加载时会阻塞接下来的代码的执行，需要等到模块加载完成时才能继续执行——同步加载。服务器Node.js的模块是参照CommonJS实现的AMD1）异步加载 2）管理模...
2019-12-15 11:44:52
366
原创 webpack入门
1 安装webpack在开始为项目加入构建之前，需要先建一个web项目，新建一个目录，再进入项目根目录执行npm init 初始化最简单的采用了模块化开发的项目。安装webpack到本项目安装最新的稳定版:npm i -D webpack安装成功后出现以下界面：文件目录也有以下文件：我们可以用vscode打开当前目录，输入npm install --save-dev webpack...
2019-12-13 21:15:14
126
原创 初识TypeScript
此博客都是借鉴胡桓铭作者所写的TypeScript的实战指南Hello TypeScript微软认为Javascript只是一门脚本语言，设计理念简单，缺乏对类与模块的支持，并非真正用于开发大型web应用，后来，TypeScript就在新时代中诞生了。它的主要特点如下：免费开源，使用Apache授权协议基于ECMAScript标准进行扩展，它是js的超集文件扩展名为ts编译时检...
2019-12-03 09:43:15
167
原创 css小技巧
1、a标签实现自动刷新界面或新窗口打开如果你点击了相同的界面，你会自动刷新界面，而不会重新打开新的界面，如果你没有打开当前界面，就会跳转到相应的界面。**具体操作：**在a标签内加入target的属性，将其值设定为href相同的值即可完成该操作！！！！！（牛X啊）2、聚焦操作但是页面不滚动点击按钮聚焦，但是页面发生滚动，体验效果不好。具体操作：在聚焦的方法focus里面加入一段代码：p...
2019-12-01 12:43:42
124
原创 HTTP首部
1.1 HTTP请求报文在请求中，HTTP报文由方法、URI、HTTP版本、HEE首部字段等部分构成 1.2 HTTP响应报文在响应中，HTTP报文是由HTTP版本、状态码（数字和原因短语）、HTTP首部字段3部分构成 2.1 HTTP首部字段 2.1.1 4种HTTP首部字段类型...
2019-08-12 10:56:18
113
原创 https 状态码
HTTP状态码类别原因短语1**Information(信息性状态码)接受的请求正在处理2**Success(成功状态码)请求正常处理完毕3**Redirection(重定向状态码)需要进行附加操作已完成请求4**Client Error(客户端错误状态码)服务器无法处理请求5**Server Error(服务器错误状态码)服务器...
2019-08-11 20:02:03
1493
原创 Convert HTML Entities
将字符串中的字符 &、<、>、" （双引号）, 以及 ’ （单引号）转换为它们对应的 HTML 实体。见下面示例代码：convert(“Dolce & Gabbana”) 应该返回 Dolce & Gabbana。convert(“Hamburgers < Pizza < Tacos”) 应该返回 Hamburgers &l...
2019-07-17 15:03:03
133
原创 Sum All Numbers in a Range
Free Code CampSum All Numbers in a Range具体实现Sum All Numbers in a Range今天做了一个算法题，是FFC上面的一道中级算法题，具体的要求为：我们会传递给你一个包含两个数字的数组。返回这两个数字和它们之间所有数字的和。最小的数字并非总在最前面。具体实现function sumAll(arr) { var newarr=[]...
2019-01-25 15:44:01
334
原创 初始了解Vue
什么是Vue？Vue.js是一套构建用户界面的渐进式框架。就从我理解的层面来看，它就是把HTML、CSS以及JavaScript合三为一的视图层。在Vue的官网里有一段对Vue进行详细解说的视频，我觉得对于初学者是很有帮助，能够让你快速入门。当然，官网还有很多文档，大家也可以去学习。官网地址：https://cn.vuejs.org/打开Vue的大门最开始接触Vue的时候，我根本就不知道怎...
2019-01-17 11:13:25
556
原创 第一个Java Web的小case
Java web 实现登录注册的功能软件的选择开始项目登录和注册的具体代码Login.jspStudentdao.javaregister.jspRegisterservlet.java运行效果展示Loginregister注册用户以及注册成功CSS样式表这是我第一次用java web来编写程序，可能对这门语言了解尚浅，但我也希望能帮助上像我这样的小白。这个程序运用到了数据库的连接，以及一些软件...
2019-01-07 21:00:16
348
2
空空如也
关于#Antd官网组件实例#的问题，如何解决？
2022-07-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人