编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

68浏览

0评论

Webpack打包慢问题的完美解决方法

前言这几天写腾讯实习生 Mini 项目的时候用上了 React 全家桶，当然同时引入了 Webpack 作为打包工具。但是开发过程中遇到一个很棘手的问题就是，React 加上 React-Router、sup...

2020-05-27 14:48:34

46浏览

0评论

es6的数字处理的方法（5个）

// Math.trunc方法用于去除一个数的小数部分，返回整数部分。 Math.trunc(4.1) // 4 Math.trunc(4.9) // 4 Math.trunc(-4.1) // -4 Math.trunc(-4.9) // -4 Math.trunc(NaN);...

2020-05-27 14:48:33

51浏览

0评论

js实现瀑布流效果（自动生成新的内容）

当滚动条接近底部会自动生成新的内容（色块）效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{list-style...

2020-05-27 14:48:32

48浏览

0评论

JavaScript实现简单精致的图片左右无缝滚动效果

本文实例讲述了JavaScript实现简单精致的图片左右无缝滚动效果。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://ww...

2020-05-27 14:48:31

61浏览

0评论

Vue中添加过渡效果的方法

关于vue的过渡效果，vue官方给的概述是这样的。
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。
包括以下工具：
1、在 CSS 过渡和动画中自动应用 class
2、...

2020-05-27 14:48:30

56浏览

0评论

JS实现页面打印功能

打印整个页面示例1.可直接在按钮添加调用打印方法：<input type='button' value='打印整页' onclick='javascript:window.print();' />示例2.也可调用JS方法<html><head><scri...

2020-05-27 14:48:28

68浏览

0评论

Vue.2.0.5过渡效果使用技巧

概述Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。
包括以下工具：在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css...

2020-05-27 14:48:27

63浏览

0评论

js中作用域的实例解析

首先，要了解一下作用域的概念：作用--读、写，域--范围或空间。作用域：可用来进行读、写操作的范围或者空间。其次，再来看看浏览器读取js文件（script标签内的内容）的步骤。第一步：预解...

2020-05-27 14:48:26

80浏览

0评论

vue图片加载与显示默认图片实例代码

本文实例为大家分享了vue图片加载与显示默认图片的具体代码，供大家参考，具体内容如下HTML：<div class="content-show-img">　　<div class="show-img">　　　　<img class="def...

2020-05-27 14:48:23

51浏览

0评论

基于vue实现多引擎搜索及关键字提示

本文实例为大家分享了vue实现多引擎搜索及关键字提示的具体代码，供大家参考，具体内容如下关键代码：<div class="header-search"> <form id="form" action="http://m.baidu...

2020-05-27 14:48:22

54浏览

0评论

原生js实现验证码功能

效果图：代码如下：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>js验证码</title> <style type="text/css"> #code{ width:80px; height:30px; font...

2020-05-27 14:48:20

59浏览

0评论

基于Vue2.0的分页组件

本文实例为大家分享了Vue2.0分页组件的具体实现代码，供大家参考，具体内容如下
整个示例打包了，有需要的可以下载，有不对的地方欢迎指出：vue分页组件组件部分代码：
Vue.component('...

2020-05-27 14:48:18

67浏览

0评论

基于JavaScript实现滑动门效果

本文实例为大家分享了滑动门效果的具体代码，供大家参考，具体内容如下滑动门效果：
原理：一共四道门，初始情况下，第一道门打开，其他三道门关闭，如第一个图所示。
假设图片的宽度是12...

2020-05-27 14:48:16

89浏览

0评论

Bootstrap免费字体和图标网站(值得收藏)

如果你正在寻找Bootstrap图标，那今天的推荐对你而言绝对非常重要！在这篇内容中，我们把这套框架上的免费字体图标做了个整合(当然，以后还会不断的更新)。正如你所知，图标字体在一...

2020-05-27 14:48:15

70浏览

0评论

JS异步加载的三种实现方式

js加载的缺点：加载工具方法没必要阻塞文档，过多js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。有些工具方法需要按需加载，用到再加载，不...

2020-05-27 14:48:14

59浏览

0评论

JS对象深度克隆实例分析

本文实例讲述了JS对象深度克隆。分享给大家供大家参考，具体如下：首先看一个例子：var student = { name:"yxz", age:25}var newStudent = student;newStudent.sex = "male";co...

2020-05-27 14:48:13

75浏览

0评论

JS对象的深度克隆方法示例

本文实例讲述了JS对象的深度克隆方法。分享给大家供大家参考，具体如下：js中创建的对象指向内存，所以在开发过程中，往往修改了一个对象的属性，会影响另外一个对象。尤其是在angula...

2020-05-27 14:48:12

69浏览

0评论

JSON与js对象序列化实例详解

本文实例讲述了JSON与js对象序列化。分享给大家供大家参考，具体如下：JavaScript对象表示法（JavaScript Object Notation，简称JSON）是一种轻量级的数据交换格式，它基于js字面量表示...

2020-05-27 14:48:11

64浏览

0评论

Angular使用$http.jsonp发送跨站请求的方法

本文实例讲述了Angular使用$http.jsonp发送跨站请求的方法。分享给大家供大家参考，具体如下：Angular中使用$http.jsonp发送跨站请求的实践中，遇到了下面的一些问题：1. 不是所有...

2020-05-27 14:48:10

49浏览

0评论

jquery事件与绑定事件

1.首先,我们来看一下经常使用的添加事件的方式:<input type="button" id="btn" value="click me!" onclick="shao();" /><script type="text/javascript"> function shao()...

2020-05-27 14:48:09

48浏览

0评论

jquery编写日期选择器

使用jquery做一个日期时间选择器，最好使用bootstrap弹窗实现：（1）点击文本框弹出窗口；（2）弹窗里面显示日期时间选择下拉（3）年份取当前年份前后五年（4）月份固定12个月（5）天数根据年份与月份...

2020-05-27 14:48:08

59浏览

0评论

js判断PC端与移动端跳转

在网上看到很多这样类似的代码，但是有的很复杂，或者有的没有判断完全，上次经理去见完客户回来讲，使用苹果浏览打开pc端（pc已经做了识别跳转）会自动跳转到移动端的网页去，后来经测试...

2020-05-27 14:48:07

105浏览

0评论

js实现一键复制功能

项目描述：最近做一个移动端活动页面，用户抽奖后会生成一个兑换码，为了优化用户体验，需要做一个复制按钮，能够一键复制兑换码。项目需求: 兼容移动端所有主流浏览器。并且做为安卓...

2020-05-27 14:48:06

122浏览

0评论

详解vue与后端数据交互(ajax)：vue-resource

本人对vue与后端数据交互不是很懂,搜索了很多关于vue与后端数据交互介绍,下面我来记录一下,有需要了解的朋友可参考。希望此文章对各位有所帮助。必须引入一个库：vue-resourc...

2020-05-27 14:48:05

76浏览

0评论

javascript基本数据类型和转换

ECMAScript中有5种基本数据类型：Undefined、Null、Boolean、Number、String。还有1种复杂数据类型—Object，Object实质上是由一组无序的名值对(键值对)组成的。ECMAScript不支...

2020-05-27 14:48:03

64浏览

0评论

基于bootstrap实现收缩导航条

本文实例为大家分享了bootstrap实现收缩导航条的具体代码，供大家参考，具体内容如下效果图
贴上我的代码<!DocType html><html><head> <meta charset="utf-8"> <!--设置浏览器...

2020-05-27 14:48:02

64浏览

0评论

jquery PrintArea 实现票据的套打功能(代码)

套打就是指不打印表单上的表结构和固定的文言，只把会变化的数据打印出来，下面的例子就是不把name和name2打印出来，只把aaa和bbb打印出来。1.代码<html> <head> <script type=...

2020-05-27 14:48:01

65浏览

0评论

使用jquery datatable和bootsrap创建表格实例代码

使用jquery-datatable插件
bootstrap前端框架
json
一.创建demo.html代码块代码块语法遵循标准markdown代码，例如：<%@ page language="java" import="java.util.*" pageEncod...

2020-05-27 14:48:00

68浏览

0评论

详解Vue.js入门环境搭建

vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue入门的精髓：
1.要使用vue来开发前端框架，首先要...

2020-05-27 14:47:59

52浏览

0评论

Bootstrap模态框（Modal）实现过渡效果

可以切换模态框（Modal）插件的隐藏内容：
1、通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"，同时设置 data-target="#identifier" 或 href="#identi...

2020-05-27 14:47:57

46浏览

0评论

Bootstrap面板（Panels）的简单实现代码

本文实例为大家分享了Bootstrap面板展示的具体代码，供大家参考，具体内容如下一、基本的面板html代码
<!DOCTYPE html> <html> <head> <title>Bootstrap list-group</title>...

2020-05-27 14:47:56

67浏览

0评论

Bootstrap下拉菜单Dropdowns的实现代码

本文实例为大家分享了Bootstrap下拉菜单的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <title>Bootstrap-下拉菜单标题</title> <meta charset="ut...

2020-05-27 14:47:55

65浏览

0评论

angularJS之$http：与服务器交互示例

在angularJS中与远程HTTP服务器交互时会用一个非常关键的服务-$http。 $http是angular中的一个核心服务，利用浏览器的xmlhttprequest或者via JSONP对象与远程HTTP服务器进行...

2020-05-27 14:47:54

80浏览

0评论

鼠标经过出现气泡框的简单实例

今天看到一个css效果不错，转一下1. html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <h...

2020-05-27 14:47:53

63浏览

0评论

Bootstrap表格制作代码

本文实例为大家分享了Bootstrap表格制作的具体代码，供大家参考，具体内容如下Bootstrap 支持的一些表格元素：可用于表格中的tablede 样式可用于表格中的<tr>, <th> 和 <td>html...

2020-05-27 14:47:52

67浏览

0评论

jQuery Ajax前后端使用JSON进行交互示例

需求：
前端通过jQuery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端这里使用servlet的方式1、采用$.post方法
index.jsp页面<!DOCTYPE html PUBLIC...

2020-05-27 14:47:50

67浏览

0评论

单击按钮发送验证码,出现倒计时的简单实例

实例如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org...

2020-05-27 14:47:49

62浏览

0评论

AngularJS中$http使用的简单介绍

在AngularJS中主要使用$http服务与远程http服务器交互，其作用类似于jquery中的$.ajax服务： $http是AngularJS的一个核心服务，利用浏览器的xmlhttprequest或者via JSONP对象与...

2020-05-27 14:47:48

57浏览

0评论

javascript 动态生成css代码的两种方法

javascript 动态生成css代码的两种方法有时候我们需要利用js来动态生成页面上style标签中的css代码，方法很直接，就是直接创建一个style元素，然后设置style元素里面的css代码，最...

2020-05-27 14:47:47

99浏览

0评论

Vue.js实现一个漂亮、灵活、可复用的提示组件示例

这次的教程里，我们要把组件化进行到底！最近半年的几个项目中，都遇到了需要使用Toast或者Notification组件的情况。在目前已有的一些基于Vue.js开发的组件库，都没有找到太合适的，...

2020-05-27 14:47:46

48浏览

0评论

使用vue.js编写蓝色拼图小游戏

之前在网上看到《蓝色拼图》这款小游戏，作者是用jquery写的。于是便考虑能不能用vue.js优雅简单的编写出来呢？Later equals never！说干就干。首先理解游戏的规则：第一关为1*1的...

2020-05-27 14:47:45

65浏览

0评论

Bootstrap 过渡效果Transition 模态框（Modal）

可以切换模态框（Modal）插件的隐藏内容：1、通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"，同时设置 data-target="#identifier" 或 href="#identif...

2020-05-27 14:47:44

50浏览

0评论

Bootstrap表单制作代码

本文实例为大家分享了Bootstrap表单布局的具体代码，供大家参考，具体内容如下
Bootstrap 提供了下列类型的表单布局：
垂直表单（默认）
内联表单
水平表单小妞妞做的表单实例：
<!DOCT...

2020-05-27 14:47:43

48浏览

0评论

Angular组件化管理实现方法分析

本文实例分析了Angular组件化管理实现方法。分享给大家供大家参考，具体如下：在做sass产品页面的时候，往往每个页面的header和footer都是一样的，还有最近我做的页面，类似datetimep...

2020-05-27 14:47:42

83浏览

0评论

js判断是否是手机页面

话不多说，请看代码：<script>if (/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) document.body.classList.add('mobile');window.addEventLi...

2020-05-27 14:47:41

93浏览

0评论

AngularJS路由切换实现方法分析

本文实例讲述了AngularJS路由切换实现方法。分享给大家供大家参考，具体如下：之前有在服务器端接触到angular路由切换，今天想在本地实现路由，捣鼓半天终于成功了，特把步骤整理分享...

2020-05-27 14:47:39

52浏览

0评论

vue2.0结合DataTable插件实现表格动态刷新的方法详解

本文实例讲述了vue2.0结合DataTable插件实现表格动态刷新的方法。分享给大家供大家参考，具体如下：产品提出的需求是这样的，很普通的一个统计server端task完成率和状态的表格，要...

2020-05-27 14:47:38

295浏览

0评论

jquery 手势密码插件

效果图：代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!--<link rel="stylesheet" href="../dist/css/danmuplayer.css" rel="ex...

2020-05-27 14:47:37

71浏览

0评论

vue.js开发环境安装教程

一、简介Vue.js 是什么Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只...

2020-05-27 14:47:35

57浏览

0评论

Nodejs基于LRU算法实现的缓存处理操作示例

本文实例讲述了Nodejs基于LRU算法实现的缓存处理操作。分享给大家供大家参考，具体如下：LRU是Least Recently Used的缩写，即最近最少使用页面置换算法，是为虚拟页式存储管理服务...

2020-05-27 14:47:30

首页 «1146 114711481149 1150 »尾页

热门文章