- 博客(80)
- 收藏
- 关注
RSS订阅转载 HTML界面利用 http-vue-loader.js以组件方式引入vue文件
http-vue-loader 这套工具可提供开发者直接在网页环境中载入 .Vue File，无需透过 nodeJS 环境编译，也不需要 Build 的步骤。在index的 mounted 中无法访问引入的组件 但是在 methods 通过事件可以操作 组件的数据。用法很简单，首先在网页上载入 Vue 与 http-vue-loader，如下。其他vue文件引入 第一个第一个组件 也可以生效。
2023-05-04 15:18:27
915
原创 httpVueLoader使用示例（用于cdn引入vue2后在html文件中使用组件开发）
用于cdn引入vue2后在html文件中使用组件开发
2023-05-04 14:40:16
1591
2
转载 PC 打开 vue h5移动端 页面 不变形《转载》
有时候，我们想让pc打开适配手机的h5，并且不变形，在不使用媒体查询的情况下，我们可以使用以下方式：实现功能如下pc打开周围留空白，居中显示当浏览器切换为手机模式/手机打开网址时会变为手机模式以下为主要代码public 文件夹下 index.html<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <script as..
2023-05-01 12:49:01
1215
转载 JS遍历对象，获取key、value的几种方法
因为hasOwnproperty在js里并不是敏感词，因此可能当前对象有一个属性名叫hasOwnproperty，所以这里直接调原型链上的hasOwnproperty方法。call(person, key)的两个参数，第一个参数是this的指向对象，第二个参数是入参。里map的迭代函数第二个参数是可以直接取到key的，原生js的map函数是不支持的。
2023-04-19 12:36:33
4092
转载 如何解决上层div元素将下层div元素盖住，但是下层div里的点击事件仍可以进行的问题?
解决上层div元素将下层div元素盖住导致下层div点击事件不响应问题
2023-03-15 17:40:02
1167
转载 vue 仿照抖音视频效果（滑动切换）vant2
同时他也在 github 上发现一位大佬做的这种效果也特别好。那就学起来吧~~~~~~~~~~~~~~~~~~~~~~~这是大佬的主要代码，感兴趣的小伙伴可以去看看。看个效果图，再决定学不学。
2023-03-15 15:51:17
2727
转载 html图片显示变形,CSS完美解决前端图片变形问题的方法
最后一种cover效果是最理想的，即居中显示，占满整个容器并且不变形。但是，如果您是资讯站、图片展等等，千万不要用这种方法，否则你的图片将很难被搜索引擎收录。如果图片的宽度限制了，高度大于等于容器的高度，就会填满整个容器，但是如果图片高度小于容器高度，就会出现空白，固定高度同理。此方法是最简单也最实用，配合后台裁切，更加完美。可以看到，无论是宽度超过容器，还是高度超过容器，还是宽高都不超过容器，都能全部居中显示在容器内，不会裁切。二、让图片始终显示在容器内，并且居中显示。
2023-03-10 15:50:19
2104
转载 获取在input:file中选中图片的宽高信息
这两种方式都有低版本浏览器不兼容的现象,但考虑到它们会逐渐退出市场,所以先大胆用吧,遇到问题再讨论,拜了个拜.后宽高通过对应的width属性和height属性获取,第二种是在js里面手动创建一个Image。对象(下面有具体代码事例),再给这个Image对象赋予对应的src不就得了,哇哈哈,基本的。息,比如说图片的宽高等等,但是我们知道的,通过file控件的onchange事件只能获取。嗯哼,首先先想想前提,怎样才能获得一个图片的宽高呢?到文件的一些基本信息,像文件大小,最后修改时间等等.
2023-03-10 11:22:57
827
转载 JavaScript 获取url参数及解决中文乱码问题
用encodeURI()加密name，在getQueryVariable()使用decodeURI()解密。用escape()加密gender，在getQueryString()使用unescape()解密。注意：前面方法尚未对中文进行处理，如果传递的值是中文，会产生乱码。方法一：encodeURI()、decodeURI()方法二：escape()、unescape()我们可以对中文单独加密，也可以对整个url加密。直接调用函数并传递参数名即可。
2023-03-02 10:36:30
3552
转载 用JS获取地址栏参数的方法（超级简单）
等技术制作的网页）传递参数，可有多个参数，用"&"符号隔开，每个参数的名和值用"="符号隔开。如果采用默认的80端口(update:即使添加了:80)，那么返回值并不是默认的80而是空字符。由零或多个"/"符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。如果没有指定该参数，则子字符串将延续到 stringvar 的最后。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。整数，可选，省略时使用方案的默认端口，如http的默认端口为80。返回一个从指定位置开始的指定长度的子字符串。
2023-03-02 09:41:37
5593
原创 window.history.go(-1)；后退不刷新问题 移动端
本文主要解决移动端用返回键后滚动条自动置顶（我是这个问题，可能是用了layer的流加载原因，导致返回后自动置顶）或者不刷新问题。解决方法：（其实就是把上面刷新那行改成操作滚动条，需要事先保存滚动条位置）
2023-02-25 16:43:39
1401
转载 viewerjs 在html打开图片或打开pdf文件使用案例
访问语法如下：https://169.254.109.160:8001/项目名/PDF/web/viewer.html?file=https://169.254.109.160:8001/项目名/PDFfile/1.pdf#page=1"file=https://169.254.109.160:8001/项目名/PDFfile/1.pdf //文件路径，注意一定是服务器路径不能是相对文件路径。PDF/web/viewer.html //你项目路径下的PDF中的viewer.html。
2023-01-12 14:30:44
1714
转载 div嵌套多个点击事件,点击后如何阻止多次事件触发冒泡
在你像要触发一次的事件上加 window.event.cancelBubble = true;//禁止冒泡（禁止其他事件触发）
2023-01-05 11:20:21
797
转载 用JS WebSocket实现简单聊天
短轮询的实现思路就是浏览器端每隔几秒钟向服务器端发送 HTTP 请求，服务端在收到请求后，不论是否有数据更新，都直接进行响应。在服务端响应完成，就会关闭这个 TCP 连接，代码实现也最简单，就是利用 XHR， 通过 setInterval 定时向后端发送请求，以获取最新的数据。df优点：实现简单。缺点：会造成数据在一小段时间内不同步和大量无效的请求，安全性差、浪费资源。
2022-10-19 12:02:35
1304
原创 fromData上传文件方法记录
upload(item) { let formData = new FormData(); formData.append('file', item.file);//调用上传接口 uploadImage(formData) .then(res => { }); }) .catch(err => { this.$message.error('上传失败.
2022-05-19 11:50:05
246
转载 使用js做水印效果,jquery＜转载＞
/* * @description添加水印 * @param {Obj} settings水印配置参数 */ function waterMark(markElement) { $('#' + markElement.waterMarkId).find('.markElement').remove(); var settings = { waterMarkId:"t1", waterMarkContent:"我是水印内容", waterMarkX:-10, waterMark.
2022-05-18 09:34:17
467
原创 vue简单实现多功能弹幕（比上一个好）
插件地址GitHub - hellodigua/vue-danmaku: 基于Vue.js的弹幕交互组件https://github.com/hellodigua/vue-danmakugit地址https://github.com/hellodigua/vue-danmaku.githttps://github.com/hellodigua/vue-danmaku.git具体操作demo基本都有，弹幕也是插槽，自己可以改样式。附上我的样式图片。仅需安装sass...
2022-05-07 09:50:53
759
1
转载 vue如何实现弹幕功能
这篇文章将为大家详细讲解有关vue如何实现弹幕功能，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。（1）效果如上图所示的效果，这里我们使用vue 制作。(2)使用技术 vue + vue-baberrage1.安装：npm install vue-baberrage2.引入方式一：importVuefrom'vue' import{vueBaberrage}from'vue-baberrage' Vue....
2022-04-28 13:58:10
6306
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人