logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

纯html+css固定表格一列或多列,其余进行横向滚动的方法-鹏仔先生

纯html+css固定表格一列或多列,其余进行横向滚动的方法工作时候,遇到一个需求,表格的前两列固定不动,其他的跟随滚动条滚动,并没有在意,想起来很简单,刚开始想法是前两列absolute定位,后面的relative定位并给left值为前面的总宽度,就这样做了,发现是有问题的,具体啥问题就不多说了,如真想研究,自己尝试吧。当然,网上有很多插件的,比较好用,也建议大家使用插件吧,如TableFree

#html#css
vue中实现对一个数组进行搜索 vue实现搜索功能

vue中 实现搜索功能原文地址http://www.sharedblog.cn/?post=207input中 v-model绑定<input type="text" placeholder="按主页名称或编号搜索" v-model="inputKey"><div><div v-for="(item,index) in searc...

#前端
Vue中如何实现 点击显示 再点击隐藏 点击页面空白区域也隐藏效果

原文http://www.sharedblog.cn/?post=211平时项目中,经常会做一些下拉菜单等效果,这种效果可能会需要通过一个按钮来控制显示隐藏,并且当点击页面其他空白区域时,也要将其隐藏。简单写个Demo<!-- 按钮 --><button @click.stop="ShowHidden = !ShowHidden">显示或...

base64转file文件格式 vue中将base64转file文件格式

项目中,实现调用摄像头拍照,进行人脸识别,需要传给后端,拍照后我转的格式是base64,需要给后端传file文件格式,安排vue中,自行在assets新建js,封装如下,复制粘贴进去即可/*** dataurl: base64* filename: 设置文件名称*/export const dataURLtoFile = (dataurl, filename) => {let arr = d

JS判断某个时间戳是否为当天时间

这两天想着给网站写一个H5app玩玩,文章列表页想实现是否为当天发的文章,如果是当天那么显示一个NEW标识,后台返回的是发帖时的时间戳,我需要判断这个时间戳是否为当天时间即可。vue中直接在标签中判断如下(item.PostTime为发帖时间戳)<img class="new" src="@/assets/img/new.png" v-if="new Date(Number(item.Pos

文章图片
如何使用JS将两个数组合并 拼接到一起

项目中,调用接口,获取到数组,显示到页面,然后将新建的每次保存到vuex中存一个数组,最后需要把接口数据与vuex存储的合并到一个数组。例如http://www.sharedblog.cn/?post=213接口获取的数组和vuex存储的数组let jiekou = [{name: '名字1', id: '1'}, {name: '名字2', id: '2'}]le...

vue中子级页面给父级如何传值,VUE子传父

结合之前文章,自定义子组件的使用,来实现一个子传父的功能,功能很简单,点击子级页面按钮,将值传递给父级中。首先,我们需要在子组件中,设置一个点击按钮<button @click="GetBtn()">点击按钮</button>接着在JS中,data定义一个参数ConKey,在点击事件中,使用$emit进行传参export default {name: 'childer',d

H5移动端项目实现手写签名功能 vue实现手写签名

vue 移动端实现手写签名效果,功能很完美,保存时保存为base64格式。base64转file文件格式 vue中将base64转file文件格式刚好项目用到此功能,就网上找了一下,清理了无用代码,简单方便,因为项目中多个地方需要使用,所以我将它整理为组件,通过ref和传值控制,下面代码我单独整理出来,可自行封装组件(只支持移动端,不支持pc端)。代码中,css自行修改一下宽高,背景之类即可。代码

#vue.js#css#javascript +2
vue表单验证 input输入框禁止输入空格

测试小姐姐让输入框不允许输入空格,安排。刚开始用的下面这个方法,因为我是电脑端f12的情况下调试移动端,所以下面这个方法可以实现禁止输入空格,于是就打包测试上线了,上线后才发现真机中不支持,应该是pc端和移动端事件不一样,所以如果你是pc端,可以使用下面这个方法。input上添加下方代码(我用的vant也一样,包括elemenui等)@keydown.native="keydown($event)

vue中 如何给图片设置懒加载 用Vue实现图片懒加载

懒加载:首先将图片的src链接设为同一张图,并将其真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的效果。顾名思义,简单理解就是 当页面打开,首先所有数据引进来的图片先不显示,所有图先加载自己指定的某一张图片,一般动态图片效果更好,然后真正路径图片一个一个显示到页面,从而达到懒加载效果。优点:懒加载能防...

    共 26 条
  • 1
  • 2
  • 3
  • 请选择