编程开发 - 教程之家

85浏览

0评论

bootstrap实现动态进度条效果

Bootstrap的动态进度条：
html: 创建一个modal 这里使用fade先将modal隐藏起来，然后modal里面嵌入progress 代码很简单<div class="modal fade" data-backdrop="static" tabi...

2020-05-27 14:54:24

106浏览

0评论

jquery实现自定义图片裁剪功能【推荐】

1.自定义宽高效果1.html 代码 index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./jquery-1.12.4.min.js"></...

2020-05-27 14:54:23

73浏览

0评论

JS实现根据密码长度显示安全条功能

大家在一些网站上经常可以看到数码密码会根据输入的密码长度显示安全条功能，此功能基于js如何实现的呢？下面看下实现代码，具体代码如下所示：//根据密码长度显示安全条...

2020-05-27 14:54:11

52浏览

0评论

jquery实现折叠菜单效果【推荐】

这是一个简单的折叠框效果实现，核心内容jQ库里的slideToggle()方法效果图如下：css代码： .con_ul{ padding: 0; margin: 0; overflow: auto; } .con_ul li{ list-style:...

2020-05-27 14:54:10

63浏览

0评论

jQuery实现图片滑动效果

思路：当鼠标进入元素时，触发hover中的第一个函数，离开时触发hover中的第二个函数。如图所示：代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>...

2020-05-27 14:54:09

55浏览

0评论

微信小程序弹窗自定义实例代码

微信小程序弹窗首先wxml代码：<view class="myToast" hidden="{{nullHouse}}">暂无有关信息</view><view bindtap="clickArea">点击此处</view>　　注：hidden属性用于切换比较...

2020-05-27 14:54:08

67浏览

0评论

ionic2 tabs 图标自定义实例

一、准备资源tabs icon 的svg格式的矢量图片二、生成字体样式文件打开icoMoon网站去制作字体文件。三、使用字体文件解压下载的文件，将其中的fonts文件夹拷贝到ionic2项目的s...

2020-05-27 14:54:06

52浏览

0评论

js实现五星评价功能

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>五星评价</title> <style> @font-face { font-family: 'iconfont'; /* p...

2020-05-27 14:54:05

47浏览

0评论

微信小程序下拉列表的实现实例代码

微信小程序下拉列表wxml代码： <view class="phone_one" bindtap="clickPerson"> <view class="phone_personal">{{firstPerson}}</view> <image src="../../image/v6.png" c...

2020-05-27 14:54:03

60浏览

0评论

vue-resourse将json数据输出实例

本文主要讲v-resourse 获取json数据并传递到DOM中，具有一定的参考价值，感兴趣的小伙伴们可以参考一下1.demo目录，不要管index.html和index.js2.html页面 vue-resourse-josn1.1....

2020-05-27 14:54:02

86浏览

0评论

jQuery的$.extend 浅拷贝与深拷贝

jQuery的$.extend 浅拷贝与深拷贝$.extend( [deep ], target, object1 [, objectN ] )； deep 类型: Boolean 如果是true，合并成为递归（又叫做深拷贝）。 target 类型: Object 对...

2020-05-27 14:54:01

54浏览

0评论

Vue 父子组件、组件间通信

本人对Vue组件间通信不懂,搜索了很多关于Vue 父子组件间通信介绍,下面我来记录一下,有需要了解Vue 父子组件、组件间通信的朋友可参考。希望此文章对各位有所帮助。
<!DOCTY...

2020-05-27 14:54:00

60浏览

0评论

JS文件/图片从电脑里面拖拽到浏览器上传文件/图片

1.效果展示2.html 代码：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./upload.js"></script> <style> #drop...

2020-05-27 14:53:59

76浏览

0评论

详解Vue监听数据变化原理

本人最近在学习Vue，从网上查询了很多关于Vue监听数据变化原理，稍微整理精简一下做下分享。
浅度监听<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title...

2020-05-27 14:53:57

48浏览

0评论

js实现倒计时效果（小于10补零）

话不多说，请看代码：function checkTime(i) { if (i<10) { i = "0" +i; } return i; }; function GetRTime(t){...

2020-05-27 14:53:56

70浏览

0评论

vue使用watch 观察路由变化，重新获取内容

问题背景：点击用户头像 => 进入用户个人中心，在用户个人中心里点击其他用户的头像，我希望显示被点击用户的个人中心，但只看到了路由参数在发生变化，页面内容并没有更新。如图：页面...

2020-05-27 14:53:55

89浏览

0评论

详解使用vue-router进行页面切换时滚动条位置与滚动监听事件

按照正常的产品逻辑，我们在进行页面切换时滚动条应该是在页面顶部的，可是。。。在使用vue-router进行页面切换时，发现滚动条所处的位置被自动记录了下来，且在另一个组件内定义的...

2020-05-27 14:53:49

158浏览

0评论

Vue常用指令V-model用法

v-model这个指令只能用在<input>, <select>,<textarea>这些表单元素上，所谓双向绑定，指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致，两者无论谁被改...

2020-05-27 14:53:48

70浏览

0评论

微信小程序中用WebStorm使用LESS

前提自己前端不熟悉，很多都需要练习
网上找了一个css的demo，放到微信小程序后，可以运行图片很大，没有弄，加载可能有点慢（不相关的，就不扯了）Less环境Less需要nodejs的npm
nodejs的...

2020-05-27 14:53:47

66浏览

0评论

完美实现js选项卡切换效果(二)

本文实例为大家分享了js选项卡切换的具体代码，供大家参考，具体内容如下通过设置定时器实现延时0.5s切换，一个重要的技巧是定义了一个that变量来存放当前指针this。之所以不能在...

2020-05-27 14:53:37

64浏览

0评论

less简单入门(CSS 预处理语言)

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node、浏览器和 Rhino 平台上...

2020-05-27 14:53:36

71浏览

0评论

前端构建 Less入门(CSS预处理器)

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node、浏览器和 Rhino 平台上...

2020-05-27 14:53:35

59浏览

0评论

JavaScript实现左右下拉框动态增删示例

选中下拉框中的选项实现左移右移
效果：1. Html部分代码<body><table align="center"> <tr> <td ><select size="15" id="left" > <option>左1</option> <optio...

2020-05-27 14:53:34

98浏览

0评论

js实现3D图片展示效果

点击左上角的按钮前后切换效果图：代码如下：<!doctype html><html><head> <meta charset="UTF-8"> <title>Title</title><style>*{margin:0; padding:0; list-style:none;}ul{...

2020-05-27 14:53:32

58浏览

0评论

js实现年月日表单三级联动

用Html实现人人网注册界面，Js实现生日栏表单三级联动1. 效果2.Html代码部分<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>人人网日期表单联动</ti...

2020-05-27 14:53:31

66浏览

0评论

nodejs读写json文件的简单方法(必看)

nodejs 读json文件var fs=reauire('fs');var file="d:\\0.json";var result=JSON.parse(fs.readFileSync( file));//操作对象nodejs 写json文件var coors = {}; coors.left...

2020-05-27 14:53:29

78浏览

0评论

JavaScript实现两个select下拉框选项左移右移

今天没事用js写了一个用两个select下拉框之间能互相移动元素的小程序，刚刚才开始学javascript还有很多优化的地方。
Javascript代码
<script type="text/javascript">...

2020-05-27 14:53:28

67浏览

0评论

JS实现课堂随机点名和顺序点名

1. 效果：2. Html代码：<body><form> <div align="center"> <input type="button" value="开始点名" onclick="students()" class="ks"/> <input type="button" value="...

2020-05-27 14:53:26

54浏览

0评论

jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts实现的2D对数饼图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighChart...

2020-05-27 14:53:25

57浏览

0评论

Angular.js中处理页面闪烁的方法详解

前言大家在使用{{}}绑定数据的时候，页面加载会出现满屏尽是{{xxx}}的情况。数据还没响应，但页面已经渲染了。这是因为浏览器和angularjs渲染页面都需要消耗一定的时间，这个间隔...

2020-05-27 14:53:24

82浏览

0评论

ng2学习笔记之bootstrap中的component使用教程

前序：现在angular2已经除了集成的angular-cli，建议大家可以基于这个来快速开发ng2的项目，不用自己再搭建环境；相关内容请前往：https://angular.cn/docs/ts/latest/cli-quickstar...

2020-05-27 14:53:23

97浏览

0评论

js获取json中key所对应的value值的简单方法

实例如下：<script type="text/javascript"> getJson('age'); function getJson(key){ var jsonObj={"name":"傅红雪","age":"24","profession":"刺客"}; //1、...

2020-05-27 14:53:22

70浏览

0评论

jQuery实现字符串全部替换的方法【推荐】

大家都是知道jquery有个replace方法可以将字符串中的""替换成任意字符，但是只能替换一处，如果出现多处就只能使用正则表达式来处理var title = "aaa aaa aaa";var re = new Re...

2020-05-27 14:53:21

66浏览

0评论

多个上传文件用js验证文件的格式和大小的方法(推荐)

html部分： <dsp:form action="${originatingRequest.requestURI}" method="post" enctype="multipart/form-data"> <dsp:input type="file" bean="ReturngoodsFormHandler.u...

2020-05-27 14:53:20

43浏览

0评论

Angularjs处理页面闪烁的解决方法

摘要在使用{{}}绑定数据的时候，页面加载会出现满屏尽是{{xxx}}的情况。数据还没响应，但页面已经渲染了。这是因为浏览器和angularjs渲染页面都需要消耗一定的时间，这个间隔可能...

2020-05-27 14:53:19

84浏览

0评论

JavaScript实现动态增删表格的方法

在上方文本框填入”姓名/Email/ 年龄”，实现在下方表格中动态添加或删除单元格
效果：1. Html代码：<body><p align="center" id="info"> 姓名 : <input type="text" id = "user...

2020-05-27 14:53:18

53浏览

0评论

js读取json文件片段中的数据实例

在html中利用js读取动态网站从服务器端返回的数据进行显示1、js.html 页面需要引入执行jquery的js文件<HTML> <HEAD> <META name=Generator content=EditPlus> <META nam...

2020-05-27 14:53:17

72浏览

0评论

AngularJS 防止页面闪烁的方法

我们知道在应用的页面或者组件需要加载数据时，浏览器和angular渲染页面都需要消耗一定的时间。这里的间隔可能很小，甚至让人感觉不到区别；但也可能很长，这样会导致让我们的用户...

2020-05-27 14:53:16

86浏览

0评论

jquery表单提交带错误信息提示效果

效果图： html代码： <form action="" method="" name="form2"> <div class="m_t30 error_div2"> <div> 我是 <select name="identity" id...

2020-05-27 14:53:15

136浏览

0评论

js实现简单的二级联动效果

话不多说，请看代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script> window.onload = function () { // 创建两...

2020-05-27 14:53:14

57浏览

0评论

jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts实现的2D回归直线散点效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighC...

2020-05-27 14:53:13

89浏览

0评论

js遍历json对象所有key及根据动态key获取值的方法(必看)

实例如下：var obj = {};for(var k in obj) { //遍历对象，k即为key，obj[k]为当前k对应的值 console.log(obj[k]); }以上这篇js遍历json对象所有key及根据动态key获取值的方法...

2020-05-27 14:53:11

77浏览

0评论

Node.js常用工具之util模块

前言util是一个Node.js的核心工具模块，提供常用的函数，用于弥补核心JavaScript提供的函数过于精简的问题。下面话不多说，一起来看看详细的介绍，文中介绍的非常详细，对大家具有一...

2020-05-27 14:53:08

85浏览

0评论

html+javascript+bootstrap实现层级多选框全层全选和多选功能

想做一个先按层级排序并可以多选的功能，首先倾向于用多层标签式的，直接选定加在文本域里，查到这文，非常详细，如果大家需要做前面所说的功能，可以参考这个地址，http://mrthink.net/...

2020-05-27 14:53:07

58浏览

0评论

Vue监听数据对象变化源码

监听数据对象变化，最容易想到的是建立一个需要监视对象的表，定时扫描其值，有变化，则执行相应操作，不过这种实现方式，性能是个问题，如果需要监视的数据量大的话，每扫描一次全部的对象...

2020-05-27 14:53:06

62浏览

0评论

jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8">...

2020-05-27 14:53:05

84浏览

0评论

javascript实现数据双向绑定的三种方式小结

前端数据的双向绑定方法
前端的视图层和数据层有时需要实现双向绑定(two-way-binding)，例如mvvm框架，数据驱动视图，视图状态机等，研究了几个目前主流的数据双向绑定框架，总结了下...

2020-05-27 14:53:04

74浏览

0评论

微信小程序五星评价功能的实现

微信小程序五星评价功能话不多说，我们来看一下效果图：要实现的效果：点击到第几颗星，就要显示到第几颗星, 接下来直接查看源码：<view class="l-evalbox row"> <text class="l-e...

2020-05-27 14:53:02

63浏览

0评论

javascript遍历json对象的key和任意js对象属性实例

使用 keys 方法获取该对象的属性和方法： function Pasta(grain, width, shape) { this.grain = grain; this.width = width; this.shape = shape;...

2020-05-27 14:53:01

58浏览

0评论

vue.js利用Object.defineProperty实现双向绑定

Object.defineProperty这个方法了不起啊，vue.js是通过它实现双向绑定的。。而且Object.observe也被草案发起人撤回了。。所以defineProperty更有必要了解一下了。几行代码看...

2020-05-27 14:52:59

热门文章