JavaScript - 教程之家

74浏览

0评论

bootstrap table实现合并单元格效果

本文实例为大家分享了客户端运用bootstrapTable 的mergeCells属性合并单元格来达到报表分析展示的直观效果。JavaScript代码声明mergeCells函数，如：/** * 合并单元格 * @param...

2020-05-27

72浏览

0评论

Nodejs模块的调用操作实例分析

本文实例讲述了Nodejs模块的调用操作。分享给大家供大家参考，具体如下：User.js//构造方法function User(id, name, age) { this.id = id; this.name = name; this.age = ag...

2020-05-27

50浏览

0评论

Nodejs处理异常操作示例

本文实例讲述了Nodejs处理异常操作。分享给大家供大家参考，具体如下：Exception.jsmodule.exports = { expfun: function(flag) { if(flag == 0) { throw '我是error'...

2020-05-27

65浏览

0评论

详解vuex commit保存数据技巧

vuex 单向数据流，推荐的commit 改变state数据，写起来非常繁琐，因为改数据可能要写很多commit函数。依据我的理解，单向数据流主要是为了避免数据混乱，便于调试。说白了，就是一个数...

2020-05-27

70浏览

0评论

JavaScript实现的级联算法示例【省市二级联动功能】

本文实例讲述了JavaScript实现的级联算法。分享给大家供大家参考，具体如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/l...

2020-05-27

78浏览

0评论

使用gulp构建前端自动化的方法示例

gulp是一个自动化构建工具，开发者可以用它来自动执行一些常见的任务。这里以我之前做的一个demo为例，简要介绍如何使用gulp实现前端工程自动化。
项目结构其中src目录下表示的...

2020-05-27

58浏览

0评论

JavaScript简单实现动态改变HTML内容的方法示例

本文实例讲述了JavaScript简单实现动态改变HTML内容的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>JavaScript：改变 H...

2020-05-27

62浏览

0评论

微信小程序使用for循环动态渲染页面操作示例

本文实例讲述了微信小程序使用for循环动态渲染页面操作。分享给大家供大家参考，具体如下：先来看看运行效果：这种列表效果可以说是最常见的一种，肯定不是我们一个一个写上去，这就...

2020-05-27

67浏览

0评论

微信小程序开发问题之wx.previewImage

小知识wx.previewImage是微信小程序官方提供的预览图片功能的api。在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。那么他有哪些坑呢？我遇到...

2020-05-27

130浏览

0评论

微信小程序使用二次贝塞尔曲线画波浪

这两周做一个新的项目，人员比较紧张，除了需求和UI，前端后端一个人来干。在项目需求确定后，UI隔了几天设计出了UI界面，拿到UI效果图后见有一个界面有波浪效果的我当时就蒙圈了，这都...

2020-05-27

56浏览

0评论

JavaScript实现小球沿正弦曲线运动

本文实例为大家分享了js实现小球沿正弦曲线运动的具体代码，供大家参考，具体内容如下效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<...

2020-05-27

74浏览

0评论

基于js Canvas实现二次贝塞尔曲线

本文实例为大家分享了js Canvas实现二次贝塞尔曲线的具体代码，供大家参考，具体内容如下先上效果图：实现代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>二次贝...

2020-05-27

76浏览

0评论

基于JavaScript canvas绘制贝塞尔曲线

简单描述：页面上有四个点，鼠标拖动四个点的位置来改变贝塞尔曲线的形状，双击放置点位效果图：代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Tit...

2020-05-27

62浏览

0评论

微信小程序实现文字跑马灯

前言要实现跑马灯主要就是获得判断开始定界和结束定界, 1.9.3新增的wxml操作接口就可以拿到节点长宽等属性，当然你也可以直接用文字数量 * 文字大小(注意字体的单位px,rpx)...

2020-05-27

53浏览

0评论

JavaScript基础之静态方法和实例方法分析

本文实例讲述了JavaScript静态方法和实例方法。分享给大家供大家参考，具体如下：直接定义在构造函数上的方法和属性是静态的, 定义在构造函数的原型和实例上的方法和属性是非...

2020-05-27

58浏览

0评论

详解VUE里子组件如何获取父组件动态变化的值

在VUE里父组件给子组件间使用props方式传递数据，但是希望父组件的一个状态值改变然后子组件也能监听到这个数据的改变来更新子组件的状态。场景：子组件通过props获取父组件传...

2020-05-27

71浏览

0评论

angular6的table组件开发的实现示例

背景及吐槽：今年有机会再次接触angualr这个框架，想起第一次接触ng还是16年读书的时候，当时还是ng1，然后学起来特别辛苦，学习曲线特别陡峭；而今年有一个项目重构直接采用了angular6...

2020-05-27

80浏览

0评论

nodejs异步编程基础之回调函数用法分析

本文实例讲述了nodejs异步编程基础之回调函数用法。分享给大家供大家参考，具体如下：Node.js 异步编程的直接体现就是回调。异步编程依托于回调来实现，但不能说使用了回调后程序...

2020-05-27

78浏览

0评论

nodejs基础之buffer缓冲区用法分析

本文实例讲述了nodejs基础之buffer缓冲区用法。分享给大家供大家参考，具体如下：JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。但在处理像TCP流或文件流时，必须使...

2020-05-27

55浏览

0评论

nodejs基础之常用工具模块util用法分析

本文实例讲述了nodejs基础之常用工具模块util用法。分享给大家供大家参考，具体如下：util是nodejs的核心模块，提供常用函数的集合，用户弥补核心javascript的功能过于精简的不足ut...

2020-05-27

86浏览

0评论

使用Sonarqube扫描Javascript代码的示例

使用sonarqube对javascript代码进行扫描，分析代码质量，最简单的方式莫过于使用缺省的sonar-way中的javascript的规则，使用sonar-scanner进行扫描，这篇文章通过最简单的例子，来进...

2020-05-27

62浏览

0评论

Vuerouter的beforeEach与afterEach钩子函数的区别

在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总...

2020-05-27

64浏览

0评论

vue-router beforeEach跳转路由验证用户登录状态

使用vue判断验证用户登录状态
导航钩子类似于生命周期钩子，包含路由进入前，进入后，更新时，退出前等几个周期，主要用于控制导航的前进后退或跳转等。其中router.beforeEach就...

2020-05-27

62浏览

0评论

详解CommonJS和ES6模块循环加载处理的区别

CommonJS模块规范使用require语句导入模块，module.exports导出模块，输出的是值的拷贝，模块导入的也是输出值的拷贝，也就是说，一旦输出这个值，这个值在模块内部的变化是监听不到的...

2020-05-27

65浏览

0评论

angular 用Observable实现异步调用的方法

Observable(可观察对象)
Observable（可观察对象）是基于推送（Push）运行时执行（lazy）的多值集合。拉取(Pull)和推送(Push)
拉取和推送是数据生产者和数据消费者之间通信的两种不同机...

2020-05-27

62浏览

0评论

利用Angular2的Observables实现交互控制的方法

在Angular1.x中，我们使用Promise来处理各种异步。但是在angular2中，使用的是Reactive Extensions (Rx)的Observable。对于Promise和Observable的区别，网上有很多文章，推荐egghea...

2020-05-27

68浏览

0评论

详解Ant Design of React的安装和使用方法

在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，给设计师和工程师带来很多困扰和重复建设，大大降低了产品的研发效率。我们（蚂蚁金...

2020-05-27

74浏览

0评论

React降级配置及Ant Design配置详解

React降级配置1.使用create-react-app创建一个目录 2.查看当前目录下的package.json文件中的配置注意：可以看到当前的react-scripts是2.1.2版本，且只兼容IE11以上，所以为了...

2020-05-27

56浏览

0评论

react+ant design实现Table的增、删、改的示例代码

本人小白一名，第一次学习react ,该资料为本人原创，采用的是react+ant design的Tabled的一个小demo,暂时只实现了增加，删除单行，多行删除有Bug,查看详情，呕心沥血耗时一周完成，禁止...

2020-05-27

65浏览

0评论

nodejs基础之多进程实例详解

本文实例讲述了nodejs基础之多进程。分享给大家供大家参考，具体如下：Node.js 多进程我们都知道 Node.js 是以单线程的模式运行的，但它使用的是事件驱动来处理并发，这样有助于我...

2020-05-27

60浏览

0评论

angular6 填坑之sdk的方法

技术背景：angular + ant zorro最为大型前端团队首选的前端技术框架，angular，在国内多少还是有些水土不服。本人将针对angular做个一系列的填坑分享。坑一：sdkangular的sdk不属于...

2020-05-27

58浏览

0评论

JavaScript原型对象原理与应用分析

本文实例讲述了JavaScript原型对象原理与应用。分享给大家供大家参考，具体如下：原型对象：每个对象都有一个参考对象，这个参考对象称之为原型对象。原型对象有自己的属性和方法。...

2020-05-27

67浏览

0评论

详解angular2 控制视图的封装模式

为什么我想要分享控制视图的封装模式呢？主要是我们angular的项目大多数都会去引入一个UI组件，但往往因为需求和关系我们会去修改UI组件的样式。这时，因为有些人不是很了解View...

2020-05-27

52浏览

0评论

Angular(5.2->6.1)升级小结

在前面的文章中也曾经分别提到过，angular6由于存在一些稍大的变化，所以不能像Angular4到Angular5那样基本无感地进行升级，这里结合官方提示，简单整理一下Angular5.2到目前稳定的...

2020-05-27

79浏览

0评论

详解puppeteer使用代理

背景
在使用puppeteer进行访问页面的时候，有时候需要用到代理。环境： centos 7chrome 安装
puppeteer使用chrome。参考chrome的命令行使用方式。在官网中没看到说明，不过一般...

2020-05-27

59浏览

0评论

详解如何快速配置webpack多入口脚手架

背景当我们基于vue开发单个项目时，我们会init一个vue-cli，但当我们想在其他项目里共用这套模板时，就需要重新init一个，或者clone过来，这非常不方便，而且当多人开发时，我们希望所有...

2020-05-27

65浏览

0评论

微信小程序实现简单跑马灯效果

跑马灯效果比较常见，一般做电商类的小程序，都会用到，所以代码君今天特地写一篇文章，来教一下大家，如何去实现跑马灯效果，下面是代码君实现的效果，可以先看一下！跑马灯效果的制作制作...

2020-05-27

67浏览

0评论

jQuery实现的自定义轮播图功能详解

本文实例讲述了jQuery实现的自定义轮播图功能。分享给大家供大家参考，具体如下：jquery实现轮播图web网页上的首页，经常会出现轮播图。第三方的轮播图存在效果单一，扩展性低等问...

2020-05-27

80浏览

0评论

原生JS实现的自动轮播图功能详解

本文实例讲述了原生JS实现的自动轮播图功能。分享给大家供大家参考，具体如下：轮播图的用处轮播图是现在网站网页上最常见的效果之一，很多网站上都会用到，淘宝京东等等。有些自动...

2020-05-27

170浏览

0评论

小程序实现左右来回滚动字幕效果

本文实例为大家分享了小程序左右来回滚动字幕的具体代码，供大家参考，具体内容如下wxml:<swiper indicator-dots="{{indicatorDots}}" autopla...

2020-05-27

63浏览

0评论

微信小程序实现文字无限轮播效果

本文实例为大家分享了微信小程序实现文字无限轮播展示的具体代码，供大家参考，具体内容如下.JS文件 onLoad中添加下列代码var self = this;var width = wx.getSystemInfoSync(...

2020-05-27

60浏览

0评论

原生js实现公告滚动效果

本文实例为大家分享了js实现公告滚动展示的具体代码，供大家参考，具体内容如下1.html结构<body> <div id="notice" class="notice"> <ul id="noticeList"> <li>我是公告1</l...

2020-05-27

68浏览

0评论

Angular使用Restful的增删改

这篇来看一下如何进行增删改。删除使用delete进行删除，一般页面设计的时候也基本都是在列表页进行操作的。首先为删除的链接添加一个函数，因为一般删除都需要传入可定位删除的...

2020-05-27

80浏览

0评论

JS实现的图片选择顺序切换和循环切换功能示例【测试可用】

本文实例讲述了JS实现的图片选择顺序切换和循环切换功能。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....

2020-05-27

63浏览

0评论

小程序文字跑马灯效果

本文实例为大家分享了小程序文字跑马灯效果的具体代码，供大家参考，具体内容如下market.wxml<view>1 显示完后再显示</view><view class="exam...

2020-05-27

64浏览

0评论

angular4自定义组件非input元素实现ngModel双向数据绑定的方法

在angular里我们一般都是给input元素添加[(ngModel)]="value"实现数据双向绑定，如果想实现自定义的组件上实现ngModel双向数据绑定应该怎么办呐。。。网上找了一下，没看懂记录...

2020-05-27

68浏览

0评论

微信小程序实现文字从右向左无限滚动

本文实例为大家分享了微信小程序实现文字无限滚动的具体代码，供大家参考，具体内容如下布局页面wxml<scroll-view class="container"> <view class="scrolltxt"> <view class=...

2020-05-27

57浏览

0评论

小程序实现抽奖动画

本文实例为大家分享了小程序实现抽奖动画展示的具体代码，供大家参考，具体内容如下所有的抽奖都是由后台计算后得到的，前台只做动画展示<view class='top-banner center'> <!--...

2020-05-27

77浏览

0评论

关于微信公众号开发无法支付的问题解决

前提：由于涉及公司业务，部分核心代码无法展示，这里仅仅是聊一下如何解决微信公众号支付无法支付的解决方案。问题：微信公众号平台支付失败。页面：大致页面就是下面这张图片(引自...

2020-05-27

57浏览

0评论

Angular6新特性之Angular Material

Angular Material是包含Navigation/Dashboard/Table三种图形类型，这篇文章中将会了解一些其使用的方式。准备:安装Material进入到上篇文章创建的demo2，使用ng add进行安装lium...

2020-05-27

热门文章