vue项目初始化到登录login页面的示例
如下所示 export default new Router({ routes: [ { path: '/', redirect:'/login', }, { path: '/login', alias:'/accounts/login', name: '登录', comp...
- 0
- 0
- 粪斗
- 发布于 2020-08-01 23:34
- 阅读 ( 463 )
粪斗
微信小程序 单选框 多选框样式修改
多选框 <checkbox-group> <label> <checkbox></checkbox> </label> </checkbox-group> checkbox .wx-checkbox-input { width: 34rpx...
- 0
- 0
- 粪斗
- 发布于 2020-08-01 23:30
- 阅读 ( 467 )
自定义微信小程序单选框宽高颜色等样式
之前写过关于多选框设置样式的办法，其实与单选框设置的方法一样，唯一不同的是，在css样式里，/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */的下面定义的css需要加上!imp...
- 0
- 0
- 粪斗
- 发布于 2020-07-31 16:35
- 阅读 ( 499 )
uniapp或原生微信小程序实现单选框（radio）
这里给了两个案例，分别为原生微信和uniapp实现单选的语法，其实这两种语法差距不是太大，稍微改下就可以。 先看文档： 原生微信写法： <radio-group bindchange="radioChange">...
- 0
- 0
- 粪斗
- 发布于 2020-07-31 16:24
- 阅读 ( 568 )
vue或uniapp中this.$set()时的语法格式（写法）
this.$set()的主要功能是解决vue语法中改变数据时未驱动视图的改变，也就是实际数据被改变了，但我们看到的页面并没有变化，在此呢复现问题的代码我就不给你写了，这里主要讲this.$set()的用法...
- 0
- 0
- admin
- 发布于 2020-07-31 00:04
- 阅读 ( 1597 )
admin
uniapp小程序实现checkbox多选并解决清空选择不渲染页面的问题
微信小程序的checkbox清空功能主要用于提交接口后的操作，虽然提交接口后重新调用下列表的接口也可实现清空效果，但是还需要调用一次后台，并不完美，之前写了一篇，这篇文章主要是实现了checkb...
- 0
- 0
- 粪斗
- 发布于 2020-07-30 17:14
- 阅读 ( 746 )
动态组件 2种方式实现动态组件的切换
动态组件适用于在不同组件之间进行动态切换。我使用过2种方法来实现： （1）可以通过 Vue 的 <component> 元素加一个特殊的 is 特性来实现； （2）通过v-if来进行条件渲染，同样能实现...
- 0
- 0
- admin
- 发布于 2020-07-29 23:06
- 阅读 ( 502 )
ES6与 CommonJS 模块化的区别
ES6 模块与 CommonJS 模块存在以下差异： 1、CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用 CommonJS 模块输出的是值的拷贝，也就是说，一旦输出一个值，模块内部的变化就影...
- 0
- 0
- admin
- 发布于 2020-07-29 23:02
- 阅读 ( 543 )
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
- 阅读 ( 626 )
原生JS实现 改变当前被点击元素样式，其他元素保持原来样式
/* 为了不污染全局变量使用闭包 实现思路：直接清除全部div的class，然后只给当前被点击的div加上class*/ (function(){ var menu = document.getElementById('menu'); ...
- 0
- 0
- admin
- 发布于 2020-07-29 22:48
- 阅读 ( 653 )
Swiper5的使用方法
Swiper插件可用于PC端和移动端；是开源、免费、强大的触摸滑动插件。下面主要介绍其基本用法： 1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件（可以在官网下载、CDN或者...
- 0
- 0
- admin
- 发布于 2020-07-29 22:47
- 阅读 ( 872 )
CSS实现个性化滚动条
代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个性化滚动条</title> <style> div{...
- 0
- 0
- admin
- 发布于 2020-07-29 21:22
- 阅读 ( 502 )
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
- 阅读 ( 519 )
vue-router点击菜单栏同一个模块报错 Uncaught(in promise) NavigationDuplicated error .......
在做移动端底部导航时，鼠标双击各个选项会报如下错误，但是单击时不会出现任何问题。 出现这个bug的原因就是vue-router版本问题，vue-router 3.0版本以上的回调形式是promise api的形式，...
- 0
- 0
- admin
- 发布于 2020-07-29 21:13
- 阅读 ( 582 )
JavaScript高级程序设计 String类型（5.6.3）
String 类型提供了很多方法，用于辅助完成对ECMAScript 中字符串的解析和操作。 1、字符方法 1）charAt() 2）charCodeAt() 3）方括号+数字 <script> //charAt() 输出索...
- 0
- 0
- admin
- 发布于 2020-07-29 21:09
- 阅读 ( 460 )
Vue-cli搭建项目模拟后台接口数据（webpack-dev-conf.js文件配置）【本地代理】
起因：为了便于前端进行测试，有时需要进行本地代理； 本地代理与反向代理是冲突的，若要同时使用本地代理和反向代理，需要进行以下配置： 在build文件夹下的webpack-dev-conf.js文件中配...
- 0
- 0
- admin
- 发布于 2020-07-29 21:05
- 阅读 ( 444 )
uniapp开发微信小程序实现多选全选反选功能
以下是完整的dom实例，由断龙龙博客编写，使用uniapp的可以直接全部复制粘贴到空白页面运行小程序即可，解决uniapp开发微信小程序实现多选全选反选功能 代码: <template> <view c...
- 0
- 0
- 王凯
- 发布于 2020-07-29 18:04
- 阅读 ( 728 )
王凯
uni-app实现全选和取消全选
此方法使用 ColorUI 作为基础样式，所以复选框切换要改变相应的类才能正确展示。 <template><view><!-- 单个复选框 --><checkbox-group class="block" @change="checkb...
- 0
- 0
- 王凯
- 发布于 2020-07-29 17:25
- 阅读 ( 609 )
微信小程序checkbox多选框如何修改宽高及选中样式
微信小程序checkbox多选框如何修改宽高及选中样式呢，我看到网上有很多教程都是使用的transform: scale(0.6,0.6);缩放或放大，虽然实现了放大缩小，但并不能适配不同的屏幕，其实是有css可以控...
- 0
- 0
- 王凯
- 发布于 2020-07-29 13:58
- 阅读 ( 652 )
微信小程序checkbox多选框如何全选反选
讲一下微信小程序checkbox多选框如何实现全选反选与反选功能。 wxml文件 <view class="tr"> <view class="th"> <checkbox bindtap="selectall" />全选 &l...
- 0
- 0
- 王凯
- 发布于 2020-07-29 13:48
- 阅读 ( 627 )
