编程开发 - 教程之家

编程开发

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

102浏览

0评论

简单实现jQuery手风琴效果

本文实例为大家分享了jQuery实现手风琴效果的具体代码，供大家参考，具体内容如下js代码：<script type="text/javascript" src="jquery-3.0.0.js"></script><script type="text/j...

2020-05-27 12:20:34

102浏览

0评论

基于 Vue 的树形选择组件的示例代码

本文介绍了基于 Vue 的树形选择组件。分享给大家，具体如下：
系统要求：Vue 2
基本特性完美的多级联动效果支持无限多的分级有全选、半选、不选三种状态截图展示代码...

2020-05-27 12:20:33

76浏览

0评论

ReactJs实现树形结构的数据显示的组件的示例

本文介绍了ReactJs实现树形结构的数据显示的组件的示例，分享给大家，具体如下：
1、该组件树形显示数据
2、组件中数据的请求方式为fetch方式
3、点击对应的数据前面的小三角，fetc...

2020-05-27 12:20:32

83浏览

0评论

JavaScript编写的网页小游戏，很给力

以下为游戏界面：以下为游戏代码：<html><head> <script language="JavaScript">   var timerID =...

2020-05-27 12:20:30

78浏览

0评论

简单实现jQuery轮播效果

本文实例为大家分享了jQuery轮播效果展示的具体代码，供大家参考，具体内容如下jQ代码：
在写jQuery代码之前一定要先导库，此处我用的是3.0的库<script src="jquery-3.0.0.js"></s...

2020-05-27 12:20:29

82浏览

0评论

JS实现页面打印（整体、局部）

我们在网页开发过程中经常会有打印页面的需求，通过JS来实现的方法有很多，这里我做了一个整理，供大家参考。
方式一：window.print()整体打印<a href="javascrīpt:window.print()...

2020-05-27 12:20:28

111浏览

0评论

自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结

一、先明白几个概念phys.width:device-width:一般我们所指的宽度width即为phys.width，而device-width又称为css-width。其中我们可以获取phys.width即width通过document.docu...

2020-05-27 12:20:27

87浏览

0评论

关于meta viewport中target-densitydpi属性详解（推荐）

前段时间在做WAP页面，发现页面设置了meta viewport中的大众属性，即：<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" > 但发现页...

2020-05-27 12:20:26

223浏览

0评论

JavaScript你不知道的一些数组方法

concatvar a = [1,2,3];a.concat([4,5,6],7,8);//[1,2,3,4,5,6,7,8]注意，a数组并没有改变，只是返回了一个新数组。copyWithin它接受三个参数。target （必需）：从该位置开始替换数...

2020-05-27 12:20:16

86浏览

0评论

移动设备手势事件库Touch.js使用详解

Touch.js手势库是专门在Webkit内核浏览器的移动设备中使用中设计的, Touch.js是移动设备上的手势识别与事件库。Touch.js基于原生事件,支持事件代理, 性能更好，极简的API,秒...

2020-05-27 12:20:14

66浏览

0评论

JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码

手机的屏幕有大有小，移动web最好做成响应式布局，也就是自适应屏幕，没有固定宽高，这样的话，在所有手机上都可以正常显示。关于移动端页面按手机屏幕分辨率自动缩放的js，先附上代码...

2020-05-27 12:20:13

182浏览

0评论

Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结（附代码）

可能大家发现自己制作的手机端页面，默认打开的时候并不是在理想的缩放状态下。遇到这样的问题，需要在head标签下，添加meta解决。代码如下：<meta name=”viewport” content=”wi...

2020-05-27 12:20:12

89浏览

0评论

二维码图片生成器QRCode.js简单介绍

QRCode.js是一个实现生成二维码(QRCode)的js插件。 QRCode.js有着良好的跨浏览器兼容性（高版本使用HTML5的 Canvas，低版本IE使用table元素绘制），而且QRCode.js没有任何依赖。只...

2020-05-27 12:20:10

69浏览

0评论

js使用highlight.js高亮你的代码

在逛别人的博客的时候，看见别人的代码的例子使用了高亮的语法，无论是java，js还是php等等语言，都会自动的对关键字进行高亮。于是在前几天自己写了一个博客，遇到code时，自然就想到...

2020-05-27 12:20:09

106浏览

0评论

select自定义小三角样式代码（实用总结）

这段代码是网上大部分的解决办法，在这里总结一下：让select透明，上面加一个span，来替换select框，可以自定义小三角样式，也可以做出select文字居中的效果。　　　　<div class="ui-s...

2020-05-27 12:20:08

96浏览

0评论

JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】

本文实例讲述了JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果。分享给大家供大家参考，具体如下：基于Sketch.js，实现了物体触碰检测（蝌蚪会遇到障碍物以及聪明的躲避鼠标的...

2020-05-27 12:20:06

98浏览

0评论

jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】

本文实例讲述了jQuery+HTML5实现WebGL高性能烟花绽放动画效果。分享给大家供大家参考，具体如下：运行效果：完整代码如下：<!DOCTYPE html><html class=" -webkit- js flexbox canv...

2020-05-27 12:20:05

85浏览

0评论

Vue中引入样式文件的方法

一、在vue中使用scss首先进行安装如下依赖：
cnpm i sass-loader node-sass -D
二、vue中引入样式文件1）在index.html模板html文件中引入，这种方式引入的原样编译在生成的html...

2020-05-27 12:20:03

98浏览

0评论

浅谈Angular2 ng-content 指令在组件中嵌入内容

ng-content指令可以在组件中嵌入模板代码，方便定制可复用的组件。
比如：页面的header是个通用组件，导航菜单样式已经设定好，只需在header标签内加上菜单内容。用ng-content标签，...

2020-05-27 12:20:02

101浏览

0评论

Node.JS更改Windows注册表Regedit的方法小结

注册表是windows操作系统中的一个核心数据库，其中存放着各种参数，直接控制着windows的启动、硬件驱动程序的装载以及一些windows应用程序的运行，从而在整个系统中起着核心作用...

2020-05-27 12:20:01

67浏览

0评论

浅谈angular4 ng-content 中隐藏的内容

如果你尝试在 Angular 中编写可重复使用的组件，则可能会接触到内容投射的概念。然后你发现了 <ng-content> ，并找到了一些关于它的文章，进而实现了所需的功能。接下来我们来通...

2020-05-27 12:20:00

96浏览

0评论

Vue组件选项props实例详解

前面的话　　组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向...

2020-05-27 12:19:59

99浏览

0评论

javascript将url解析为json格式的两种方法

本文介绍了javascript将url解析为json格式的两种方法，分享给大家，具体如下：方法一：最简单的方法，利用a标签来实现function parseUrl(url){ var a=document.createElement('a');...

2020-05-27 12:19:57

88浏览

0评论

详解JS数组Reduce()方法详解及高级技巧

基本概念reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除...

2020-05-27 12:19:56

87浏览

0评论

JS模拟超市简易收银台小程序代码解析

废话不多说了，直接给大家贴代码了，具体代码如下所示： <script type="text/javascript"> // 1.编写一个程序，计算增加后的工资。要求基本工资大于等于1000元，增加20%的工资;若小于...

2020-05-27 12:19:55

72浏览

0评论

JavaScript 完成注册页面表单校验的实例

1、步骤分析
第一步：确定事件(onsubmit)并为其绑定一个函数第二步：书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>)第三步：对用户输入的数据进行判断...

2020-05-27 12:19:54

62浏览

0评论

简单的网页广告特效实例

为了练习javascript，做了一个简单的demo，实现的是广告从顶部慢慢拉出到最大，然后停留2s，再收缩到比较小且可以关闭的广告特效。图片可以替换为任意其他的图片。
代码如下
<!DOCT...

2020-05-27 12:19:51

87浏览

0评论

Vue内容分发slot(全面解析)

前面的话为了让组件可以组合，需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为内容分发 (或 “transclusion” )。Vue实现了一个内容分发 API，参照了当前...

2020-05-27 12:19:50

87浏览

0评论

Vue自定义事件(详解)

前面的话父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。本文将详细介绍Vue自定义事件事件绑定每个 Vue 实例都实现了事件接口...

2020-05-27 12:19:48

82浏览

0评论

Mui使用jquery并且使用点击跳转新窗口的实例

网上好多朋友是这样做的：全局插入了js代码mui('body').on('tap', 'a', function () { document.location.href = this.href; });这样做是行的，但是有很多问题，比如点击侧栏的时...

2020-05-27 12:19:47

94浏览

0评论

深入理解ES6的迭代器与生成器

本文介绍了深入理解ES6的迭代器与生成器，分享给大家，具体如下：
循环语句的问题
var colors = ["red", "green", "blue"];for(var i=0; i<colors.length; i++){ console.log(co...

2020-05-27 12:19:46

81浏览

0评论

深入理解ES6学习笔记之块级作用域绑定

众所周知，js中的var声明存在变量提升机制，因此ESMAScript 6引用了块级作用域来强化对变量生命周期的控制
let const 声明不会被提升，有几个需要注意的点
1、不能被重复声明假设...

2020-05-27 12:19:45

87浏览

0评论

JavaScript文件的同步和异步加载的实现代码

对于JS文件的引用，尽管当前有不少框架和工具（比如webpack，commonjs，requiresjs等）都做了很好的处理。但是抛开这些框架，了解原生的加载方式还是不无裨益。本文简述一些js文件的同...

2020-05-27 12:19:43

91浏览

0评论

Vue Transition实现类原生组件跳转过渡动画的示例

最近学习了Vue Transition的用法，感觉这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记
官方文档：https://cn.vuejs.org/v2/guide/transitions.html
演示地址：http://www...

2020-05-27 12:19:42

100浏览

0评论

如何理解Vue的作用域插槽的实现原理

本文介绍了如何理解Vue的作用域插槽的实现原理，分享给大家，也给自己留个笔记
举个例子，比如我写了一个可以实现条纹相间的列表组件，发布后，使用者可以自定义每一行的内容或样式（普...

2020-05-27 12:19:41

81浏览

0评论

浅谈关于.vue文件中style的scoped属性

本文介绍了.vue文件中style的scoped属性以及踩到的坑，具体如下：scoped可以实现style只作用于当前的.vue文件
<template> <div class="user"></div></template><script></scri...

2020-05-27 12:19:39

110浏览

0评论

ionic App问题总结系列之ionic点击系统返回键退出App

在安卓下，如果不处理系统返回键的事件，那么每次点击返回键，将页面将返回到上一个路由，这种逻辑不符合app的路由逻辑。正确的应该是：当页面到了各个导航页的首页时，此时再按返回键...

2020-05-27 12:19:38

76浏览

0评论

React Native 环境搭建的教程

一直对 RN 充满了好奇，前段时间学习并实际使用 RN 来开发了一个简单的应用。第一步从环境搭建开始。环境搭建分别需要安装Node，Watchman，Yarn 和 RN 命令行工具，推荐把 react-de...

2020-05-27 12:19:37

78浏览

0评论

JavaScript贪吃蛇小组件实例代码

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

2020-05-27 12:19:35

82浏览

0评论

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

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

2020-05-27 12:19:34

95浏览

0评论

jQuery实现表格冻结顶栏效果

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

2020-05-27 12:19:28

85浏览

0评论

Vue动态组件实例解析

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

2020-05-27 12:19:19

74浏览

0评论

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

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

2020-05-27 12:19:17

71浏览

0评论

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

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

2020-05-27 12:19:16

118浏览

0评论

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

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

2020-05-27 12:19:15

68浏览

0评论

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

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

2020-05-27 12:19:13

72浏览

0评论

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

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

2020-05-27 12:19:11

87浏览

0评论

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

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

2020-05-27 12:19:08

116浏览

0评论

JS实现评价的星星功能

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

2020-05-27 12:19:07

77浏览

0评论

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

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

2020-05-27 12:19:06

首页 «1242 124312441245 1246 »尾页

热门文章