JavaScript - 教程之家

64浏览

0评论

详解Angular如何正确的操作DOM

无奈接手了一个旧项目，上一个老哥在Angular项目中大量使用了JQuery来操作DOM，真的是太不讲究了。那么如何优雅的使用Angular的方式来操作DOM呢？获取元素1、ElementRef --- A...

2020-05-27

48浏览

0评论

Angularjs中date过滤器失效的问题及解决方法

在开发中遇到date过滤器失效的问题，在其他页面date过滤器没有问题，但是在这个页面出现了问题，后来发现是因为{{now | date : 'yyyy-MM-dd HH:mm:ss'}}now必须是时间戳格式的，后...

2020-05-27

51浏览

0评论

vue中锚点的三种方法

第一种： router.js中添加
mode: 'history', srcollBehavior(to,from,savedPosition){ if(to.hash){ return { selector:to.hash } }...

2020-05-27

54浏览

0评论

微信小程序websocket实现聊天功能

本文实例为大家分享了微信小程序websocket实现聊天功能的具体代码，供大家参考，具体内容如下效果图：chat.jsvar utils = require("../../utils/util.js")Page({ /** * 页面的初...

2020-05-27

36浏览

0评论

vue中倒计时组件的实例代码

子组件：<template> <span :endTime="endTime" :callback="callback" :endText="endText"> <slot> {{content}} </slot> </span> </template> <script> export defa...

2020-05-27

48浏览

0评论

小程序实现发表评论功能

本文实例为大家分享了小程序实现发表评论功能的具体代码，供大家参考，具体内容如下1.点击发表按钮判断内容是否为空如果为空提示请输入内容2.如果内容不为空将评论框里输入...

2020-05-27

59浏览

0评论

微信小程序使用wxParse解析html的方法教程

前言最近在做一个微信小程序项，遇到了文章的详情页面是富文本的情况，内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需...

2020-05-27

69浏览

0评论

微信小程序实现聊天对话(文本、图片)功能

本文实例为大家分享了微信小程序实现聊天对话功能的具体代码，供大家参考，具体内容如下这是我实际项目线上的代码, 或许有些不足 || 和你的需求不符合。上图:to_news.wxml
<!-...

2020-05-27

56浏览

0评论

vue.js 实现点击展开收起动画效果

最近公司项目加了个页面，其中要求是这样的，点击对应列表，展开和收起，其实就是显示和隐藏内容部分；说来惭愧，我花了半天时间才搞出来（自黑一下~），接下来分享给大家，先上效果图：
vue页面：...

2020-05-27

57浏览

0评论

react-native动态切换tab组件的方法

在APP中免不了要使用tab组件,有的是tab切换,也有的是tab分类切换.这些组件分成下面两种.

第一种非常简单,同时大多数第三方组件都能达到效果.这里重点讲述第二种,我们要让...

2020-05-27

34浏览

0评论

vue.js绑定事件监听器示例【基于v-on事件绑定】

本文实例讲述了vue.js绑定事件监听器。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...

2020-05-27

45浏览

0评论

vue.js实现格式化时间并每秒更新显示功能示例

本文实例讲述了vue.js实现格式化时间并每秒更新显示功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...

2020-05-27

48浏览

0评论

vue.js使用v-pre与v-html输出HTML操作示例

本文实例讲述了vue.js使用v-pre与v-html输出HTML操作。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo...

2020-05-27

87浏览

0评论

jQuery插件实现弹性运动完整示例

本文实例讲述了jQuery插件实现弹性运动的方法。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn jQuery弹性运动</tit...

2020-05-27

300浏览

0评论

vue.js通过路由实现经典的三栏布局实例代码

经典的三栏布局效果图如下：三栏布局•将布局的各个区块定义成组件<template id="header"> <div class="header bg-primary text-center"> <h3>头部区域</h3> </div...

2020-05-27

45浏览

0评论

vue.js使用watch监听路由变化的方法

watch除了可以监听数据的变化，路由的变化也能被其监听到效果如下：具体代码当路由发生变化后，在watch中写具体的业务逻辑let vm = new Vue({ el: "#app", data: {}, router, wat...

2020-05-27

59浏览

0评论

mac上配置Android环境变量的方法

1.AndroidSDK路径查看(1)AndroidStudio:
菜单栏AndroidStudio > Preferences > Appearences&Behavior > System Settins > Android SDK tab中的SDK Location。(2)Eclipse:...

2020-05-27

38浏览

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

64浏览

0评论

JavaScript的Object.defineProperty详解

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

46浏览

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

49浏览

0评论

使用async await 封装 axios的方法

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

42浏览

0评论

vue-router中scrollBehavior的巧妙用法

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

2020-05-27

47浏览

0评论

js实现左右两侧浮动广告

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

68浏览

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

41浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

126浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

53浏览

0评论

详解vue中组件参数

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

43浏览

0评论

JavaScript中 ES6变量的结构赋值

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

热门文章