- 博客(26)
- 收藏
- 关注
RSS订阅原创 【无标题】
465端口本地发送邮件可以成功，但是在部署好的官网发送就会报错：535 5.7.0 ERR.LOGIN.PASSERR，哪位大神帮忙找下原因啊！
2023-06-02 14:08:55
312
转载 前端开发笔记
一、浏览器的懒加载方法一： 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
190
原创 js判断设备是手机端还是移动端
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { console.log("phone") } else { console.log("pc") }
2021-09-08 10:42:46
415
转载 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
2359
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
274
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
8674
转载 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
659
原创 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
2426
原创 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
130
原创 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
173
原创 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
347
原创 Git笔记整理
Git笔记整理一、Git介绍git是目前世界上最先进的分布式版本控制系统1.集中式版本控制系统：版本库存放在中央服务器，从中央服务器取得最新版本然后开始干活，干完活在把自己的活推送给中央服务器分布式版本控制：没有中央服务器，每个人的电脑上都是一个完整的版本库，这样的话工作时无需联网。2.git的优势适合分布式开发，强调个体公共服务器压力和数据量都不会太大速度快。灵活任意两个发开者之间很容易解决冲突离线工作3.git能做什么克隆版本库（常用）二、git工作流程Workspace：
2021-03-22 20:19:52
96
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
50
原创 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关注的人