web前端开发 - 文章 - 第14页

uniapp或原生微信小程序实现单选框（radio）

这里给了两个案例，分别为原生微信和uniapp实现单选的语法，其实这两种语法差距不是太大，稍微改下就可以。先看文档：原生微信写法： <radio-group bindchange="radioChange">...

0
0
粪斗
发布于 2020-07-31 16:24
阅读 ( 651 )

vue或uniapp中this.$set()时的语法格式（写法）

this.$set()的主要功能是解决vue语法中改变数据时未驱动视图的改变，也就是实际数据被改变了，但我们看到的页面并没有变化，在此呢复现问题的代码我就不给你写了，这里主要讲this.$set()的用法...

0
0
admin
发布于 2020-07-31 00:04
阅读 ( 1669 )

uniapp小程序实现checkbox多选并解决清空选择不渲染页面的问题

微信小程序的checkbox清空功能主要用于提交接口后的操作，虽然提交接口后重新调用下列表的接口也可实现清空效果，但是还需要调用一次后台，并不完美，之前写了一篇，这篇文章主要是实现了checkb...

0
0
粪斗
发布于 2020-07-30 17:14
阅读 ( 1025 )

动态组件 2种方式实现动态组件的切换

动态组件适用于在不同组件之间进行动态切换。我使用过2种方法来实现：（1）可以通过 Vue 的 <component> 元素加一个特殊的 is 特性来实现；（2）通过v-if来进行条件渲染，同样能实现...

0
0
admin
发布于 2020-07-29 23:06
阅读 ( 565 )

ES6与 CommonJS 模块化的区别

ES6 模块与 CommonJS 模块存在以下差异： 1、CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用 CommonJS 模块输出的是值的拷贝，也就是说，一旦输出一个值，模块内部的变化就影...

0
0
admin
发布于 2020-07-29 23:02
阅读 ( 607 )

Uncaught TypeError: (intermediate value) is not a function.

Uncaught TypeError: (intermediate value) is not a function. 出现这种bug的原因：在你的代码中，同时定义了变量、匿名函数或者闭包函数，并且该变量定义在了这两类函数之前，如果变量后...

0
0
admin
发布于 2020-07-29 22:50
阅读 ( 699 )

原生JS实现改变当前被点击元素样式，其他元素保持原来样式

/* 为了不污染全局变量使用闭包实现思路：直接清除全部div的class，然后只给当前被点击的div加上class*/ (function(){ var menu = document.getElementById('menu'); ...

0
0
admin
发布于 2020-07-29 22:48
阅读 ( 722 )

Swiper5的使用方法

Swiper插件可用于PC端和移动端；是开源、免费、强大的触摸滑动插件。下面主要介绍其基本用法： 1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件（可以在官网下载、CDN或者...

0
0
admin
发布于 2020-07-29 22:47
阅读 ( 941 )

CSS实现个性化滚动条

代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个性化滚动条</title> <style> div{...

0
0
admin
发布于 2020-07-29 21:22
阅读 ( 568 )

Less基本语法使用与 sass基本语法

LESS 1、注释 // 　　不会被编译/**/ 会被编译 2、变量 @bgColor:yellow; .border{ border:2px solid pink;}h1{ width:80%; height:60px; .border; color: #000; ...

0
0
admin
发布于 2020-07-29 21:18
阅读 ( 584 )

vue-router点击菜单栏同一个模块报错 Uncaught(in promise) NavigationDuplicated error .......

在做移动端底部导航时，鼠标双击各个选项会报如下错误，但是单击时不会出现任何问题。出现这个bug的原因就是vue-router版本问题，vue-router 3.0版本以上的回调形式是promise api的形式，...

0
0
admin
发布于 2020-07-29 21:13
阅读 ( 653 )

JavaScript高级程序设计 String类型（5.6.3）

String 类型提供了很多方法，用于辅助完成对ECMAScript 中字符串的解析和操作。 1、字符方法 1）charAt() 2）charCodeAt() 3）方括号+数字 <script> //charAt() 输出索...

0
0
admin
发布于 2020-07-29 21:09
阅读 ( 528 )

Vue-cli搭建项目模拟后台接口数据（webpack-dev-conf.js文件配置）【本地代理】

起因：为了便于前端进行测试，有时需要进行本地代理；本地代理与反向代理是冲突的，若要同时使用本地代理和反向代理，需要进行以下配置：在build文件夹下的webpack-dev-conf.js文件中配...

0
0
admin
发布于 2020-07-29 21:05
阅读 ( 514 )

uniapp开发微信小程序实现多选全选反选功能

以下是完整的dom实例，由断龙龙博客编写，使用uniapp的可以直接全部复制粘贴到空白页面运行小程序即可，解决uniapp开发微信小程序实现多选全选反选功能代码: <template> <view c...

0
0
王凯
发布于 2020-07-29 18:04
阅读 ( 817 )

uni-app实现全选和取消全选

此方法使用 ColorUI 作为基础样式，所以复选框切换要改变相应的类才能正确展示。 <template><view><checkbox-group class="block" @change="checkb...

0
0
王凯
发布于 2020-07-29 17:25
阅读 ( 691 )

微信小程序checkbox多选框如何修改宽高及选中样式

微信小程序checkbox多选框如何修改宽高及选中样式呢，我看到网上有很多教程都是使用的transform: scale(0.6,0.6);缩放或放大，虽然实现了放大缩小，但并不能适配不同的屏幕，其实是有css可以控...

0
0
王凯
发布于 2020-07-29 13:58
阅读 ( 748 )

微信小程序checkbox多选框如何全选反选

讲一下微信小程序checkbox多选框如何实现全选反选与反选功能。 wxml文件 <view class="tr"> <view class="th"> <checkbox bindtap="selectall" />全选 &l...

0
0
王凯
发布于 2020-07-29 13:48
阅读 ( 716 )

微信小程序获取复选框全选，反选选中的值

wxml文件 <view class="tr"> <view class="th"> <checkbox bindtap="selectall" />全选 </view> <view class="th">id</view>...

0
0
王凯
发布于 2020-07-29 13:44
阅读 ( 688 )

微信小程序checkbox多选框的写法

开发微信小程序时会发现H5的复选框失效了，原因是微信小程序自带复选框标签，虽然小程序与H5很多时候标签都是公用的，但也有部分区别，就比如现在的checkbox多选框问题，具体请看下面的代码。...

0
0
王凯
发布于 2020-07-29 13:38
阅读 ( 747 )

H5的多选框在微信小程序上不生效解决

没错，H5里的input在微信小程序里是不生效的，因为微信小程序有自己的多选或单选框标签，具体请看下面的代码。 CheckBox多项选择器 CheckBox多项选择器组件，也就是我们常说的复选框，用来进行...

0
0
王凯
发布于 2020-07-29 13:20
阅读 ( 788 )