共享博客 - 简单搜索

什么是ajax和json，它们的优缺点有哪些?

2024年04月13日 ajax的全称：Asynchronous Javascript And XML。异步传输+js+xml。实现无刷新状态更新页面和异步提交所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果它自己会根据设定进行后续操作，与此同时，页面是不会发生整页刷新的，提高了用户体验。Ajax实现过程：(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象(2)创建一个新的HTTP请求,并指定该HTTP请求的方法、U

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

什么是闭包（closure）为什么要用它?

2024年04月13日闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。闭包的特性：1.函数内再嵌套函数2.内部函数可以引用外层的参数和变量3.参数和变量不会被垃圾回收机制回收例如：//li节点的onclick事件都能正确的弹出当前被点击的li索引<ul id="testUL"> <li> inde

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

简单概括浏览器事件模型，dom节点获取的方法

2024年04月13日在各种浏览器中存在三种事件模型:原始事件模型( original event model),DOM2事件模型,IE事件模型.其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持。浏览器事件模型分为三个阶段 1、捕获阶段 2、目标阶段 3、冒泡阶段Dom节点获取方法：1．通过id属性获取 document.getElementById()2．通过name属性获取 document.getElementsByName()3

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

用css实现一个点击展开内容的小效果（css三角形点击切换倒三角）

2024年04月13日 <style> .box{ width: 280px; background: pink; margin: 30px; border: 2px solid black; } a{ text-decoration: none; display: block; font-size: 12px; color: #fff; line-height: 20px; background: #808080;

css锚点链接简单实现点击更换内容的方法

2024年04月13日 <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 360px; height: 140px; border: 10px solid #a7a6a6; } .box_one{ width: 300px; height: 140px; float: left; overflow: hidden;

利用css简单实现一个立方体效果（结构性伪类选择器实现）

2024年04月12日 <style type="text/css"> div,body,input,textarea,a,select,h1,h2,h3,h4,h5,h6,span,p,ul,ol,li,dl,dd,dt,form,table,span,img{ margin:0; padding:0; } body,html{ height: 100%; } .box{ width: 300px; height:

利用css简单实现一个跑马灯效果

2024年04月12日 <style type="text/css"> div,body,input,textarea,a,select,h1,h2,h3,h4,h5,h6,span,p,ul,ol,li,dl,dd,dt,form,table,span,img{ margin:0; padding:0; } .box{ width: 350px; height: 150px; border: 10px solid rgba(

利用css简单实现一个翻牌的效果

2024年04月12日 <style type="text/css"> div,body,input,textarea,a,select,h1,h2,h3,h4,h5,h6,span,p,ul,ol,li,dl,dd,dt,form,table,span,img{ margin:0; padding:0; } body{ width: 100%; background: black; } .box{ position:

JS给网站图片实现一个懒加载的方法

2024年04月12日大部分网站，都会给部分文章图片或者封面图片添加一个懒加载效果，从而减少一次性向服务器进行大量请求。下面，鹏仔就给大家讲解下给网站添加懒加载教程，其实就是将图片src赋值为一张指定的图片，当用户滚动滚动条到可视区域图片时候，再去加载真正的图片。css代码（鹏仔只是给图片设置了一个大小，具体自己设置）<style> img { display: block; margin-bottom: 10px; wi

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

css实现一个打字跑动效果文字一个一个渐渐出来效果

2024年04月12日利用css实现一个文字一个一个出现的效果，前段时间无意间看到的一个效果，就百度了一下，给大家整理解释一下。<style> .running{ max-width: 500px; height: 60px; margin: 100px auto; text-align: center; } .running h3{ font-size: 40px; line-height: 60px; width: 100

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

VUE项目如何build打包

2024年04月12日 Vue最后做好项目，有很多没用大文件，后期需要进行打包，只需要把用的文件打包，那么我们如何进行打包呢？下面，鹏仔给大家讲解下如何来打包首先，我们打开项目中的文件 config下的 index.js ，如图：接着，我们需要找到 bulid 下的 assetsPublicPath:'/'将他的路径进行修改，将 '路径改为' 改为 './' 即可最后，我们在你的项目文件里打开 cmd ，输入 npm run build 进行打包打包完

前端 JS JavaScript vue

在VUE中使用v-show简单实现一个选项卡切换效果

2024年04月12日选项卡是网站非常常见的效果，大多都是利用了css属性中的display，下面鹏仔给大家带来vue中使用v-show来简单实现选项卡效果。在开始之前，大家得先在页面中引入VUE<style> #app{ width: 400px; height: 250px; position: relative; } .box01{ width:100%; he

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Ajax、fetch、axios的区别优缺点介绍为什么要用axios?

2024年04月12日 ajax<script> $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {} }); </script>优缺点: 本身是针对mvc编程，不符合mvvm前端开发流程基于原生XHR进行开发，XHR结构本身不清晰

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

常见的几种常见的IE6 bug的解决方法

2024年04月12日 1. png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.也可以引用一段脚本处理. 2. IE6双倍边距bug：在该元素中加入display:inline 或 display:block 3. 像素问题使用多个float和注释引起的使用dislpay:inline -3px 4. 超链接hover 点击后失效使用正确的书写顺序 link visited hover active 5. z-index问题给父级添加p

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

如何从浏览器的URL中获取参数信息

2024年04月12日浏览器宿主环境中，有一个location对象，同时这个对象也是window对象和document对象的属性。 location对象中提供了与当前窗口加载的文档有关的的信息，即URL信息。如 https://www.baidu.com/api/sousu?search=baidu&id=123#2 location.href: 完整URL location.protocol: 返回协议（https:）

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

最新内容

1.vue动态修改网站的icon图标

2.VUE中ECharts提示框tooltip自动切换

3.网页中生成微信小程序二维码

4.微信小程序判断是安卓还是苹果

5.vue实现表格自动滚动功能 vue-seamless-scroll

6.uniapp页面跳转的几种方式

7.VUE实现点击复制

8.table固定表头和列 css实现表格固定表头

9.vue路由切换滑动效果 vue页面跳转交互 vue实现动画跳转

10.vue将页面生成图片 vue生成海报

11.vue跳转页面清除历史记录，页面跳转删除历史记录

12.SEO优化的概念？什么站内优化和站外优化？

13.简述同步和异步的区别

14.用Vue实现图片懒加载

15.position有哪些常用的值？有什么作用？

16.什么是优雅降级和渐进增强？

17.移动端布局的相关单位

18.transition和animation有什么区别？

19.get和post有什么区别？

20.link和@import有什么区别？

21.let变量和const变量有什么区别？

22.JS的解析顺序

23.break和continue有什么区别？

24.HTML 5 简介

25.html的基本结构

26.html基本语法

27.html常用标签

28.浏览器无需下载插件解决网页长截图的小技巧

29.简述一下src与href的区别

30.Number、parseInt、parseFloat有什么区别？

首页上一页 1 2 3 4 5 6 7 8 9 10 11 下一页末页