编程开发 - 教程之家

编程开发

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

65浏览

0评论

Cropper.js 实现裁剪图片并上传(PC端)

由于之前做项目的时候有需求是需要实现裁剪图片来做头像并上传到服务器，所以上网查询了很多资料，也试用了许多案例，发现cropper插件裁剪是比较完善的，所以结合之前的使用情况，编...

2020-05-27 12:19:11

79浏览

0评论

详解A标签中href=""的几种用法

众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法<a href="JavaScript:;"></a>，所以就来整理下...

2020-05-27 12:19:08

104浏览

0评论

JS实现评价的星星功能

刚开始接触写星星评价时，哇！估计脑子刚被驴踢了，竟然想到了最笨的办法-手工画五角星。妈呀！ css样式都写了好大一串，还沾沾自喜终于画出来了，然后瞅一瞅旁边的妹子写得怎么样了，哇！...

2020-05-27 12:19:07

72浏览

0评论

JS数组操作之增删改查的简单实现

JS提供了很多方便操作数组的方法，本文所要分享的就是如何快速对数组进行增、删、改、查。一、增1、push()可接收任意数量的参数，把它们逐个添加至数组末尾，并返回修改后数组的...

2020-05-27 12:19:06

67浏览

0评论

详解Layer弹出层样式

前言：学习layer弹出框，之前项目是用bootstrap模态框，后来改用layer弹出框，在文章的后面，我会分享项目的一些代码(我自己写的)。layer至今仍作为layui的代表作，她的受众广泛并非偶...

2020-05-27 12:19:04

113浏览

0评论

使用vue制作FullPage页面滚动效果

前言已经有好久没有更新博客了，大三下了要准备找实习了，才发现自己很多东西都不会，所以赶紧找了个现在流行的MVVM框架学习一下。我学习的是Vue，所以拿Vue写了一个FullPage的模板...

2020-05-27 12:19:01

107浏览

0评论

Vue编写多地区选择组件

看看效果图：效果图功能点: 支持不限城市,不限地区(这个东西的实现..真心死磕了挺久) – 左右两边数据的同步地区一次性多选,若是选择了所有地区会自动转为不限地区数据...

2020-05-27 12:18:59

62浏览

0评论

前端图片懒加载(lazyload)的实现方法(提高用户体验)

定义图片懒加载又称图片延时加载、惰性加载，即在用户需要使用图片的时候加载，这样可以减少请求，节省带宽，提高页面加载速度，相对的，也能减少服务器压力。惰性加载是程序人性化的一...

2020-05-27 12:18:49

90浏览

0评论

详解Vue微信公众号开发踩坑全记录

本文介绍了Vue微信公众号开发踩坑全记录，分享给大家，也给自己留个笔记。需求
微信授权登录（基于公众号的登录方案）接入JS-SDK实现图片上传，分享等功能现状及难点采...

2020-05-27 12:18:48

60浏览

0评论

webpack3+React 的配置全解

webpack3 的配置相对于webpack2 又有了一些新的变化，这里讲其记录下来，备查。
package.json 的完整文件在结尾。1. 安装
npm inityarn add webpack webpack-dev-server -D2....

2020-05-27 12:18:46

79浏览

0评论

原生JS 购物车及购物页面的cookie使用方法

直接上代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>购物页面</title><style>ul{list-style:none;padding:0;margin:0;}.goods li{display:inli...

2020-05-27 12:18:44

58浏览

0评论

jQuery模拟爆炸倒计时功能实例代码

HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>炸弹倒计时</title> <style type="text/css"> .content { width: 20...

2020-05-27 12:18:42

59浏览

0评论

详解webpack的配置文件entry与output

本文介绍了webpack的配置文件entry与output，分享给大家，具体如下：在webpack.config.js中entry是唯一入口文件entry也可以是一个数组如果是一个数组，会将数组里面的文件一起打包...

2020-05-27 12:18:40

79浏览

0评论

使用Nodejs连接mongodb数据库的实现代码

一个简单的nodejs连接mongodb示例，来自 mongodb官方示例1. 创建package.json首先，创建我们的工程目录connect-mongodb，并作为我们的当前目录mkdir connect-mongodbcd connect-m...

2020-05-27 12:18:38

62浏览

0评论

jquery动态赋值id与动态取id方法示例

前言本文主要给打击介绍的是关于jquery动态赋值id与动态取id的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：直接上代码这是datatable中的一段代码取t...

2020-05-27 12:18:36

66浏览

0评论

Vue中的ref作用详解(实现DOM的联动操作)

其实官网已经讲的很仔细了，只是我个人可能接受能力比较差，并没有立刻明白他的意思。不过使用之后就很明白了。这里主要举个例子来说明：

我想要的效果是点击保存的同时，也能点...

2020-05-27 12:18:35

79浏览

0评论

详解基于webpack2.x的vue2.x的多页面站点

本文介绍了基于webpack2.x的vue2.x的多页面站点，分享给大家，具体如下：vue的多页面
依旧使用vue-cli来初始化我们的项目然后修改主要目录结构如下：
├── build│ ├── build...

2020-05-27 12:18:33

76浏览

0评论

Node.js简单入门前传

1.什么是NodeJS简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript...

2020-05-27 12:18:31

52浏览

0评论

Vue.js实现按钮的动态绑定效果及实现代码

实现效果：实现代码以及注释：<!DOCTYPE html><html><head> <title>按钮绑定</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me...

2020-05-27 12:18:29

67浏览

0评论

温故知新——JavaScript中的字符串连接问题最全总结（推荐）

ECMAScript 中最常见的一个问题是字符串连接的性能。与其他语言类似，ECMAScript 的字符串是不可变的，即它们的值不能改变。请考虑下面的代码：var str = "hello ";str += "world...

2020-05-27 12:18:27

59浏览

0评论

JQuery判断正整数整理小结

var totalPage = document.getElementById("totalPage").value.trim();//获取总页 var reg=/^[1-9]\d*$/; //由 1-9开头的正则表达式 //先判断是否为整数在判断是否在 1-...

2020-05-27 12:18:26

53浏览

0评论

JavaScript中各数制转换全面总结

利用toString的基模式来进行转换：ECMAScript对数字类型的toString描述如下：Number 类型的 toString() 方法比较特殊，它有两种模式，即默认模式和基模式。采用默认模式，toString()...

2020-05-27 12:18:23

67浏览

0评论

Vue ElementUI之Form表单验证遇到的问题

首先说一下我在form表单里面遇见的坑：1.例如我要给后台传的不是对象，而是一个数组，怎么写验证？2.比如我有四个弹出框，都要做验证，这个时候就要注意了，每一个弹出框的ref都不能给的...

2020-05-27 12:18:21

54浏览

0评论

javascript实现Java中的Map对象功能的实例详解

javascript 自定义对象实现Java中的Map对象功能Java中有集合，Map等对象存储工具类，这些对象使用简易，但是在JavaScript中，你只能使用Array对象。
这里我创建一个自定义对象，这个...

2020-05-27 12:18:19

63浏览

0评论

Vue自定义指令使用方法详解

Vue自定义指令的使用，具体内容如下1.自定义指令的语法Vue自定义指令语法如下：Vue.directive(id, definition)传入的两个参数，id是指指令ID，definition是指定义对象。其中，定义对...

2020-05-27 12:18:18

77浏览

0评论

JS实现身份证输入框的输入效果

实现如图所示的输入效果：实现这种效果，比较简单的一种方式就是给一个input添加一个背景图片，然后通过设置字间距来达到效果。代码：html：<input type="text" maxlength="8" class=...

2020-05-27 12:18:16

63浏览

0评论

Vue中建立全局引用或者全局命令的方法

如何在Vue中建立全局引用或者全局命令，具体内容如下1 一般在vue中，有很多vue组件，这些组件每个都是一个文件。都可能需要引用到相同模块(或者插件)。我们不想每个文件都import...

2020-05-27 12:18:14

74浏览

0评论

webpack处理 css\less\sass 样式的方法

本文介绍了webpack处理 css\less\sass 样式的方法，分享给大家，具体如下：
（一）处理普通的.css 文件，需要安装 css-loader,style-loader.less 文件，需要安装 less-loader.sass 文件，需...

2020-05-27 12:18:13

64浏览

0评论

JavaScript创建对象的七种方式全面总结

JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创...

2020-05-27 12:18:10

68浏览

0评论

webpack使用 babel-loader 转换 ES6代码示例

本文介绍了webpack使用 babel-loader 转换 ES6代码示例，分享给大家，具体如下：
查询各个 loader的使用，可以在官网上查询。https://www.npmjs.com（一）安装 babel-loader，babel-core...

2020-05-27 12:18:08

63浏览

0评论

Javascript中 toFixed四舍六入方法

javascript中toFixed使用的是银行家舍入规则。银行家舍入:所谓银行家舍入法，其实质是一种四舍六入五取偶（又称四舍六入五留双）法。简单来说就是：四舍六入五考虑，五后非零就进一，五...

2020-05-27 12:18:07

60浏览

0评论

JavaScript实现简单图片轮播效果

本文实例为大家分享了js实现简单图片轮播的具体代码，最终实现效果图代码块以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。<!DOCTYPE html><html> <he...

2020-05-27 12:18:02

57浏览

0评论

不得不看之JavaScript构造函数及new运算符

JS中的函数即可以是构造函数又可以当作普通函数来调用，当使用new来创建对象时，对应的函数就是构造函数，通过对象来调用时就是普通函数。普通函数的创建有：显式声明、匿名定义、n...

2020-05-27 12:17:57

63浏览

0评论

简单实现js上传文件功能

本文实例为大家分享了js实现上传文件功能的具体代码，供大家参考，具体内容如下一、用input完成上传，效果图如
选择文件后，提交后出现图片url二、传输格式采用form-data形...

2020-05-27 12:17:52

69浏览

0评论

js获取css的各种样式并且设置他们的方法

js原生获取css样式,并且设置,看似简单,其实并不简单,我们平时用的ele.style.样式,只能获取内嵌的样式,但是我们写的样式基本都在style属性里面;这里我们就需要：下面这个代码...

2020-05-27 12:17:49

59浏览

0评论

基于node.js之调试器详解

1.在命令行窗口中，可以使用"node debug" 命令来启用调试器，代码如下：node debug<需要被执行的脚本文件名>接下来根据一个实例进行学习调试过程：编写app.js文件进行调试：console.l...

2020-05-27 12:17:47

60浏览

0评论

使用jQuery实现简单的tab框实例

html代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>实现简单的tab框</title> <link rel="style...

2020-05-27 12:17:45

73浏览

0评论

老生常谈javascript的面向对象思想

面向对象的三大基本特性封装(把相关的信息（无论数据或方法）存储在对象中的能力)继承(由另一个类（或多个类）得来类的属性和方法的能力)多态(一个对象在不同情况下的多种形态)定义...

2020-05-27 12:17:44

97浏览

0评论

JS倒计时实例_天时分秒

HTML代码：<div id="times_wrap" class="time_num"> 距离结束时间： <div class="time_w"> <b id="times_d" class="time"> </b>天 <b id="times_h" class="time"> </b>时...

2020-05-27 12:17:42

58浏览

0评论

基于jQuery的表单填充实例

如下所示：//表单填充 , formDataLoad: function (domId, obj) { for (var property in obj) { if (obj.hasOwnProperty(property) == true) { if ($("#" + domId +...

2020-05-27 12:17:41

70浏览

0评论

jQuery实现广告条滚动效果

本文实例为大家分享了jQuery实现广告条滚动效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style...

2020-05-27 12:17:39

80浏览

0评论

Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法

前言在公司项目中涉及到一个有大量浮点数价格计算的模块，从而引发了我一系列的思考：计算机二进制环境下浮点数的计算精度缺失问题;console.log(.1+.2);0.30000000000000004为...

2020-05-27 12:17:36

137浏览

0评论

bootstrap switch开关组件使用方法详解

bootstrap中文网上有这么一个bootstrap-switch组件，很实用，看demo学习并记录一下。<!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=description c...

2020-05-27 12:17:34

73浏览

0评论

React学习笔记之列表渲染示例详解

前言本文主要给大家介绍了关于React列表渲染的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。示例详解：列表渲染也很简单，利用map方法返回一个新的渲...

2020-05-27 12:17:32

107浏览

0评论

jQuery插件DataTables分页开发心得体会

写Blog目的：不是为人气，只是留份笔记；啰嗦不要紧，只怕有遗漏，以后想不起来。官网：https://datatables.net/
中文官网：http://datatables.club/开发环境：Python 3.6.0、Anaconda 4.3...

2020-05-27 12:17:31

70浏览

0评论

Angular中响应式表单的三种更新值方法详析

前言众所周知Angular响应式表单相比较模板驱动表单更大操作性、更易测试性。因此，我更推荐这类表单创造方式。当一个用于修改用户信息的表单，数据的来源总是来自远程；而对于一...

2020-05-27 12:17:29

98浏览

0评论

vue.js组件vue-waterfall-easy实现瀑布流效果

想必大家应该很多都已经习惯了jquery的DOM操作，jquery的瀑布流实现起来也很容易。但是，随着时代的发展，随着时代的进步.....算了算了，扯远了，既然能找到这儿来，肯定是在vue.js上已...

2020-05-27 12:17:26

60浏览

0评论

纯js实现图片匀速淡入淡出效果

图片匀速淡入淡出效果如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>淡入效果</title> <style> * { margin: 0; padding: 0...

2020-05-27 12:17:24

99浏览

0评论

浅谈Vue父子组件和非父子组件传值问题

本文介绍了浅谈Vue父子组件和非父子组件传值问题，分享给大家，具体如下：1.如何创建组件1.新建一个组件，如：在goods文件夹下新建goodsList.vue<template> <div class='tmpl'> g...

2020-05-27 12:17:20

62浏览

0评论

bootstrap multiselect下拉列表功能

bootstrap-multiselect基于原生态的下拉列表添加更多的功能及更好的视觉效果！
1、源码地址
https://github.com/davidstutz/bootstrap-multiselect
2、效果展示
3、代码示例...

2020-05-27 12:17:18

首页 «1242 124312441245 1246 »尾页

热门文章