自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【无标题】

465端口本地发送邮件可以成功,但是在部署好的官网发送就会报错:535 5.7.0 ERR.LOGIN.PASSERR,哪位大神帮忙找下原因啊!

2023-06-02 14:08:55 308

转载 前端开发笔记

一、浏览器的懒加载方法一: var imgs = document.querySelectorAll('img'); //用来判断bound.top<=clientHeight的函数,返回一个bool值 function isIn(el) { var bound = el.getBoundingClientRect(); var clientHeight = window.innerHeight;

2021-09-27 18:27:16 189

原创 js判断设备是手机端还是移动端

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { console.log("phone") } else { console.log("pc") }

2021-09-08 10:42:46 413

转载 React Hook中useState更新延迟问题

方法一:  去掉useEffect的第二个参数 例如以下代码 错误实例 const[zoom, setZoom] = useState(0);useEffect(() = >{ document.getElementById('workspace-content').addEventListener('mousewheel', scrollFunc);},[]);function scro...

2021-09-07 17:57:11 2358 3

原创 解决前段开发中遇到的浏览器兼容问题

经过查阅资料与对比。以下两种方法比较实用(两种可结合使用)这里我们不会去关注太多细节问题, 比如哪个css样式需要我们去兼容等,主要从4个方面讨论一下大的解决思路,分别是:浏览器CSS样式初始化、浏览器私有属性,CSS hack语法和自动化插件。1、CSS初始化前端的小伙伴一定遇到过因为默认样式导致的错乱问题,而且每个浏览器的css默认样式不尽相同,所以最简单有效的方式就是对其进行初始化(覆盖默认样式)。相信很多朋友也都写过这样的代码,在所有CSS开始前,先把marin和padding都设为0。{

2021-09-07 16:55:00 131

转载 React.memo()的使用

原文链接:https://www.jianshu.com/p/b3d07860b778包装函数:React v16.6.0出了一些新的包装函数(wrapped functions),一种用于函数组件PureComponent / shouldComponentUpdate形式的React.memo()本篇将介绍React.memo()的使用场景:React.memo()是一个高阶函数,它与 React.PureComponent类似,但是一个函数组件而非一个类。[1]import React f

2021-09-07 15:48:24 273 1

原创 百度搜索url参数详解

http://www.baidu.com/s?wd=关键字wd(Keyword):查询的关键词;http://www.baidu.com/s?wd=关键字&cl=3cl(Class):搜索类型,cl=3为网页搜索,cl=2为图片搜索;http://video.baidu.com/v?rn=20&pn=0pn(Page Number):显示结果的页数;http://www.baidu.com/s?ie=gb2312ie(Input Encoding):查询关键词的编码,缺省设置为

2021-08-27 08:24:39 8655

转载 a 标签中的mailto用法(调起本地邮件功能)

1、只填写发送邮件的地址:<a href="mailto:name@email.com">Email</a>2、发送邮件地址和邮件主题的链接:<a href="mailto:haorooms@126.com?subject=The%20subject%20of%20the%20mail">给haorooms发送邮件</a>%20 是浏览器对于空格的编码3、各个参数都有的邮件,代码如下:<a href="mailto:haorooms@126

2021-08-26 08:06:17 5259

转载 前端viewport的使用

前段viewport的使用   meta name="viewport" content="width=device-width,initial-scale=1.0" 解释  <meta name="viewport" content="width=device-width,initial-scale=1.0">   content属性值 :   &nb

2021-08-23 13:27:19 423

原创 前段开发遇到的新属性与新方法

解决移动端字体与图片尺寸自动缩放的问题:initial-scale=1.0<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />绝对定位到页面中心:top、left的值与转换配合使用。元素定位,在父盒子内,会被视口拉动,但不会超出父盒子:position:sticky;使元素强制在同行显示:white-space:

2021-08-20 20:43:20 60

转载 前端常见浏览器兼容性问题解决方案

不同浏览器的内核也不尽相同,所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种,一是渲染引擎,另一个是js 引擎,内核更加倾向于说渲染引擎。常见的浏览器内核:不同浏览器的默认样式存在差异,可以使用Normalize.css抹平这些差异。1.不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。碰到频率:100%解决方案:CSS里 *{margin:0;padding:0;...

2021-07-14 18:48:08 242

原创 web前端面试题整理笔记

1.css2与css3的区别?答:css3语言是朝着模块方向发展的,css3中新增了(1)属性、伪类、伪元素选择器(2)border-radius:15px圆角边框(3)多列布局(兼容性不好,还不能用到实际中)(4)阴影shadow如text-shadow:50px 5px 10px red;(5)渐变(线性渐变与径向渐变)、过渡(transition)、动画(@keyfromes创建动画)(6)弹性盒子display:flex;align-items:center;(垂直居中)(7)媒体查

2021-05-25 16:36:16 657

原创 Vue基础测试题整理

1.什么是vue?前端渐进式javaScript框架2.框架和库的区别框架是一套完整的解决方案,对项目侵入性大,项目如果需要更换框架,则需要重新架构整个项目。库是提供某个小功能,对项目入侵性小,若库不适用,很容易切换到其他库3.mvc与mvvm的区别MVC是后端的分层开发概念MVVM是前端视图层的概念,主要关注与视图层分离,也就是把前端视图层分成了三部分Model、view、VMViewModel;MVC中M是model层:负责操纵数据库 。V是view层:视图层,发送请求,接收响应。C是co

2021-03-31 22:58:19 2425

原创 Vue中路由的使用

什么是路由?后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由)路由的基本使用引入js文件,这个js需要放在vue的js后面,自动安装(提供了一个VueRo

2021-03-30 21:40:06 141

原创 vue接受父组件传值问题(父传子)

直接上代码!! <course pagesize="10"> <p>免费课程</p> </course> <course type="boutique"> <p>精品课程</p> <!-- <p>底部</p> --> </cours

2021-03-30 11:08:05 65

转载 sort()的使用

sort方法会循环取出数组的数值进行两两对比,如果前一个数(a)比后一个数(b)大,就把两个数对调,如果相等或a<b,就不变,这样当比较完毕后,数组中的元素就按由小到大的顺序重新排列了。其实可以简写为:sort((a,b)=>a-b);如果按由大到小的顺序排列,则是sort((a,b)=>b-a);...

2021-03-30 10:15:00 64

原创 vue-组件知识点

一、vue组件组件什么是组件:组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用全局组件定义的三种方式注意:组件中的DOM结构,有且只能有唯一的根元素(Root Element)来进行包裹!使用 Vue.extend 配合 Vue.c.

2021-03-29 19:39:09 133

原创 Vue生命周期,axios及动画

Vue生命周期1、什么是生命周期从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!2、vue生命周期钩子函数每个Vue实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。生命周期函数=生命周期事件=生命周期钩子3、vue生命周期1.beforeCreate()这是我们遇到的第一个生命周期函

2021-03-26 19:43:35 129

原创 Vue过滤符和修饰符

学习目标:提示:这里可以添加学习目标例如:一周掌握 Java 入门知识学习内容:提示:这里可以添加要学的内容例如:1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间:提示:这里可以添加计划学习的时间例如:1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、 周日下午 3 点-下午 6 点学习产出:提示:这里统计学习计划的总量例如:1、 技术笔记 2 遍2、CSDN 技术博客 3 篇

2021-03-25 21:12:50 161

原创 Vue第一天

一、什么是Vue.js?1.Vue.js是目前最火的一个前端框架,是前端的主流框架之一2.和Angular.js、React.js一起,并成为前端三大主流框架3.是一套构建用户界面的框架,只关注视图层二、为什么学习流行框架1.为了提高开发效率:在企业中,时间就是效率2.让用户不再操作DOM元素,解放了用户的双手,让程序员可以更多的时间去关注业务逻辑三、框架和库的区别框架:是一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框架,则需要重新架构整个项目库(插件):提供某一个小功能,对

2021-03-24 22:48:33 172

原创 node周末测试题总结(不止node)

web11周考node题一、简答题Node是什么?有哪些特性?答:node是js的开源的运行环境特点:事件驱动,非阻塞式I/O模型,轻量高效Npm是做什么? 如何通过Npm安装依赖?答:npm是目前世界上最大的第三方依赖包;安装:①npm init ②npm install 依赖名简述同步和异步的区别,如何避免回调地狱?答:同步为从上到下一步步执行,而遇到异步操作进入等待序列,同时完成后再执行。使用promise对象可以避免回调地狱Node中如何读取文件?答:fs.rea

2021-03-23 21:36:13 346

原创 Git笔记整理

Git笔记整理一、Git介绍git是目前世界上最先进的分布式版本控制系统1.集中式版本控制系统:版本库存放在中央服务器,从中央服务器取得最新版本然后开始干活,干完活在把自己的活推送给中央服务器分布式版本控制:没有中央服务器,每个人的电脑上都是一个完整的版本库,这样的话工作时无需联网。2.git的优势适合分布式开发,强调个体公共服务器压力和数据量都不会太大速度快。灵活任意两个发开者之间很容易解决冲突离线工作3.git能做什么克隆版本库(常用)二、git工作流程Workspace:

2021-03-22 20:19:52 95 1

原创 node.js总结

一、node读取文件与重写文件(fs)var fs = require(“fs”)// error如果没错就是null,如果出错就是错误信息// fs.writeFile(路径,写入数据,回调函数)// fs.readFile(路径,回调函数)// var template = require(‘art-template’)fs.readFile("./dem.txt",function(error,data){ // error如果没错就是null,如果出错就是错误信息

2021-03-22 18:18:10 70

原创 node.js第一天

var fs = require(“fs”)一、读取文件// fs.readFile(路径,回调函数)fs.readFile("./dem.txt",function(error,data){ // error如果没错就是null,如果出错就是错误信息 // console.log(data); // // <Buffer 是一种数据类型 ,需要转换数据类型 // console.log(data.toString()); if(error){

2021-03-22 11:14:15 39

原创 node.js第三天

一、mysql的基本语法1.查询语法查询所有数据selectfrom表名查询指定列数据select列名1,列名2from表名根据条件进行查询selectfrom表名where条件SELECTFROMmessageWHERENAME='张飞’andcontent=123;and代表与的关系or代表或的关系SELECTFROMmessageWHERENAME='张飞’orcontent=‘啦啦啦’;模糊查询可以用like关键字进行模糊查询SELECTFROMmessageWHEREc

2021-03-22 10:31:00 48

原创 node.js第二天

一:node.js模仿Apache 具名核心模块新加 const url = require("url"); query:为把?后的传参处理后返回的对象,无传参则默认为空对象 pathname:?前的内容,如/www search:?后半部分(包括?)二:模板引擎 运行核心api进行解析 基于模板名渲染模板template(filename,data);参数一:模板id名 参数二:传递数据<!-- 创建 script 标签创建模板,注意下面几点 -->

2021-03-22 10:27:22 44

空空如也

空空如也

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

TA关注的人

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