JavaScript - 教程之家

47浏览

0评论

angular 组件通信的几种实现方式

单页面应用组件通信有以下几种，这篇文章主要讲 Angular 通信父组件 => 子组件子组件 => 父组件组件A = > 组件B 父组件 => 子组件子组件 => 父组件...

2020-05-27

50浏览

0评论

vue项目base64字符串转图片的实现代码

<img :onerror="errpic" class="customerHead" :src="param.customerHead" alt="">data() {　　return {　　　　param:{ 　　　　　　id:"", 　　　　　　customerHead:...

2020-05-27

38浏览

0评论

php中and 和 &&出坑指南

我原来以为PHP中的and和&&是一样的, 只是写法上为了可读性和美观, 事实上我错了. 这里面深藏了一个坑!
看以下代码:$bA = true;$bB = false;$b1 = $bA and $bB;$b2 = $bA &&...

2020-05-27

66浏览

0评论

微信小程序实现tab页面切换功能

效果图如下所示：wxml<scroll-view scroll-x="true" class="ip_tab_comtainer"> <view class="ip_tab_comtainer_padd"></view> <block wx:for="{{ips}}" wx:for-item="ip" wx...

2020-05-27

93浏览

0评论

Bootstrap开发中Tab标签页切换图表显示问题的解决方法

前言在做响应式页面的时候，往往需要考虑更多尺寸设备的界面兼容性，一般不能写死像素，以便能够使得界面元素能够根据设备的不同进行动态调整，但往往有时候还是碰到一些问题，如Tab...

2020-05-27

70浏览

0评论

Bootstrap标签页（Tab）插件切换echarts不显示问题的解决

问题：1. 在echarts跟bootstrap选项卡整合的时候，默认第一个选中选项卡可以正常加载echarts图表，但是切换其他选项的时候不能渲染出其他选项卡echarts图表。2. echarts自适应...

2020-05-27

48浏览

0评论

详解Angular-ui-BootStrap组件的解释以及使用

关于UI BootStrap
UI BootStrap 是angularUI团队用纯粹angularJS语法编写的Bootstrap组件。1. 关于ng-router（angular-router.js）和ui-router(angular-ui-router.js)的区别...

2020-05-27

50浏览

0评论

AngularJs的UI组件ui-Bootstrap之Tooltip和Popover

tooltip和popover是轻量的、可扩展的、用于提示的指令。对于移动端来讲，这两个指令虽然可以正常工作，但是从用户体验的角度并不推荐使用。先说tooltip，tooltip有三种使用方式：（1）u...

2020-05-27

51浏览

0评论

JS实现select选中option触发事件操作示例

本文实例讲述了JS实现select选中option触发事件操作。分享给大家供大家参考，具体如下：我们在用到下拉列表框select时，需要对选中的<option>选项触发事件，其实<option>本身没有触...

2020-05-27

38浏览

0评论

微信小程序中使用ECharts 异步加载数据实现图表功能

具体代码如下所示：<view class="container"> <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas></view>import * as echarts from '../....

2020-05-27

33浏览

0评论

jQuery实现监听下拉框选中内容发生改变操作示例

本文实例讲述了jQuery实现监听下拉框选中内容发生改变操作。分享给大家供大家参考，具体如下：jQuery代码部分：<script> $(document).ready(function(){ var defaultId =...

2020-05-27

62浏览

0评论

微信小程序仿微信运动步数排行(交互)

本文介绍了微信小程序仿微信运动步数排行(交互)，分享给大家，也给自己留个笔记，废话不多说了，具体如下：
效果图如下：
wxml:<view class="item-box"> <view class="items"> <view w...

2020-05-27

37浏览

0评论

vue实现组件之间传值功能示例

本文实例讲述了vue实现组件之间传值功能。分享给大家供大家参考，具体如下：slot标签：想向封装好结构的组件中插入内容，需要借助<slot></slot>在组件之中进行关联：如模板中：<slot na...

2020-05-27

49浏览

0评论

Angular5.0 子组件通过service传递值给父组件的方法

一、引言
我们使用ngx-loading，需要在app.component.html上写模板，绑定一个布尔值loading.此时如果我们想在其他组件中使用这个loading控件，就需要在每个组件的html重新写模板，...

2020-05-27

55浏览

0评论

详解vue.js根据不同环境(正式、测试)打包到不同目录

1、在build文件夹中创建testing.js文件
// 配置环境变量 type 为 testingprocess.env.type = '"testing"'// 引入build.js文件require('./build')2、修改config文件夹中的pr...

2020-05-27

55浏览

0评论

通过封装scroll.js 获取滚动条的值

具体代码如下所示：
function Obj(){}Obj.prototype={ scroll:function(){ /* 主要是做兼容处理这里必须时!=null 因为默认值和每次滚动的时侯都可以值为0 但是 if...

2020-05-27

51浏览

0评论

微信小程序仿RadioGroup改变样式的处理方案

最开始想改变Radio的样式，但是发现自己写比较方便就直接写了一个。先上效果：wxml：<view bindchange="radioChange"><view class='list_item' wx:for="{{radioValues}}" data-in...

2020-05-27

44浏览

0评论

微信小程序scroll-view实现字幕滚动

本文实例为大家分享了微信小程序scroll-view实现字幕滚动的具体代码，供大家参考，具体内容如下需求：实现框内的文字自下而上的自动循环滚动。解决方案：demo:字幕滚动通过控制滑动...

2020-05-27

59浏览

0评论

微信小程序实现自上而下字幕滚动

本文实例为大家分享了微信小程序实现字幕滚动的具体代码，供大家参考，具体内容如下
需求：实现框内的文字自下而上的自动循环滚动。解决方案：第一种方法：经查询，最一开始实现字幕滚...

2020-05-27

118浏览

0评论

微信小程序scroll-view仿拼多多横向滑动滚动条

本文实例为大家分享了微信小程序横向滑动滚动条的具体代码，供大家参考，具体内容如下效果图实现代码 index.wxml<scroll-view scroll-x="true" class="scroll-view-x" style="p...

2020-05-27

42浏览

0评论

微信小程序自定义组件实现tabs选项卡功能

本文为大家分享了微信小程序实现tabs选项卡功能的具体代码，供大家参考，具体内容如下一个自定义组件由 json wxml wxss js 4个文件组成。要编写一个自定义组件，首先需要在 json...

2020-05-27

44浏览

0评论

vue实现通讯录功能

vue实现手机通讯录功能，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title>动态加载组件</title> <meta charset="utf-8"> <meta name="viewport" content="width=d...

2020-05-27

49浏览

0评论

js+SVG实现动态时钟效果

本文实例为大家分享了js+SVG实现动态时钟效果展示的具体代码，供大家参考，具体内容如下<!DOCTYPE HTML><html><meta charset="utf-8"><head><title>Analog Clock</title><scrip...

2020-05-27

55浏览

0评论

Vue路由钩子之afterEach beforeEach的区别详解

vue-router作为vue里面最基础的服务,学习一段时间,对遇到的需求进行一些总结使用vue-cli作为开发前提 vue-router已经配置好了路由写法 routes: [ { path: '/cart',...

2020-05-27

50浏览

0评论

简述JS浏览器的三种弹窗

1.alert:使用alert弹框提示信息，最后都会被转化为字符串输出（因为调用了toString这个方法）。比如alert（1+1）弹出的结果应该是字符串形式的“2”。2.Confirm:在alert基础上增加了...

2020-05-27

60浏览

0评论

简述JS控制台的使用

1.快捷键F12可直接进入控制台（或者单机右键->检查）用于bug调试2.控制台如图：Elements:表示所有的js元素Console:常用的有如下几个功能： ①console.log:在控制台输出，优点...

2020-05-27

54浏览

0评论

详解JavaScript 中 if / if...else...替换方式

说说烂大街的if/if...else...，程序中用得最多的流程判断语句。对着曾经满屏的if/if...else...，心想能不能搞点事情，折腾点浪花浪里呀浪。对顶着“这个需求很简单，怎么实现我不管...

2020-05-27

43浏览

0评论

Bootstrap Table中的多选框删除功能

先上代码，后面再进行详细解释：
//删除按钮事件 $("#remove").on("click", function () { // $("#table").bootstrapTable('getSelections');为bootstrapTable自带的，所...

2020-05-27

49浏览

0评论

微信小程序仿朋友圈发布动态功能

仿照微信朋友圈做了一个界面如下，先看效果：1、点开界面2、选择图片3、点击上传4、动态显示第一个页面的wxml：<view class='page'> <textarea class='text' bindinput="input" p...

2020-05-27

103浏览

0评论

微信小程序form表单组件示例代码

表单，将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交。当点击<form/>表单中 formType 为 submit 的<button/>组件时，会将表单组件中...

2020-05-27

44浏览

0评论

JS在if中的强制类型转换方式

众所周知，JS在很多情况下会进行强制类型转换，其中，最常见两种是：1.使用非严格相等进行比较，对==左边的值进行类型转换2.在if判断时，括号内的值进行类型转换，转化为布尔值今天，我就来...

2020-05-27

60浏览

0评论

Angular-UI Bootstrap组件实现警报功能

Angular-UI Bootstrap提供了许多组件，从流行的的Bootstrap项目移植到Angular 指令（显著的减少了代码量）。如果你计划在Angular应用中使用Bootstrap组件，我建议细心检查。话虽如...

2020-05-27

79浏览

0评论

JavaScript字符串转数字的5种方法及遇到的坑

String转换为Number有很多种方式，我可以想到的有5种！parseInt(num); // 默认方式 (没有基数)
parseInt(num, 10); // 传入基数 (十位数)
parseFloat(num) // 浮点数
Number(nu...

2020-05-27

53浏览

0评论

vue实现城市列表选择功能

成果展示最后的成果就是下面所展示的内容，因为gif图没有做，只能截图所展示，接下来，会带着大家一步一步的完成下面功能，脚手架搭建和node安装在本次案例不会讲解，如果了解，可以在我...

2020-05-27

49浏览

0评论

Vue实现自定义下拉菜单功能

先看例子，后面有对用到的知识点的总结效果图：实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件练习</title> <link rel="styleshee...

2020-05-27

79浏览

0评论

mpvue 如何使用腾讯视频插件的方法

1.在小程序微信开放平台：设置 --- 第三方服务里，申请腾讯视频插件

2.申请成功后就可以在项目中使用了具体使用步骤如下：
1.在项目目录src下的main.js中加入下面代码，这里代码会...

2020-05-27

110浏览

0评论

微信小程序实现循环动画效果

在微信小程序的交互效果中，通常通过各种动画效果来增强用户体验，本文通过微信小程序原生API来实现小程序中控件的各种动画效果，先看下本文最终的效果：上图中的“关注公众号”...

2020-05-27

44浏览

0评论

浅谈Angularjs中不同类型的双向数据绑定

Angularjs1.X中两种不同的双向数据绑定聊聊 Angularjs1.x中那些活见鬼的事情。一. html与Controller中的双向数据绑定html-Controller的双向数据绑定，在开发中非常常见，也是An...

2020-05-27

53浏览

0评论

Vue2.X 通过AJAX动态更新数据

最近在做一个跟美团同样一套预约系统，由于一个商家会有很多主题，而每个主题下面会有很多场次。那怎么在一个页面把这些数据很好的动态展示出来呢？我首先想到了VUE的动态绑定数...

2020-05-27

57浏览

0评论

微信小程序实现默认第一个选中变色效果

效果图：这里默认第一个选中点击每个不会改变样式根据index来实现wxml：页面class有三目运算<view class='box'> <view class='box-container' wx:for="{{list}}" wx:key="lis...

2020-05-27

49浏览

0评论

详解vue+webpack+express中间件接口使用

环境：vue 2.9.3; webpack目的：接口的调用跨域方式：1、express中间的使用2、nginx代理3、谷歌浏览器跨域设置--------------------------------------------分割线-------------...

2020-05-27

47浏览

0评论

微信小程序倒计时功能实例代码

本实例的主要功能是：单击按钮弹出一个半透明的弹出层，在规定的时间后才能激活关闭按钮，关闭弹出层。wxml部分<view class="wrap"><view class="btns"><button formType="submit...

2020-05-27

62浏览

0评论

微信小程序自定义组件之可清除的input组件

最近正在做的一个小程序项目中需要用到一个可清除的输入框控件，为了在项目中使用方便以及方便其他项目直接使用，便封装了一个可清除的input自定义组件。组件需要达到的需求是：...

2020-05-27

56浏览

0评论

详解如何从零开始搭建Express+Vue开发环境

准备工作
1. 为前端选择合适的预处理工具和资源管理工具
预处理工具又分为 js 预处理工具和 css 预处理工具。Javascript 一直以来最为人诟病的一点就是缺乏原生的模块机制，...

2020-05-27

69浏览

0评论

打通前后端构建一个Vue+Express的开发环境

前端做多了，自然就会想往后端伸手。更何况现在有了Node和Express，让前端做后端开发的学习降低了不少。最近正好揽下了一个 Vue + Express + mysql 的小项目。项目开始时是前后...

2020-05-27

104浏览

0评论

vue实现未登录跳转到登录页面的方法

环境：vue 2.9.3; webpack;vue-router目的：实现未登录跳转例子：直接在url地址栏输入...../home,但是这个页面要求需要登陆之后才能进入,判断的值就通过登陆之后给本地缓存存入的...

2020-05-27

106浏览

0评论

webstrom Debug 调试vue项目的方法步骤

第一种，使用vue插件1、下载插件：https://www.freexyz.cn/softs/588080.html这样直接run一个vue项目，你就会看见插件标亮了打开调试模式，你就会看见最后有个vue标记，打开能看见当前v...

2020-05-27

105浏览

0评论

详解.vue文件中style标签的几个标识符

.vue文件中style标签的几个标识符在人生就要绝望的时候, 被编辑器所提示的一个scopedSlots所拯救.
卧槽, 写到最后才发现这个属性的具体卵用. 详情见最后解决办法.问题背景...

2020-05-27

65浏览

0评论

使用svg实现动态时钟效果

一个使用svg做的动态时钟，供大家参考，具体内容如下怎么样很酷吧，以下是源码：<!DOCTYPE html><html> <title>SVG clock</title> <meta http-equiv="content-type" content=...

2020-05-27

62浏览

0评论

vue脚手架搭建项目的兼容性配置详解

使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。
首先安装babel-polyfill，解决ie不支持promise对象的问题npm install --save-dev babel-p...

2020-05-27

热门文章