编程开发 - 教程之家

编程开发

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

51浏览

0评论

JavaScript贪吃蛇小组件实例代码

1 写在前面看来《JavsScript高级编程》，想做一个小demo练练自己的手，选择了贪吃蛇游戏。由于以前都是用c#写的，将贪吃蛇写到一个类里面，然后一个一个小方法的拆分，只向外提供需要...

2020-05-27 12:19:35

63浏览

0评论

Vue组件实例间的直接访问实现代码

前面的话　　有时候需要父组件访问子组件，子组件访问父组件，或者是子组件访问根组件。在组件实例中，Vue提供了相应的属性，包括$parent、$children、$refs和$root，这些属性都挂载...

2020-05-27 12:19:34

58浏览

0评论

jQuery实现表格冻结顶栏效果

昨天晚上公司遇到个小需求，就是实现类似表格冻结顶栏的效果，具体描述就是下面动态图的效果这样的效果不算是很难，但是实现起来确实挺麻烦的，这里的难点就不多说了，就是这个效果一...

2020-05-27 12:19:28

53浏览

0评论

Vue动态组件实例解析

前面的话　　让多个组件使用同一个挂载点，并动态切换，这就是动态组件。本文将详细介绍Vue动态组件概述
　　通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，可以实...

2020-05-27 12:19:19

51浏览

0评论

关于JavaScript的单双引号嵌套问题

单引号和双引号之间可以相互嵌套。1、单引号内只能嵌套双引号。2、双引号内只能嵌套单引号。3、如果想在双引号内，再嵌套双引号，里面的双引号，一定要进行转义（\”）。4、JS中的转...

2020-05-27 12:19:17

44浏览

0评论

ES6扩展运算符的用途实例详解

ES6的扩展运算符可以说是非常使用的，在给多参数函数传参，替代Apply，合并数组，和解构配合进行赋值方面提供了很好的便利性。扩展运算符就是三个点“...”，就是将实现了Iterator 接...

2020-05-27 12:19:16

79浏览

0评论

mui 打开新窗口的方式总结及注意事项

一、什么是良好的用户体验（淘宝、易迅）1、预加载截图方式：点击、切换模版窗口、显示等待框、执行ajax并渲染、显示数据、关闭等待框。2、head、body分开载入方式：点击、切换窗口...

2020-05-27 12:19:15

42浏览

0评论

Bootstrap 模态框（Modal）带参数传值实例

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。为了实现父窗体与其...

2020-05-27 12:19:13

45浏览

0评论

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

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

2020-05-27 12:19:11

63浏览

0评论

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

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

2020-05-27 12:19:08

77浏览

0评论

JS实现评价的星星功能

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

2020-05-27 12:19:07

57浏览

0评论

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

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

2020-05-27 12:19:06

53浏览

0评论

详解Layer弹出层样式

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

2020-05-27 12:19:04

94浏览

0评论

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

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

2020-05-27 12:19:01

92浏览

0评论

Vue编写多地区选择组件

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

2020-05-27 12:18:59

47浏览

0评论

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

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

2020-05-27 12:18:49

63浏览

0评论

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

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

2020-05-27 12:18:48

45浏览

0评论

webpack3+React 的配置全解

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

2020-05-27 12:18:46

62浏览

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

40浏览

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

39浏览

0评论

详解webpack的配置文件entry与output

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

2020-05-27 12:18:40

55浏览

0评论

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

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

2020-05-27 12:18:38

44浏览

0评论

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

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

2020-05-27 12:18:36

43浏览

0评论

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

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

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

2020-05-27 12:18:35

58浏览

0评论

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

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

2020-05-27 12:18:33

59浏览

0评论

Node.js简单入门前传

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

2020-05-27 12:18:31

42浏览

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

47浏览

0评论

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

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

2020-05-27 12:18:27

37浏览

0评论

JQuery判断正整数整理小结

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

2020-05-27 12:18:26

37浏览

0评论

JavaScript中各数制转换全面总结

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

2020-05-27 12:18:23

45浏览

0评论

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

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

2020-05-27 12:18:21

40浏览

0评论

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

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

2020-05-27 12:18:19

47浏览

0评论

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

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

2020-05-27 12:18:18

57浏览

0评论

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

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

2020-05-27 12:18:16

50浏览

0评论

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

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

2020-05-27 12:18:14

60浏览

0评论

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

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

2020-05-27 12:18:13

52浏览

0评论

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

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

2020-05-27 12:18:10

41浏览

0评论

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

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

2020-05-27 12:18:08

38浏览

0评论

Javascript中 toFixed四舍六入方法

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

2020-05-27 12:18:07

47浏览

0评论

JavaScript实现简单图片轮播效果

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

2020-05-27 12:18:02

40浏览

0评论

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

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

2020-05-27 12:17:57

44浏览

0评论

简单实现js上传文件功能

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

2020-05-27 12:17:52

33浏览

0评论

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

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

2020-05-27 12:17:49

39浏览

0评论

基于node.js之调试器详解

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

2020-05-27 12:17:47

42浏览

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

51浏览

0评论

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

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

2020-05-27 12:17:44

80浏览

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

43浏览

0评论

基于jQuery的表单填充实例

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

2020-05-27 12:17:41

50浏览

0评论

jQuery实现广告条滚动效果

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

2020-05-27 12:17:39

57浏览

0评论

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

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

2020-05-27 12:17:36

首页 «1219 122012211222 1223 »尾页

热门文章