移动端固定头部和固定左边第一列的实现方案(Vue中实现demo)

最近移动端做一份报表,需要左右滚动时,固定左边部分;上下滚动时,固定头部部分。 代码在Vue中简单实现 主要思路是: a.左边部分滚动,实时修改右边部分的滚动条高度 b.头部和内容部分都设置固定高度,当内容部分内容高度大于设置的高度时,产生滚动条 c.左右部分也设置固定宽度,左边设置固定宽度,右边设置成窗口的宽度减去左边部分的宽度,当右边部分的宽度大

  • 0
  • 0
  • 发布于 2020-06-30 11:05
  • 阅读 ( 25 )

*html5的localStorage之【增、删、改、查】

也不知道csdn传图怎么这个德行的。大家如果看不清就给浏览器放大就好了。chrom浏览器右上角3个点里有缩放点+号   localStorage的优势   1、localStorage拓展了cookie的4K限制 2、localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库,相比于cookie可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的 localStorage的局限 1、

  • 0
  • 0
  • 发布于 2020-06-30 11:01
  • 阅读 ( 17 )

MongoDB链接失败o/shell/mongo.js:240:13 @(connect):1:6

小谢博客https://xgs888.top/post/view?id=80   I:MongoDBbin>mongo MongoDB shell version v3.4.10-58-g9847179 connecting to: mongodb://127.0.0.1:27017 2017-12-26T09:12:22.855+0800 W NETWORK  [thread1] Failed to connect to 127.0.0.1 :27017 after 5000ms milli

  • 0
  • 0
  • 发布于 2020-06-30 10:56
  • 阅读 ( 10 )

Vue的基础入门及使用

Vue的基础入门及使用 第一章Vue核心 1.1Vue的基本认识 1.1.1官网 英文官网:https://vuejs.org/ 中文官网:https://cn.vuejs.org/ 1.1.2介绍描述 渐进式JavaScript框架 作者:尤雨溪(一位华裔前Google工程师) 作用:动态构建用户界面 1.1.3Vue特点 1.遵循MVVM模式 M:Model,模型,数据对象(data) V:View,视图,模板页面 VM:ViewModel,视图模型(Vue的实例) 2.编码简洁,体积小,运行效率高

  • 0
  • 0
  • 发布于 2020-06-30 10:49
  • 阅读 ( 22 )

vue实现换主题皮肤功能

现在的app和pc网站做的越来越花哨,但是有时候用户并不喜欢你给他挑选好的主题颜色,这个时候就需要一个换皮肤的功能了。 那么我们怎么在vue中实现这个换皮肤的功能呢? 实现思路 我们用vue一般都是写单页面程序,因此在实际发布的时候只有一个html以及一堆静态文件(js、css、img之类)。而在html中引用了这些js和css。我们要换皮肤的话其实就是动态的去切换css,所以在

  • 0
  • 0
  • 发布于 2020-06-30 10:45
  • 阅读 ( 20 )

Docker安装ELK并实现JSON格式日志分析

ELK是什么 ELK是elastic公司提供的一套完整的日志收集以及前端展示的解决方案,是三个产品的首字母缩写,分别是ElasticSearch、Logstash和Kibana。 其中Logstash负责对日志进行处理,如日志的过滤、日志的格式化等;ElasticSearch具有强大的文本搜索能力,因此作为日志的存储容器;而Kibana负责前端的展示。 ELK搭建架构如下图: 加入了filebeat用于从不同的客户端收集日志,然后传递到Logs

  • 0
  • 0
  • 发布于 2020-06-30 10:44
  • 阅读 ( 32 )

使用vue实现一个电子签名组件

使用vue实现一个电子签名组件 在生活中我们使用到电子签名最多的地方可能就是银行了,每次都会让你留下大名。今天我们就要用vue实现一个电子签名的面板 想要绘制图形,第一步想到的就是使用canvas标签,在之前的文章里我们使用canvas实现了一个前端生成图形验证码的组件,被吐槽不够安全,那么这个电子签名组件想必不会被吐槽了吧~ canvas <canvas>标签是HTML5中的新标

  • 0
  • 0
  • 发布于 2020-06-30 10:44
  • 阅读 ( 25 )

基于nodejs将mongodb的数据实时同步到elasticsearch

一、前言 因公司需要选用elasticsearch做全文检索,持久化存储选用的是mongodb,但是希望mongodb里面的数据发生改变可以实时同步到elasticsearch上,一开始主要使用elasticsearchv1.7.2的版本,mongo-river可以搞定这个问题。随着elasticsearch的升级,发现elasticsearch已经放弃了mongo-river,咋整......Google之后发现一神器mongo-connector,国外大神用python写的工具而且MongoDB官网也

  • 0
  • 0
  • 发布于 2020-06-30 10:42
  • 阅读 ( 23 )

html5以及jQuery实现本地图片上传前的预览

淘到好东西了,赶紧记下来。 下面贴代码,超级简单的,jQuery也是引用了在线资源库,所以直接拷下来就能运行了 <!DOCTYPEhtml> <html> <head> <title>HTML5上传图片预览</title> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <scriptsrc="http://www.codefans.net/aj

  • 0
  • 0
  • 发布于 2020-06-30 10:22
  • 阅读 ( 14 )

Web前端技术 Web学习资料 Web学习路线 Web入门宝典(不断更新中)

(此文档于2019年3月停止再更新,后续更新移步至:https://github.com/liuyuqin1991/polaris) 学习路线 第一章技术(核心单独列章节) 1.Node Node.js就是运行在服务端的JavaScript。Node.js是一个基于ChromeJavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎。相当与JDK。 Github: https://github.com/nodejs/node

  • 0
  • 0
  • 发布于 2020-06-30 10:22
  • 阅读 ( 4 )

vue.config.js添加webpack插件的写法

2019独角兽企业重金招聘Python工程师标准>>> 写法: module.exports={ chainWebpack:config=>{ config .pugin('插件名字') .use(引入的插件的变量,一定不要使用new关键字) .tag:c=>{ //c是一个数组 c[0]={插件的配置项} returnc; } } } 示例: //引入vconsole-webpack-plugin constVconsoleWebpackPlugin=re

  • 0
  • 0
  • 发布于 2020-06-30 10:14
  • 阅读 ( 37 )

用WebSocket实现后端消息实时推送到前端

1.前端调用WebSocketserver代码: //调用WebSocketserver batchSeting(){ this.openStatue=1; constserve=window.location.hostname; this.websock=newWebSocket(`ws://${serve}:8088/examService`); this.websock.onmessage=this.websocketonmessage; this.websock.onerror=thi

  • 0
  • 0
  • 发布于 2020-06-30 10:05
  • 阅读 ( 2 )

使用ant-design-vue的select组件双向绑定的值返回为options的下标值的问题

是这样的,有一个表单,里面有很多的输入框,下拉列表,这些输入或选择的值我都需要获取到并且在提交表单的时候去传值。所以选择了将这些所有的输入或选择的值都双向绑定给一个params的一个对象。 但是,我这个表单有一个要求是,除开正则匹配,需要全部填写完毕,提交按钮才能点击,所以提交按钮设置了一个disabled,而这个disabled是在computed里面去监听的。 所以

  • 0
  • 0
  • 发布于 2020-06-30 10:05
  • 阅读 ( 27 )

vue填坑系列之重置select选择器默认值

  具体的需求如下,在点击重置按钮的时候,我需要将select下拉框重置为初始值,输入框重置为空             打印输出值的时候会发现如果默认没有任何选中的状态下,直接将当前元素重置为空字符串就可以了 如下: this.form.deviceNoVal='' this.form.deviceType=''     如果重新赋值的话相当于填充那么就不是出事默认值的效果了,一定要注意 this.form.deviceNoVal='请选

  • 0
  • 0
  • 发布于 2020-06-30 10:04
  • 阅读 ( 15 )

ant-design-vue中的select选择器,对输入值的进行筛选。

今天在设计一个标签(采用的是Select选择器中的标签那一个)时,从后台返回了数据,但是在输入值时,没有对回显的值进行过滤匹配,通过查看官方文档,解决了这个问题。记在这里方便以后查看。 <a-form-itemlabel='标签'v-bind="formItemLayout"> <a-select mode="tags" :allowClear="true" :filterOption="filterOption" style="width:100%" v-decorator="['t

  • 0
  • 0
  • 发布于 2020-06-30 10:04
  • 阅读 ( 19 )

vue+antd+select下拉初始化赋值

前言:     antd的功能是挺好的,但是在他的下拉这里初始化赋值是很不友好的,我这里的需要时新增置空,修改赋值的需求,他的自带功能defaultValue满足不了需要,他只在创建的时候赋值一次,我们修改就需要每次点击都赋值上去,我们这里用value来实现,但是vue中的value使用跟react中还是有很大区别的,这里来记录下我解决这个问题的办法。 实现效果: 实现步骤:

  • 0
  • 0
  • 发布于 2020-06-30 10:04
  • 阅读 ( 22 )

Vue表单回车事件下一个input获取焦点

为什么80%的码农都做不了架构师?>>>   <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>Document</title> </head> <body> <divid="app"> <ul> <liv-for="(item,index)ininputs"> <

  • 0
  • 0
  • 发布于 2020-06-30 08:36
  • 阅读 ( 20 )

钉钉扫码登录接入WEB第三方系统---前端 vue 后台golang

1、首先在钉钉开放平台,配置移动接入应用的登录,域名,获取appid和 appSecret,(后台服务需要)     2、我在前端的登录页面放置了钉钉的扫码登录的二维码, login.vue代码 <template> <divclass="login-container"> <divid="login_container"class="dingding_scan"></div> </div> </template>

  • 0
  • 0
  • 发布于 2020-06-30 08:34
  • 阅读 ( 11 )

教你如何使用百度API(详细版)(包含解析json)

在哔哩哔哩学的https://www.bilibili.com/video/av31661320 首先要注册百度开发者账号获取AppID和密匙http://api.fanyi.baidu.com/api/trans/product/apidoc?qq-pf-to=pcqq.c2c 访问这个网址下载一下Demo 我用的是C#Demo usingSystem; usingSystem.Text; usingSystem.Net; usingSystem.IO; usingSystem.Security.Cry

  • 0
  • 0
  • 发布于 2020-06-30 08:22
  • 阅读 ( 14 )

爬虫实战4:js逆向---以百度翻译爬虫为例

  嗷,有段时间(半个月)没写了…上篇博文是说打算写一篇破解bilibili滑块验证码,基本思路都实现了,后来竟然卡在获取不到bilibili的验证码原图(为我的睿智窒息)。一晃而过半个月,补了点前端三大语言基础,趁热打铁,先写一篇爬虫js逆向吧,至于滑块验证码破解待续… ​    js逆向是做爬虫必要掌握的进阶技巧,如常见post方式data被加密,找出被加密键对值。

  • 0
  • 0
  • 发布于 2020-06-30 08:22
  • 阅读 ( 14 )

精选优质文章、大厂面试题解读、社区微信小程序、扫一扫随时随地逛社区

逛一逛
社区小程序