编程开发 - 教程之家

编程开发

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

54浏览

0评论

JavaScript全屏和退出全屏事件总结（附代码）

代码如下：window.isflsgrn = false;//ie11以下是否进入全屏标志，true为全屏状态，false为非全屏状态 window.ieIsfSceen = false;//ie11是否进入全屏标志，true为全屏状态，fal...

2020-05-27 12:20:49

50浏览

0评论

微信小程序获取javascript 里的数据

微信小程序获取javascript 里的数据wxml如何获取js里的数据例：
wxml里：<text id="twl">{{txt}}</text>通过上面的{{txt}}可以对应获取js里data下定义的txt的值
js里：data: {...

2020-05-27 12:20:47

59浏览

0评论

webpack2.0配置postcss-loader的方法

本文介绍使用webpack2.0配置postcssloader，分享给大家。具体如下：安装postcss-loadernpm install --save-dev postcss-loader然后配置webpack.config.js{ test:/\.css$/, use:...

2020-05-27 12:20:46

63浏览

0评论

史上最全JavaScript常用的简写技巧（推荐）

JavaScript 是属于网络的脚本语言！被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。同时很容易使用，所以越来越多的开发者选择js代码来实现...

2020-05-27 12:20:45

49浏览

0评论

详谈innerHTML innerText的使用和区别

document对象中有innerHTML、innerText这两个属性，都是获取document对象文本内容，但使用起来还是有区别的；1） innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到...

2020-05-27 12:20:44

83浏览

0评论

解决微信二次分享不显示摘要和图片的问题

解决不显示摘要和图片的问题，需要调用微信公众号的js-sdk的api ,需要前端和后台的配合，后台需要返回 appid (公众号的appid ) 、 timestamp (生成签名的时间戳) 、nonceStr (...

2020-05-27 12:20:42

41浏览

0评论

Vue Cli与BootStrap结合实现表格分页功能

1、首先需要在vue-cli项目中配置bootstrap,jquery2、然后新建vue文件,如index.vue，index.vue内容如下：3、配置路由即可运行实现。<template> <div class="tTable container...

2020-05-27 12:20:41

51浏览

0评论

微信小程序之前台循环数据绑定

微信小程序之前台循环数据绑定微信小程序的循环数据绑定到wxml例：
wxml里： <view wx:for="{{array}}"> {{item.message}} </view>通过上面的wx.for可以绑定一个数组，数组是j...

2020-05-27 12:20:40

126浏览

0评论

ECMAscript 变量作用域总结概括

使用var操作符声明的变量与未使用var操作符声明的变量区别Javascript是遵循ECMAScript标准下的一个产物，自然ECMAScript的标准其要遵循ECMAScript的变量是松散类型的,即可以...

2020-05-27 12:20:39

61浏览

0评论

JavaScript定时器setTimeout()和setInterval()详解

本文实例为大家分享了JavaScript定时器的具体方法，供大家参考，具体内容如下1、超时调用setTimeout()顾名思义，超时调用的意思就是在一段实际之后调用（在执行代码之前要等待多少...

2020-05-27 12:20:38

45浏览

0评论

JavaScript实现旋转轮播图

最近一直在学习JavaScript，然后看到旋转轮播图的案例，就尝试着用js做了一个简单的轮播图，因为无法显示动态效果，所以就放个截图：
这个效果是这样的：一共有7张图片，它们会自动地向...

2020-05-27 12:20:37

40浏览

0评论

JavaScript中Hoisting详解 (变量提升与函数声明提升)

本文主要给大家介绍了关于JavaScript中Hoisting(变量提升与函数声明提升）的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。如何将函数声明 / 变量...

2020-05-27 12:20:35

61浏览

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

76浏览

0评论

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

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

2020-05-27 12:20:33

49浏览

0评论

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

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

2020-05-27 12:20:32

58浏览

0评论

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

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

2020-05-27 12:20:30

56浏览

0评论

简单实现jQuery轮播效果

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

2020-05-27 12:20:29

47浏览

0评论

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

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

2020-05-27 12:20:28

72浏览

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

55浏览

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

197浏览

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

51浏览

0评论

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

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

2020-05-27 12:20:14

44浏览

0评论

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

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

2020-05-27 12:20:13

140浏览

0评论

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

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

2020-05-27 12:20:12

56浏览

0评论

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

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

2020-05-27 12:20:10

45浏览

0评论

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

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

2020-05-27 12:20:09

72浏览

0评论

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

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

2020-05-27 12:20:08

65浏览

0评论

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

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

2020-05-27 12:20:06

64浏览

0评论

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

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

2020-05-27 12:20:05

43浏览

0评论

Vue中引入样式文件的方法

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

2020-05-27 12:20:03

63浏览

0评论

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

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

2020-05-27 12:20:02

70浏览

0评论

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

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

2020-05-27 12:20:01

44浏览

0评论

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

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

2020-05-27 12:20:00

76浏览

0评论

Vue组件选项props实例详解

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

2020-05-27 12:19:59

67浏览

0评论

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

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

2020-05-27 12:19:57

57浏览

0评论

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

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

2020-05-27 12:19:56

60浏览

0评论

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

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

2020-05-27 12:19:55

52浏览

0评论

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

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

2020-05-27 12:19:54

37浏览

0评论

简单的网页广告特效实例

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

2020-05-27 12:19:51

62浏览

0评论

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

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

2020-05-27 12:19:50

58浏览

0评论

Vue自定义事件(详解)

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

2020-05-27 12:19:48

56浏览

0评论

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

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

2020-05-27 12:19:47

64浏览

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

52浏览

0评论

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

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

2020-05-27 12:19:45

57浏览

0评论

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

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

2020-05-27 12:19:43

57浏览

0评论

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

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

2020-05-27 12:19:42

71浏览

0评论

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

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

2020-05-27 12:19:41

49浏览

0评论

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

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

2020-05-27 12:19:39

74浏览

0评论

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

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

2020-05-27 12:19:38

49浏览

0评论

React Native 环境搭建的教程

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

2020-05-27 12:19:37

首页 «1218 121912201221 1222 »尾页

热门文章