VUE实现点击复制

2024年04月22日 鹏仔很久之前的VUE项目中，要实现点击分享时，要有点击复制分享链接功能，鹏仔就使用了vue2中“vue-clipboard2”这个插件，也是很简单方便，本次分享给大家。第一步，我们先安装依赖npm install vue-clipboard2第二步，我们去main.js中引入// 复制插件 import VueClipBoard from 'vue-clipboard2'; Vue.use(VueClipBoard);第三步，自定义点击按钮，在method

vue复制 vue clipboard2 插件

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

2024年04月17日 Hello，大家好，我是站长鹏仔，本次鹏仔开发的项目中，实现出功能如图所示，固定表格的头部和左侧，在超出时滚动条滚动悬浮，之前给大家写过一次表格表头固定，是用占位的方式（https://www.lmcjl.com/post/178.html），太麻烦了，本次给大家分享一个更简单的方法。本次主要用到的css属性是粘性定位 position: sticky; 这个属性可以理解为 position: relative; 正常显示时没有任何变化，但是当页面滚动时，他就相当于 fixe

css 表头固定 表格悬浮 表格固定列 表格表头固定

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

2024年04月17日 Hello，大家好，我是小编鹏仔，鹏仔一直觉得VUE在H5端路由跳转时交互特别丑，一直想写成那种点击滑动切换类的效果，趁着这两天工作不是很忙就网上搜了下，最终在多个搜索结果中选择了一种方式实现，效果如下图所示，点击路由跳转时是页面是滑动切换。逻辑其实还是很简单的，就是监听在路由切换时加css效果即可，下方跟着鹏仔来一步一步的去添加实现吧！首先，我们在router.js中，给每个要切换的路由meta中加index索引，用来判断页面动画的方向（页面在返回或者跳转判断向右滑动还是向

vue路由切换 vue页面跳转交互 vue跳转动画效果

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

2024年04月17日 Hello，大家好，我是小编鹏仔，近几年开发项目中，经常用到将网页生成海报图片功能，每次使用都要去查找复制一下的，比较麻烦还费时间，还是自己整理到自己的博客方便，那么本次鹏仔就给大家整理一下vue使用html2canvas插件将网页生成图片吧！ 如上图所示功能是开发了一个电子签名触屏版，右上角框框是摄像头（因电脑没配置摄像头，所以效果图中拍照区显示为空），左侧为签名区域，签名拍照成功后点击保存，会将签名区和拍照区截图为整张图保存下来。第一步，我们先在vue项目中

vue生成海报 vue截图 vue生成图片 html2canvas

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

2024年04月16日 哈喽，大家好，最近鹏仔写H5公众号项目，由于一些页面交互方面，不能让用户返回到上个页面，那么我们应该如何实现？我们一般vue跳转页面时，基本都是使用如下（这种页面跳转，如A页面跳转B页面之后，可以使用浏览器或手机自带的返回 将B页面返回到A页面。）this.$router.push()但我们使用如下跳转（将 push 换为 replace ，那么从A页面跳转B页面之后，就不会记录历史记录，则浏览器或手机自带返回则无法返回到A页面。）this.$router.replace()

vue跳转 删除跳转历史 历史链接 清除历史记录

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

2024年04月16日 SEO优化概念：seo——搜索引擎优化，分为站内优化和站外优化两部分一、站内优化： 1.页面主题优化 在head部分的title标签中添加一个合理的标题 2.给网页添加关键词、描述 <meta name="keywords" content="关键词"/> <meta name="description" content="描述"/> 3

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

简述同步和异步的区别

2024年04月16日 同步是阻塞模式，异步是非阻塞模式。同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。同步和异步的差别就在于这条流水线上各个流程的执行顺序不同。

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

用Vue实现图片懒加载

2024年04月16日 懒加载：首先将图片的src链接设为同一张图，并将其真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时，即将自定义属性中的地址存储到src属性中，达到懒加载的效果。顾名思义，简单理解就是 当页面打开，首先所有数据引进来的图片先不显示，所有图先加载自己指定的某一张图片，一般动态图片效果更好，然后真正路径图片一个一个显示到页面，从而达到懒加载效果。优点：懒加载能防止页面一次性向服务器响应大量请求导致服务器响应慢，防止页面卡顿或崩溃等问题。首先，我们需

前端 H5 vue

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

2024年04月16日 以下只是常用的属性值，当然后期新增了很多，然而我并没整理static：默认值；不脱离文档流，top，right，bottom，left等属性不生效。绝对定位：absolute绝对定位的关键是找对参照物，要成为绝对定位元素的参照物必须满足以下两个条件：1.参照物和绝对定位元素必须是包含与被包含关系；2.该参照物必须具有定位属性；如果找不到满足以上两个条件的父包含块，那么相对于浏览器窗口进行定位。注：设置了position:absolute;属性后，元素会脱离正常文档流，不在占据

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

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

2024年04月16日 1.渐进增强 在刚开始，就针对低版本浏览器进行项目开发，然后在针对高版本浏览器进行交互效果的设置，简称渐进增强.box{ // 渐进增强写法 -webkit-tanstion: all .5s; -moz-transtion: all .5s; -o-transition: all .5s; transiton: all .5s; }2.优雅降级 在刚开始开发的时候就以高版本浏览器进行开发，开发完后在针对低版本浏

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

移动端布局的相关单位

2024年04月16日 1. px 像素，相对于屏幕分辨率而言2. em 相对于父元素字体大小放到缩小多少倍 1em = 16px 注：由于元素字体大小不固定，所以不推荐使用em3. rem 相对于根元素字体大小放大缩小多少倍 注：是rem布局方案中用到最主要的一个单位4. vw vw——viewport width （视图窗口的宽度） 1vw = 视窗口宽度的 1% vh——viewport height（视图窗口的高度） vmin vw和vh中

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

transition和animation有什么区别？

2024年04月15日 transition 和 animation的区别：1. transition 需要触发条件，不能在页面加载时自动发生2. transition 默认只能执行一次，再次执行需要再次触发3. transition 只有开始和结束两个状态，不能设置中间的状态4. animation 在页面加载时自动执行，并且可以像flash动画一样设置中间的关键帧

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

get和post有什么区别？

2024年04月15日 1. get主要用来获取数据，post主要用来发送数据；2. get可以传送的数据量较小，理论上不能大于2kb，post可以传送的数据较大，理论上没有限制；3. get安全性较低，post安全性更高。

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

link和@import有什么区别？

2024年04月15日 1. link属于html标签，除了可以引入css文件以外，还可以引入其他文件，@import属于css范畴，只能引入css文件；2. link引入的css文件和页面同时加载，@import引入的css文件在页面加载完成后在加载（加载顺序的区别）；3. link标签所有浏览器都支持，@import低版本浏览器不支持（浏览器的支持性）；4. link支持js改变Dom样式，@import不支持（是否支持js改变Dom）。

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

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

2024年04月15日 ES6新增let命令，用来声明变量，他的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。let变量 1.在块级作用域中起作用 2.不存在变量的提升 3.暂时性的死区 4.不允许重复声明 5.全局变量不会变成顶层对象中的属性const声明一个只读的常量，一旦声明，常量的值就不能改变。const变量 1.声明常量，一旦声明，值不可以发生更改 2.必须声明时就赋值

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

最新内容
1.VUE实现点击复制
2.table固定表头和列 css实现表格固定表头
3.vue路由切换滑动效果 vue页面跳转交互 vue实现动画跳转
4.vue将页面生成图片 vue生成海报
5.vue跳转页面清除历史记录，页面跳转删除历史记录
6.SEO优化的概念？什么站内优化和站外优化？
7.简述同步和异步的区别
8.用Vue实现图片懒加载
9.position有哪些常用的值？有什么作用？
10.什么是优雅降级和渐进增强？
11.移动端布局的相关单位
12.transition和animation有什么区别？
13.get和post有什么区别？
14.link和@import有什么区别？
15.let变量和const变量有什么区别？
16.JS的解析顺序
17.break和continue有什么区别？
18.HTML 5 简介
19.html的基本结构
20.html基本语法
21.html常用标签
22.浏览器无需下载插件 解决网页长截图的小技巧
23.简述一下src与href的区别
24.Number、parseInt、parseFloat有什么区别？
25.ajax的优势是什么？
26.面向对象和面向过程有什么区别？
27.Cookie的特点有什么？
28.运用css3变形实现不定宽高元素在父元素或屏幕窗口水平垂直都居中的方法？
29.如何使用border属性实现一个三角形样式?
30.使用js实现悬浮窗效果方法
1 2 3 4 5 6 7 8 9 10 11 下一页 末页