前端开发

ThinkPHP5 通过ajax插入图片并实时显示(完整代码)

ThinkPHP5 通过ajax插入图片并实时显示(完整代码)

单张图片上传 展示图: 完整代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ajax上传图片练习</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js">&l... »

使用ajax跨域调用springboot框架的api传输文件

在新项目中使用的是springboot编写的api,涉及到ajax跨域请求和传输文件的问题,在这里记录一下 首先是前台页面的代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test_api</title> <script type="text/... »

bootstrap select2 动态从后台Ajax动态获取数据的代码

效果图展示: 实现方式: 前端代码: <div class="form-group"> <label class="font-noraml">动态多选</label> <select id="bsselect2ID" name="bsselect2ID" class="form-control select2-multiple" type="text" m... »

常用正则表达式大全(金钱,非负整数,正整数,邮箱,手机号码)

什么是正则表达式? 正则表达式是由一个字符序列形成的搜索模式。 当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。 正则表达式可以是一个简单的字符,或一个更复杂的模式。 正则表达式可用于所有文本搜索和文本替换的操作。 本文给大家介绍一些常用正则表达式(金钱,非负整数,正整数,邮箱,手机号码),具体内容如下所示: 字符  [a-z]代表字母a-z  [^a-z]代表不... »

实现163邮箱的图标功能

默认状态下为小图标+单行背静颜色为白色,鼠标放上去小图片变成了选择框并且单行背景变成了灰色,如果此时不钩选选择框鼠标移开恢复到默认状态,如果钩选选择框,单行背景变成了黄色支持ieff [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] »

bootstrap模态框实现拖拽效果

本文实例为大家分享了bootstrap模态框实现拖拽效果,供大家参考,具体内容如下项目中用的有点乱,jquery和angularjs一起搞,有些插件用的jquery版本的,有的插件用的ng版本的。搞到现在测试了一轮又一轮,发现modal模态框有限bug,因为层级的问题,modal框会被左侧菜单遮挡,需求就改成将modal框改成可以拖动的。 »

基于vue-draggable 实现三级拖动排序效果

基于vue-draggable 实现三级拖动排序效果

vue-draggable 之前项目中需要用到拖动排序,就去网上找资料,本来最开始是想用jquery-ui里的拖动的,后面发现不符合我的预期也不知道能不能跟vue.js兼容,后面我试过了,单个的可以但是层级太多就不一样了。 废话少说直接上代码 先看数据结构,和页面的呈现,等会再来上代码。 这就是三层结构渲染出来的图。那个海锚一样的东西是可以点击的,点击后会出现当前类型所带的产品。等会会说的 我们现... »

Python正则表达式匹配字符串中的数字

1.使用“\d+”匹配全数字 代码: import re zen = "Arizona 479, 501, 870. Carlifornia 209, 213, 650." m = re.findall("\d+", zen) print(m) 结果: [‘479’, ‘501’, ‘870’, ‘209̵... »

JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】

JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】

本文实例讲述了JavaScript实现多张图片放大镜效果。分享给大家供大家参考,具体如下: 效果如下:可以展示图片列表的放大镜效果,图片尺寸没有要求会自动调整至水平垂直居中效果 代码如下,除了图片要替换一下,其它的可直接运行查看效果,enlarge是图片要放大查看的倍数,注意:.bigBox的宽高与.tool的宽高比值要与enlarge保持一致,比如本例中这个比值是4 <!doctype h... »

值得分享的最全面Bootstrap快速人门案例

值得分享的最全面Bootstrap快速人门案例

今天,我给小白们分享一下比较流行的Bootstrap框架,它在工作中得到许多公司的青睐,因此对于升职和加薪很重要。Bootstrap采用12栅格系统,把网页的总宽度平分为12份,开发人员可以自由按份组合。 »

用vscode开发vue应用的方法步骤

用vscode开发vue应用的方法步骤

现在用VSCode开发Vue.js应用几乎已经是前端的标配了,但很多时候我们看到的代码混乱不堪,作为一个前端工程师,单引号双引号乱用,一段有分号一段没有分号,有的地方有逗号有的地方没有逗号,空格回车都对不齐,还说自己做事认真,这不是开玩笑的事情。 我们今天从头开始,完整地讲述一下一个重度代码洁癖患者该如何用vscode开发vue,以及如何把一个已经可以宣判死刑的全身各种格式错误几万条的项目整容成标... »

python 利用正则表达式提取特殊信息

1、删除字符串中的 Python注释 案例: import re time = "2020-01-01 # 这是一个日期" num = re.sub(r'#.*$', "", time)#以#为分隔,去掉后面的信息 print("这个时间是:", num) 结果: 这个时间是: 2020-01-01 2、截取某符号前后的内容 案例1: txt = '我的电话是:131-246-XXX19' a =... »

node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能

node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能

同志们,经过不懈的努力,查了各种文档,终于鼓捣出了一个稍微像样一点的node项目,当然如果直接拿去项目里用,这个demo还太简单,毕竟一个完整的登录注册还有很多实际的内容,本案例mySQL的用户列表里,为便于理解,只设置了username 和password两个字段,正常的登录注册,肯定会有更多的字段的。但是对于初学node的人来说,比如笔者,还是学习到了不少内容,甚至,紧张的我不知如下下笔,肯定... »

微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例

把录音的模块尝试过之后就想着微信小程序的视频播放会不会更有趣? 果然,微信小程序视频自带弹幕.是不是很爽,跟我一起来看看. 先上gif: 再上几张图: 1.视频播放器 2.选择弹幕颜色 3.弹幕来了… 1.视频播放器 微信已经封装的非常好.我这里只用了很简单的几个属性 由于以前没做过弹幕,看到danmu-list就激动了.而且只需要将弹幕内容加入集合即可. 弹幕列表的元素: ... »

vue中利用simplemde实现markdown编辑器(增加图片上传功能)

vue中利用simplemde实现markdown编辑器(增加图片上传功能)

前言 最近在搭个人博客网站,需要一个 markdown 编辑器,来进行博客的编写 看了网上的教程,决定使用 simplemde 以为可以直接能拿来用的 不过实际运用的时候发现还是有要完善的地方 比如令人头疼的图片上传 最终效果   安装及初始化 npm install simplemde --save 在html中加入一个textarea <textarea id="simplem... »

Eclipse使用正则表达式快速修改代码的方法

方法:使用Eclipse的find功能,选择正则表达查询/替换注意点:1.必须选择正则表达式模式进行修改。总结以上所述是小编给大家介绍的Eclipse使用正则表达式快速修改代码的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。您可能感兴趣的文章:eclipse、myeclipse中删除所有注释正则表达式 »

基于casperjs和resemble.js实现一个像素对比服务详解

基于casperjs和resemble.js实现一个像素对比服务详解

前言 本次分享一个提供设计稿与前端页面进行像素对比的node服务,旨在为测试或者前端人员自己完成一个辅助性测试。相信我,在像素级别的对比下,网页对设计稿的还原程度一下子就会凸显出来。下面话不多说了,来一起看看详细的介绍吧。 效果预览 前置知识 本次用到了以下两个库作为辅助工具: casperjs:基于PhantomJS的编写。其内部提供了一个无界面浏览器,简单来说用它你可以以代码的形式来完成模拟人... »

详解微信小程序开发之下拉刷新 上拉加载

微信小程序中的下拉刷新,上拉加载的功能很常见,目前我知道的有两种可行的方法,一是scroll-view,二是整个页面刷新.今天说说第一种,自己造轮子,难免有些瑕疵,日后慢慢完善. 上gif: 原理: scroll-view中有监听滑动的方法,这个跟Android类似.其中用到了滑动到顶部,滑动到底部的方法. 1.下拉刷新,在滑动到顶部时,bindscrolltoupper被调用,根据自己的业务逻辑... »

Vue仿今日头条实例详解

Vue仿今日头条实例详解

前言vue也弄了一段时间了, 前段时间一直想用vue写个移动端,加之年底也不是很忙,于是前几天便着手开始弄了,到今天为止也算是勉强能看了因为也是纯粹的写写前端页面,所以数据方面用的是mock.js,为了真实的模拟请求,可以直接在 Easy Mock 自己生成API也可直接登陆我这项目的Easy Mock账号密码:账号: vue-toutiao密码: 123456如果你想修改接口,请copy一份在修... »

python爬取安居客二手房网站数据(实例讲解)

python爬取安居客二手房网站数据(实例讲解)

是小打小闹 哈哈,现在开始正式进行爬虫书写首先,需要分析一下要爬取的网站的结构:作为一名河南的学生,那就看看郑州的二手房信息吧! 在上面这个页面中,我们可以看到一条条的房源信息,从中我们发现了什么,发现了连郑州的二手房都是这么的贵,作为即将毕业的学生狗惹不起啊惹不起 还是正文吧!!!由上可以看到网页一条条的房源信息,点击进去后就会发现: 房源的详细信息。OK!那么我们要干嘛呢,就是把郑州这个地区的... »

通过正则表达式验证IP和端口格式的正确性

在网页开发中可能会遇到需要对在页面输入的ip和端口进行正确性验证,那么正则表达式就是最有力的工具: 1:ip的正则表达式: 格式是由“.”分割的四部分,每部分的范围是0-255; 每段的正则可以分几部分来写:200—255;100-199;10-99;0-9; 每一部分对应的正则表达式:   2[0-4]\d|25[0-5];   1\d{2};     &... »

微信小程序实现按字母排列选择城市功能

微信小程序实现按字母排列选择城市功能

实现效果预览 实现思想 利用小程序腾讯地图将所有城市查出来,并将其渲染至页面(https://lbs.qq.com/qqmap_wx_jssdk/index.html)(其中字母栏也根据获取到的数据变化) 其中涉及三个交互(点击字母时滚动到相应位置;滑动触摸字母时,需滚动到相应位置,并有当前哪个字母的提示,且有震动感;手动滑动页面时,需将当前对应的字母选中) 滑动触摸字母时,首先要得到所有字母所在... »

微信小程序左右滑动的实现代码

微信小程序左右滑动的实现代码

左滑 右滑 你不再是一个人无论你是一个程序猿还是一个程序媛,每天干的事除了coding还是coding,代码不能解决的问题,探探能帮你解决。对于一个刚入小程序坑的妹子来说,没有大神指点不知道要在这里面的逻辑坑还要绕多久才能绕出来。 »

微信小程序教程之本地图片上传(leancloud)实例详解

微信小程序 leancloud ——本地图片上传 由于本站最近学习微信小程序的知识,这里记录下微信小程序实现本地上传的功能实现方法,以下是网上找的资料,大家看下。 »

使用JQuery FancyBox插件实现图片展示特效

使用JQuery FancyBox插件实现图片展示特效

FancyBox是一个用于显示图像,HTML内容和多媒体的lightbox工具。 jquery插件之fancybox弹出框特效,与广为人之的lightbox插件比较类拟,可以展示单张图片,也可展示一组图片,它还可以展示自定义的内容与ajax载入外部文件的内容等,功能也是很方便与实用的。 Demo effect(image gallery): Sample code: <link href="... »

Page 1 of 2349123»