JavaScript - 教程之家

26浏览

0评论

Vue2.0仿饿了么webapp单页面应用详细步骤

部分截图安装&&运行：
1、安装 node：http://nodejs.cn/download/安装 git：https://git-scm.com/downloads2、从我的仓库克隆代码：$ git clone https://github.com/ColinScales/sh...

2020-05-27

61浏览

0评论

JavaScript的Object.defineProperty详解

=与Object.defineProperty为JavaScript对象新增或者修改属性，有两种不同方式：直接使用=赋值或者使用Object.defineProperty()定义。如下：// 示例1var obj = {};// 直接使用=赋...

2020-05-27

59浏览

0评论

JS实现图片旋转动画效果封装与使用示例

本文实例讲述了JS实现图片旋转动画效果封装与使用。分享给大家供大家参考，具体如下：核心封装代码如下：//图片动画封装function SearchAnim(opts) { for(var i in SearchAnim...

2020-05-27

51浏览

0评论

jQuery实现简单复制json对象和json对象集合操作示例

本文实例讲述了jQuery实现简单复制json对象和json对象集合操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta name="viewport" content="width=device...

2020-05-27

43浏览

0评论

bootstrap 弹出框modal添加垂直方向滚轴效果

效果图预览1. 添加css样式 .modal-dialog{position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .modal-content{/*overflow-y: scroll; */ position: absolute; to...

2020-05-27

41浏览

0评论

使用async await 封装 axios的方法

es6 的promise 逐步解决了层层回调的问题,es8的async await让异步变成了同步的写法,在vue中,可以通过封装axios,使得所有的请求都可以使用同步写法,同时处理错误信息等,可以...

2020-05-27

45浏览

0评论

微信小程序中时间戳和日期的相互转换问题

在微信开发小程序时，后台传入的诗句可能是时间戳而不是日期或者需要把日期转换成时间戳来做出相应的处理时我们将用到时间戳和日期的相互转换微信小程序里，时间戳转化为日期...

2020-05-27

75浏览

0评论

JS逻辑运算符短路操作实例分析

本文实例分析了JS逻辑运算符短路操作。分享给大家供大家参考，具体如下：js逻辑运算符有三个：逻辑非!、逻辑与&&、逻辑或||。所谓短路操作就是，当&&的第一个操作数的值是false时，直...

2020-05-27

67浏览

0评论

vue-cli配置环境变量的方法

在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时...

2020-05-27

50浏览

0评论

JavaScript实现创建自定义对象的常用方式总结

本文实例讲述了JavaScript实现创建自定义对象的常用方式。分享给大家供大家参考，具体如下：1. 对象字面量方式对象字面量方式是创建自定义对象的首选模式，简单方便。var per = {...

2020-05-27

88浏览

0评论

Vue自定义指令封装节流函数的方法示例

节流函数是web前端开发中经常用到的一个开发技巧,在input实时搜索,滚动事件等,为了避免过多消耗性能,我们都会使用节流函数.在《JavaScript高级程序设计》一书中有这样的一...

2020-05-27

45浏览

0评论

JavaScript解决浮点数计算不准确问题的方法分析

本文实例讲述了JavaScript解决浮点数计算不准确问题的方法。分享给大家供大家参考，具体如下：最近在学习electron框架，想利用这个框架做一个简单的计算器demo。当我对小数进行运...

2020-05-27

39浏览

0评论

vue-router中scrollBehavior的巧妙用法

问题:使用keep-alive标签后部分安卓机返回缓存页位置不精确问题解决方案:<div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </k...

2020-05-27

43浏览

0评论

js实现左右两侧浮动广告

本文实例为大家分享了js实现左右浮动广告展示的具体代码，供大家参考，具体内容如下
<html><title>左右两侧浮动广告</title><head></head><body><table style="background-colo...

2020-05-27

49浏览

0评论

Angular通过指令动态添加组件问题

之前自己写的公共组件，都是会先引入，需要调起的时候再通过service控制公共组件状态、值、回调函数什么的。但是有一些场景不适合这种方式，还是动态添加组件更加好。通过写过的...

2020-05-27

50浏览

0评论

微信小程序实现漂亮的弹窗效果

最近项目里需要实现一个带着logo的美美哒弹窗，可是翻遍小程序的文档也只能见到wx.showModal这个丑丑的东西……
场面一度十分尴尬
可是得做啊，要不然产品大姐又要暴走了……...

2020-05-27

54浏览

0评论

微信小程序实现自定义picker选择器弹窗内容

微信小程序中定义好的几种picker选择器，不管是日期选择器还是地区选择器，或是其他的都有定死的样式和内容。例如：但是大多数开发程序的情况下还是需要自己写样式的，或是内容的。...

2020-05-27

65浏览

0评论

Angular6中使用Swiper的方法示例

项目使用的Angular版本是V6.0.3

安装Swiper
npm install swiper --save或者yarn add swiper --save在angular.json文件添加swiper.js和swiper.css
angular.json
安装模组定...

2020-05-27

38浏览

0评论

微信小程序实现倒计时补零功能

微信小程序中 "倒计时自动补零" 的一点代码，方法比较简单粗暴，想着以后怎么也能用到，就先总结出来了。代码：js：
//index.jsvar num = 10//计时var strH = ''var strM = ''var str...

2020-05-27

57浏览

0评论

微信小程序实现团购或秒杀批量倒计时

本文实例为大家分享了微信小程序实现批量倒计时的具体代码，供大家参考，具体内容如下效果图实现思路微信小程序实现倒计时，可以将倒计时的时间进行每一秒的计算和渲染！JS 模拟商...

2020-05-27

60浏览

0评论

js中Object.defineProperty()方法的不详解

菜菜： “老大，那个， Object.defineProperty 是什么鬼？”
假设我们有个对象 user ; 我们要给它增加一个属性 name , 我们会这么做var user = {};user.name="狂奔的蜗牛";console....

2020-05-27

54浏览

0评论

vue用Object.defineProperty手写一个简单的双向绑定的示例

前言上次写了一个Object.defineProperty() 不详解，文末说要写用它来写个双向绑定。说话算话，说来就来前文链接 Object.defineProperty() 不详解
先看最后效果
model演示.gif...

2020-05-27

115浏览

0评论

微信小程序canvas实现刮刮乐效果

本文实例为大家分享了微信小程序实现刮刮乐效果的具体代码，供大家参考，具体内容如下效果图设计流程设计思路 canvas设置背景图，作为中奖图片；在canvas上绘制刮的灰色涂层；通...

2020-05-27

39浏览

0评论

微信小程序实现手指触摸画板

本文实例为大家分享了微信小程序实现手指触摸画板的具体代码，供大家参考，具体内容如下先看效果图：wxml<view class="container"> <vie...

2020-05-27

50浏览

0评论

详解vue中组件参数

我们来聊一下vue中的组件参数.1.vue中组件参数我们可以为组件的 prop 指定验证要求，例如你知道的这些类型。如果有一个需求没有被满足，则 Vue 会在浏览器控制台中警告你。这在...

2020-05-27

57浏览

0评论

微信小程序自定义底部弹出框

本文实例为大家分享了微信小程序底部弹出框展示的具体代码，供大家参考，具体内容如下效果图： html<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStat...

2020-05-27

45浏览

0评论

vue超时计算的组件实例代码

需要对预约单进行超时计算，但是后台和客户端时间不能保证一定一直，所以后台返回客户提交时间和请求结束时间的时间差进行计算。效果如下(此处只是demo效果，所以有点丑。)父页...

2020-05-27

40浏览

0评论

JavaScript中 ES6变量的结构赋值

变量的结构赋值用户很多1、交换变量的值let x = 1;let y = 2;[x,y] = [y,x]
上面的代码交换变量x和变量y的值，这样的写法不仅简洁，易读，语义非常清晰2、从函数返回多个值函数只...

2020-05-27

52浏览

0评论

vue中$set的使用(结合在实际应用中遇到的坑)

最近在开发过程中遇到一个问题。在节点上面写点击事件时，点击事件不执行。代码如下： <el-table-column label="操作"> <template slot-scope="scope">...

2020-05-27

58浏览

0评论

node.js中TCP Socket多进程间的消息推送示例详解

前言前段时间接到了一个支付中转服务的需求，即支付数据通过http接口传到中转服务器，中转服务器将支付数据发送到异构后台（Lua）的指定tcp socket。一开始评估的时候感觉蛮简单的，...

2020-05-27

81浏览

0评论

详解使用Next.js构建服务端渲染应用

next.js简介最近在学React.js，React官方推荐使用next.js框架作为构建服务端渲染的网站，所以今天来研究一下next.js的使用。next.js作为一款轻量级的应用框架，主要用于构建静态...

2020-05-27

100浏览

0评论

echarts整合多个类似option的方法实例

前言最近项目里面遇到一些图表需要用echarts来做。而我之前只用过一次echarts,也只是做了一个简单的饼状图，并没有涉及到很多的配置。但是现在这个项目，这些图表需要自己配置...

2020-05-27

74浏览

0评论

详解在React.js中使用PureComponent的重要性和使用方式

一、介绍PureComponent
React 15.3在2016.06.29发布了，这个版本最值得关注的是支持了 React.PureComponent ，它取代了之前的 pure-render-mixin 。在本文中，我们将讨论 PureCom...

2020-05-27

45浏览

0评论

React之PureComponent的使用作用

React避免重复渲染
React在渲染出的UI内部建立和维护了一个内层的实现方式，它包括了从组件返回的React元素。这种实现方式使得React避免了一些不必要的创建和关联DOM节点，因为...

2020-05-27

78浏览

0评论

JavaScript基于对象方法实现数组去重及排序操作示例

本文实例讲述了JavaScript基于对象方法实现数组去重及排序操作。分享给大家供大家参考，具体如下：<script> //用对象方法实现数组去重 Array.prototype.unique = function()...

2020-05-27

75浏览

0评论

ng-alain表单使用方式详解

Angular表单
Angular提供两种不同的架构范式表单：模板驱动和响应式表单，官网也简单实现了动态表单范例。当使用两种不同范式构建一个用户必填性的表单，在使用上有非常大的不同：...

2020-05-27

54浏览

0评论

Angular5中提取公共组件之radio list的实例代码

本文给大家说一下Radio List的公共组件提取。Radio List组件提取起来很方便，不想Checkbox那么复杂。radio-list.component.tsimport { Component, OnInit, Input, Output, Ev...

2020-05-27

108浏览

0评论

在小程序中使用腾讯视频插件播放教程视频的方法

在我们开发的一个小程序里面，为了给客户了解一些教程内容，我们需要增加一个在线播放视频的模块，考虑过直接使用视频组件播放服务器上的视频不成功，因此使用腾讯视频插件来播放最...

2020-05-27

58浏览

0评论

微信小程序中换行空格（多个空格）写法详解

在小程序中HTML的网页实体无法正常使用，小程序中的写法为：一、空格，换行<text>你好！\t七月流火啊！\n我在下一行</text>\t 空格（多个只会显示一个空格）
\n 换行二、连续空格<view...

2020-05-27

89浏览

0评论

vue自定义移动端touch事件之点击、滑动、长按事件

用法：**HTML**<div id="app" class="box" v-tap="vuetouch" //vuetouch为函数名，如没有参数，可直接写函数名 v-longtap="{fn:vuetouch,name:'长按'}" //如果有参数以对象形...

2020-05-27

70浏览

0评论

Vue脚手架的简单使用实例

提前申明注意：自己对vue脚手架的理解和认识，很多东西和理解都是形象上的手法，并不专业和官方webpack一种项目构建工具，可以将css和js压缩成一个文件。此外，可以提供测试用服务器...

2020-05-27

60浏览

0评论

vue使用中的内存泄漏【推荐】

今天看到一篇关于js使用中内存泄露的文章，以及chrom浏览器查看内存泄漏的方法，决定留着。本文只截取了我认为比较重要的部分，喜欢原文的小伙伴，请点击文章下方的原文链接。什么...

2020-05-27

51浏览

0评论

小程序图片剪裁加旋转的示例代码

一个微信小程序图片剪裁组件，可以通过手势控制旋转缩放移动，也可以点击旋转进行90度旋转，先看下效果（视屏不知道为啥用不了，上个压缩过度的GIF先）：图片剪裁毫无疑问用的是canvas，但...

2020-05-27

54浏览

0评论

vue.js内置组件之keep-alive组件使用

keep-alive是Vue.js的一个内置组件。<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。当组件在...

2020-05-27

62浏览

0评论

Vue如何实现响应式系统

前言最近深入学习了Vue实现响应式的部分源码，将我的些许收获和思考记录下来，希望能对看到这篇文章的人有所帮助。有什么问题欢迎指出，大家共同进步。什么是响应式系统一句话概...

2020-05-27

47浏览

0评论

微信小程序实现红包功能（后端PHP实现逻辑）

本文为大家分享了微信小程序红包功能的具体代码，供大家参考，具体内容如下首先说明一点：微信小程序红包功能一定记得用企业付款到钱包功能，别用微信的现金红包接口，否则你就有踩不...

2020-05-27

58浏览

0评论

node.js到底要不要加分号浅析

前言一开始，关于在node.js句末不加分号，我是拒绝的。因为有时不加分号会报错。我觉得node.js在语法层面挺拧巴的，要么就像PHP那样严格要求加分号，要么就像python一律不加分号。...

2020-05-27

59浏览

0评论

Vue项目添加动态浏览器头部title的方法

0. 直接上预览链接 + 效果图Vue项目添加动态浏览器头部title1. 实现思路( 1 ) 从路由router里面得到组件的title( 2 ) title存vuex （本项目已经封装h5的sessionStorage和loc...

2020-05-27

51浏览

0评论

vue中动态设置meta标签和title标签的方法

因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮，所有就需要手动设置meta标签，标题和内容
//router内的设置{ path: '/teachers', name: 'TDe...

2020-05-27

60浏览

0评论

vue框架搭建之axios使用教程

前后端数据交互作为项目最基础需求（静态的除外），同时也是项目中最重要的需求。本文重点介绍axios如何配合vue搭建项目框架，而axios的详细使用介绍请移步使用说明1、安装cnpm in...

2020-05-27

热门文章