编程开发 - 教程之家

编程开发

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

82浏览

0评论

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

有时候我们需要页面滚动条滚动到某一固定的位置，一般使用Window scrollTo() 方法。语法就是：scrollTo(xpos,ypos)xpos：必需。要在窗口文档显示区左上角显示的文档的 x 坐标。yp...

2020-05-27 08:42:35

72浏览

0评论

JS+HTML+CSS实现轮播效果

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下1.lunbo.html代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti...

2020-05-27 08:42:34

63浏览

0评论

浅谈vue,angular,react数据双向绑定原理分析

传统做法前端维护状态，手动操作DOM更新视图。前端框架对服务器数据通过模版进行渲染。当用户产生了一个动作之后，我们通过document.getElementBy... 手动进行DOM更新。
框架...

2020-05-27 08:42:33

77浏览

0评论

JS异步函数队列功能实例分析

本文实例讲述了JS异步函数队列功能。分享给大家供大家参考，具体如下：场景：做直播，会有入场消息，入场特效，用户如果有坐骑，需要给他展示几秒钟的坐骑特效，如果几个人同时进场，那该怎么...

2020-05-27 08:42:32

79浏览

0评论

9种改善AngularJS性能的方法

AngularJS 是目前使用非常广泛的 web app 应用框架，随着它的受欢迎程度持续上升，期待已久的AngularJS 4.0 诞生了。尽管已经做了很多优化，但几乎每个 Angular 专家仍然在处理...

2020-05-27 08:42:30

84浏览

0评论

javascript+css3开发打气球小游戏完整代码

效果知识点：css3画气球, 自定义属性运用，随机阵列, DOM元素操作，高级回调函数与参数复传，动态布局，鼠标事件，定时器运用，CSS3新增样式等。css代码如下：<style>{margin:0;padding:0;}...

2020-05-27 08:42:29

60浏览

0评论

解析Vue 2.5的Diff算法

DOM“天生就慢”，所以前端各大框架都提供了对DOM操作进行优化的办法，Angular中的是脏值检查，React首先提出了Virtual Dom，Vue2.0也加入了Virtual Dom，与React类似。本文将对于Vue...

2020-05-27 08:42:28

76浏览

0评论

JavaScript的setter与getter方法

以前在写项目过程一直都没有使用过Javascript的setter与getter方法，所以对其是一种要懂不懂的概念；今天看书看到这个知识点，还是模模糊糊的，于是就打算研究研究；Javascript对象的...

2020-05-27 08:42:26

83浏览

0评论

bootstrap响应式工具使用详解

本文实例为大家分享了bootstrap响应式工具的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>响应式工具</title>...

2020-05-27 08:42:25

92浏览

0评论

angularjs实现时间轴效果的示例代码

一引入包引入angular-timeline包。
下载地址：angular-timeline.zip在index.html中引入<link href="lib/angular-timeline/dist/angular-timeline.css" rel="external nofoll...

2020-05-27 08:42:24

123浏览

0评论

jquery animate动画持续运动的实例

如下所示：function fingers(){ $(".box01 .fingers").animate({"width":"7.5rem","marginLeft":"-3.75rem"},500,function(){ $(".box01 .fingers").animate({"width":"6.8...

2020-05-27 08:42:23

76浏览

0评论

jQuery图片加载失败替换默认图片方法汇总

本文主要讨论页面中图片加载失败后替换默认图片的几种方式重点来了：一定要记住error事件不冒泡。相关的知识点：jquery的ready方法、$("img").error()、img的complete属性、插...

2020-05-27 08:42:22

80浏览

0评论

ReactNative 之FlatList使用及踩坑封装总结

在RN中FlatList是一个高性能的列表组件，它是ListView组件的升级版，性能方面有了很大的提升，当然也就建议大家在实现列表功能时使用FlatList,尽量不要使用ListView，更不要使用Scr...

2020-05-27 08:42:21

68浏览

0评论

ReactNative之FlatList的具体使用方法

之前使用的组件是ListView，当时要添加一个下拉刷新，上拉加载的功能，所以对ListView做了一些封装，但是后来看官方文档，不建议再使用ListView，因为效率问题，做过Android的朋友都知道，A...

2020-05-27 08:42:20

97浏览

0评论

关于 angularJS的一些用法

AngularJS
事件指令：ng-click/dblclickng-mousedown/upng-mouseenter/leaveng-mousemove/over/outng-keydown/up/pressng-focus/blurng-submit和ng-click一样，都是给dom绑定事...

2020-05-27 08:42:19

78浏览

0评论

vue.js项目中实用的小技巧汇总

前言Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已...

2020-05-27 08:42:18

92浏览

0评论

Vue2.0用户权限控制解决方案

Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。安...

2020-05-27 08:42:17

77浏览

0评论

node.js中axios使用心得总结

Axios是一个基于Promise的 HTTP 库，可以用在浏览器和node.js 中，因为尤大大的推荐，axios也变得越来越流行。最近项目中使用axios也遇到了一些问题，就借此机会总结一下，如有错误，还...

2020-05-27 08:42:16

86浏览

0评论

Angular4的输入属性与输出属性实例详解

本文实例讲述了Angular4的输入属性与输出属性。分享给大家供大家参考，具体如下：Angular4输入属性输入属性通常用于父组件向子组件传递信息举个栗子：我们在父组件向子组件传递股...

2020-05-27 08:42:15

100浏览

0评论

node.js支持多用户web终端实现及安全方案

terminal（命令行）作为本地IDE普遍拥有的功能，对项目的git操作以及文件操作有着非常强大的支持。对于WebIDE，在没有web伪终端的情况下，仅仅提供封装的命令行接口是完全不能满足开...

2020-05-27 08:42:14

108浏览

0评论

Angular2管道Pipe及自定义管道格式数据用法实例分析

本文实例讲述了Angular2管道Pipe及自定义管道格式数据用法。分享给大家供大家参考，具体如下：管道(Pipe)可以根据开发者的意愿将数据格式化，还可以多个管道串联。纯管道(Pure Pi...

2020-05-27 08:42:12

98浏览

0评论

JS组件系列之Gojs组件前端图形化插件之利器

前言：之前分享过两篇关于流程画图的前端组件，使用的jsPlumb。这个组件本身还不错，使用方便、入门简单、轻量级，但是使用一段时间下来，发现一些弊病，比如组件不太稳定，初始进入页面...

2020-05-27 08:42:11

91浏览

0评论

详解angularjs实现echart图表效果最简洁教程

本文介绍了详解angularjs实现echart图表效果最简洁教程，分享给大家，具体如下：ehcart是百度做的数据图表，基于原生js。接口和配置都写的很好很易读，还可以用于商用。一 echart包引...

2020-05-27 08:42:03

126浏览

0评论

微信小程序使用modal组件弹出对话框功能示例

本文实例讲述了微信小程序使用modal组件弹出对话框功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码①、index.wxml<view>提示：{{tip}}</view><button type="defau...

2020-05-27 08:42:02

68浏览

0评论

微信小程序实现动态设置页面标题的方法【附源码下载】

本文实例讲述了微信小程序实现动态设置页面标题的方法。分享给大家供大家参考，具体如下：1、效果展示2、关键代码① WXML文件<button bindtap="setBiaoTi1">标题1</button><but...

2020-05-27 08:42:01

83浏览

0评论

纯js实现隔行变色效果

本文实例为大家分享了js实现隔行变色的具体代码，供大家参考，具体内容如下<script type="text/javascript"> function createTable(){ //创建表格 var table = document.crea...

2020-05-27 08:42:00

87浏览

0评论

easyui下拉框动态级联加载的示例代码

easyui的下拉框动态加载数据，高校中要根据首先查询所有学院，然后根据学院动态加载课程。下面看如何实现。
1.界面效果
2. html + js代码
<span>学院名称：</span> <input class=...

2020-05-27 08:41:58

143浏览

0评论

3种vue组件的书写形式

本文实例为大家分享了vue组件的书写形式，供大家参考，具体内容如下第一种使用script标签<!DOCTYPE html><html> <body> <div id="app"> <my-component></my-component...

2020-05-27 08:41:57

74浏览

0评论

写给小白看的JavaScript异步

某天突然写了个方法要从后台调用数据，显示在前台页面，但是输出结果总是空undefined，得不到数据。多方找资料才发现，原来是入了JS异步的“坑”。我们常常听到单线程、多线程、同...

2020-05-27 08:41:55

115浏览

0评论

jQuery zTree 异步加载添加子节点重复问题

zTree 简介 zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件（MIT 许可证）。如...

2020-05-27 08:41:54

146浏览

0评论

微信小程序中吸底按钮适配iPhone X方案

随着第二三批iPhone X的陆续到货，身边的土豪们纷纷用了起来，因为iPhone X的齐刘海导致的适配问题很多，所以这群土豪更沉浸在各种找bug中，不出所料，豌豆公主小程序在一些地方也出...

2020-05-27 08:41:53

150浏览

0评论

html中通过JS获取JSON数据并加载的方法

在写内容逻辑重复性的页面时，用json数据可以显著提高编程效率，并且便于后期的数据维护。因此，在视频专题页面，需要展示多列视频数据，我选择了用json。HTML如下（只展示重点部分，需要...

2020-05-27 08:41:51

162浏览

0评论

微信小程序实现添加手机联系人功能示例

本文实例讲述了微信小程序实现添加手机联系人功能。分享给大家供大家参考，具体如下：1、效果展示 2、关键代码1）WXML文件<view bindlongtap="phoneNumTap">{{phoneNum}}</view>2...

2020-05-27 08:41:49

91浏览

0评论

完美解决手机浏览器顶部下拉出现网页源或刷新的问题

问题如下图所示：一般处理此类问题都会有一个属性：”event.preventDefault()”，但是如果直接使用会导致页面的内部滚动也失效导致不能滚动，我所处理的方式也与其类似。因为滑动区...

2020-05-27 08:41:47

75浏览

0评论

vue的状态管理模式vuex

vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。备注：本文的示例等代码将会采用es6的语法。
链接 vuex官方中文网站使用vue和vuex实现的简易...

2020-05-27 08:41:46

115浏览

0评论

VueJs使用Amaze ui调整列表和内容页面

制作左侧菜单一个后台管理系统，大致的样式都是分为南北东西的，而西（也就是左侧）一般是我们的菜单。如图：我们今天就来把我们的项目完成到如上图的样式，首先我们来制作左侧的菜单，在...

2020-05-27 08:41:44

98浏览

0评论

微信小程序简单实现form表单获取输入数据功能示例

本文实例讲述了微信小程序简单实现form表单获取输入数据功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码index.wxml<form bindsubmit="formBindsubmit" bindrese...

2020-05-27 08:41:41

133浏览

0评论

实例教学如何写vue插件

在学习之前，先问问自己，为什么要编写vue的插件。在一个项目中，尤其是大型项目，有很多部分需要复用，比如加载的loading动画，弹出框。如果一个一个的引用也稍显麻烦，而且在一个vue文...

2020-05-27 08:41:40

109浏览

0评论

windows下更新npm和node的方法

公司的新项目要启动了，需要使用 Angular 4.0，并且使用 webpack 工具进行打包。所以就需要安装 node。node 的安装很简单，在 node 的官网 nodejs.org 去下载 msi 安装包，目前 nod...

2020-05-27 08:41:37

136浏览

0评论

微信小程序支付及退款流程详解

首先说明一下，微信小程序支付的主要逻辑集中在后端，前端只需携带支付所需的数据请求后端接口然后根据返回结果做相应成功失败处理即可。我在后端使用的是php，当然在这篇博客里...

2020-05-27 08:41:36

109浏览

0评论

微信小程序实战篇之购物车的实现代码示例

哈喽，大家好，快半个月没写了，现在提笔都有点生硬了，一直没更新的原因，一个是代码君也要上班，加上最近工作比较忙，还有就是写文章一直未被认可，所以没什么动力再创作了，那时真的坚持不...

2020-05-27 08:41:33

77浏览

0评论

微信小程序实现获取自己所处位置的经纬度坐标功能示例

本文实例讲述了微信小程序实现获取自己所处位置的经纬度坐标功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码index.wxml布局文件代码<view>纬度：{{latitude}}</vi...

2020-05-27 08:41:31

165浏览

0评论

微信小程序实现简单input正则表达式验证功能示例

本文实例讲述了微信小程序实现简单input正则表达式验证功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码index.wxml文件<input placeholder="输入内容" bindinput...

2020-05-27 08:41:30

111浏览

0评论

Bootstrap Table 搜索框和查询功能

1..知识点bootstrapTable 刷新和查询配置2.提升js代码性能1.减少全局变量声明2.缓存dom节点查找结果3.局部变量缓存全局变量 /** * @param col bootstrapTable列表生成配置...

2020-05-27 08:41:28

106浏览

0评论

Vue+Vux项目实践完整代码

提供完整的路由，services`````````````
-------------------------------------------------------------------------------------------------------------------------...

2020-05-27 08:41:27

133浏览

0评论

vue2.x+webpack快速搭建前端项目框架详解

一、本文将分享如何快速搭起基于webpack+vue的前端项目框架，利用vue的自己的脚手架工具vue-cli搭建起基本的环境配置，再通过npm包管理工具引入相应的依赖来完善项目的各种依赖...

2020-05-27 08:41:25

91浏览

0评论

vue 添加vux的代码讲解

简介Vux（读音 [v'ju:z]，同views）是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeU...

2020-05-27 08:41:23

106浏览

0评论

JS和JQuery实现雪花飘落效果

很多朋友在做特效网页的时候需要用到雪花飘落的效果，我们这里给大家整理了分别用JS还有JQuery两种代码实现这个效果的方式。
我们先来看一下需要实现的雪花效果：这次实现的雪...

2020-05-27 08:41:22

88浏览

0评论

vue组件发布到npm简单步骤

1.0 新建项目
1.1 初始化项目
输入npm init，之后需要填什么就写什么新建src目录，并在src目录下新建alert.vue$ npm init$ mkdir src$ cd src$ touch alert.vue最后的目录结构1...

2020-05-27 08:41:20

98浏览

0评论

javascript修改浏览器title方法 JS动态修改浏览器标题

title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0]...

2020-05-27 08:41:16

首页 «1283 128412851286 1287 »尾页

热门文章