龙行博客

走路看风景,经历看人生,岁月留痕迹,人生留轨迹,17的历史,18的豪情,时间的匆忙,人生的风景,放开心胸往前走,成功再远行,放开理想往前走,梦想再行动。
推荐阅读站长精心推荐阅读
现在位置:首页 > 编程语言 > web前端
  • jquery实现点击图片灯箱效果,图片放大

    jquery实现点击图片灯箱效果,图片放大

    web前端  03-15  122浏览  0评论

    代码: <img onclick="imgDisplay(this)" height="100" width="120" src="{$v.img_url}"> <script> //图片灯箱 function imgDisplay(obj) { var src = $(obj).attr("src")

  • vue使用laydate会清空值得问题

    vue使用laydate会清空值得问题

    web前端  03-11  182浏览  0评论

    日期控件layui的laydate最喜欢的,第一次玩vue遇到的坑,记录下 问题就是: 比如你选择好了开始日期,想搜索,但是当你提交这个表单时,发现开始日期是空的,这是怎么回事. 问题原因: 其实原因是vue和laydate组件绑定事件发生冲突导致 决绝方法: 那就重新赋值把 mounted: function () { //初始

  • vue 表单v-model数据双向绑定,vue继续爬

    vue 表单v-model数据双向绑定,vue继续爬

    web前端  02-22  153浏览  2评论

    1.了解vue数据双向绑定 vue是一个mvvm框架,即数据双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。这也算是vue的精髓之处了。值得注意的是,我们所说的数据双向绑定,一定是对于UI控件来说的,非UI控件不会涉及到数据双向绑定。 单向数据绑定是使用状态管理工具(如redux)的前提。如果我们使用vuex,那么数据流也是单项的

  • 从零开始搭建vue-cli脚手架_超详细步骤

    从零开始搭建vue-cli脚手架_超详细步骤

    web前端  02-21  170浏览  0评论

    都说vue2简单易上手,挣扎过一段时间没去研究(原因吗嘛:主要是觉得对于我这种前端菜鸡,有点难) 挣扎了一两周,这里翻翻,那里看看,google,百度,官网, -----  一不小心零零碎碎的还来了兴趣(想研究的东西只要来了兴趣,事半功倍); 学习使我开心(哈哈) 之前也看了看vue基础,没想想中那么难,入门像我这种菜鸡大概一天左右吧. 发现v

  • VUE学习之页面渲染数据

    VUE学习之页面渲染数据

    web前端  02-20  161浏览  0评论

    闲来无事来学习学习vue,web前端还是该好好学习学习 vue官方手册 : https://cn.vuejs.org/v2/guide/installation.html  非常棒的vue资源精选: http://vue.awesometiny.com/ 整整一天时间没了,等会儿整理整理基础吧,百度整理的毕竟是人家的不在乎

  • 文本过多时隐藏部分文本js实现

    文本过多时隐藏部分文本js实现

    web前端  02-15  140浏览  0评论

    情景描述: 有时候我们需要显示部分文字,就像 QQ 空间这样,先显示部分文字,加一个【查看全文】,让用户选择是否查看全部 解决方法: 第一步:在一个 id 为 fullText 的 div 标签中存放所有文本,在另一个名为 subText 的div标签中存放部分文本(20个字为例)的文本,在一个 a 标签中实现点击效果。页面初识加载时,将要显示的文本放入一

  • Vue 前端md5加密

    Vue 前端md5加密

    web前端  01-02  390浏览  0评论

    用户注册时将加密后的密码发送给后端存储 当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。 npm: https://www.npmjs.com/package/crypto-browserify 此加密无须解密。 安装:npm install crypto --save 在需要用到的文件中通过 import 引入

  • js回到顶部功能

    js回到顶部功能

    web前端  01-02  361浏览  0评论

    HTML代码 <p id="back-to-top"><a href="#top">返回顶部</a></p> CSS代码 p#back-to-top{ position:fixed; display:none; bottom:100px;

  • js跑马灯效果

    js跑马灯效果

    web前端  01-02  442浏览  0评论

    目标效果:每过1秒重复把广告的第一个字符放到最后,达到动态跑马灯效果 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head>

  • jQuery实现上下滚动公告栏详细实例

    jQuery实现上下滚动公告栏详细实例

    web前端  11-28  375浏览  1评论

    分享一个实现网站公告栏的jquery案例,网上有很多案例但是都会出现一些小问题,也懒得去改,自己瞎琢磨吧,找到了 图中箭头所指内容就是公告内容,它会不停的上下滚动,当然滚动时间可以自己设置的。 下面我们来看下是怎么实现的。 其实实现滚动效果主要用到jQuery中的animate() 方法,而animate() 方法就是创建动画效果,简单的说

  • 解决google(chrome)浏览器开发者工具(f12)不打印错误信息

    解决google(chrome)浏览器开发者工具(f12)不打印错误信息

    web前端  11-24  493浏览  4评论

    遇到个奇葩的问题,属于自我找事做类型,手贱F12里面不知道点的啥console不能打印错误信息了,只显示有几个错误, 测试了下console.log('https://www.liaotaoo.cn');    undefined   百度一圈找到答案,虽然不知道点到哪儿了,也不想研究怎么点到的,知道怎么解决就OK了

  • jquery实现图片放大镜效果

    jquery实现图片放大镜效果

    web前端  11-22  515浏览  10评论

    分享一个jquery制作的图片放大镜效果,这种常用的一般在电商商品详情展示页用的比较多,通过放大图片让消费者更能清晰查看商品细节,增加用户体验度,通过原图放大不会造成图片失真,找到这个demo分享给大家:     首先是引入Jquery文件jquery-1.2.6.min.js和CSS样式表。其次在需要放大的图片上添加属性jq

  • tp5 ajax 使用formdata提交数据(包括文件上传)

    tp5 ajax 使用formdata提交数据(包括文件上传)

    web前端  11-16  634浏览  0评论

    //看看html页面 <form class="form form-horizontal" id="form-article-add" method="post" enctype="multipart/form-data" action="{:url('article/add')}"> <input type="hidden" name="uid" value

  • 让点击按钮实现波纹点击特效

    让点击按钮实现波纹点击特效

    web前端  11-14  387浏览  0评论

    这个波纹点击按钮特效主要视为了提升用户体验度,只需要使用CSS就可以做到。主要借助::after伪类及CSS3中的transform和transition属性。 HTML页面: //模拟两个点击按钮 <div class="container text-center"> <button class="btn btn-defau

  • jQuery实现全选,反选,全不选

    jQuery实现全选,反选,全不选

    web前端  11-13  329浏览  0评论

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全选和全不选以及反选</title> <script src="../js/jquery-1.8.3.js"></scrip

快捷导航
联系博主
在线壁纸
给我留言
光羽影视
音乐欣赏
返回顶部