解决vue初始化项目时,一直卡在Project description上的问题

最近初学vue,但是项目初始化就进行不下去了。 如上图所示,初始化项目时一直卡在项目描述上,直接回车无响应,文字也无法输入。 已定位出原因:vue版本不对!! 解决方法:将2.9.6的版本...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-01 23:35
  • 阅读 ( 557 )

vue项目初始化到登录login页面的示例

如下所示 export default new Router({ routes: [ { path: '/', redirect:'/login', }, { path: '/login', alias:'/accounts/login', name: '登录', comp...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-01 23:34
  • 阅读 ( 539 )

微信小程序 单选框 多选框样式修改

多选框 <checkbox-group> <label> <checkbox></checkbox> </label> </checkbox-group> checkbox .wx-checkbox-input { width: 34rpx...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-01 23:30
  • 阅读 ( 537 )

自定义微信小程序单选框宽高颜色等样式

之前写过关于多选框设置样式的办法,其实与单选框设置的方法一样,唯一不同的是,在css样式里,/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */的下面定义的css需要加上!imp...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-07-31 16:35
  • 阅读 ( 579 )

uniapp或原生微信小程序实现单选框(radio)

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

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

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

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

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

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

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

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

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

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

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

ES6与 CommonJS 模块化的区别

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

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

解决 使用VSCode环境进行开发,突然出现卡顿、打字显示缓慢,滚动、选择迟缓等问题

以前使用webstorm开发环境,没有遇到过此问题。 最近使用VScode进行开发,突然出现页面卡顿,严重影响正常工作;于是就开始琢磨是什么原因所致,同时在网上搜索了一些解决方法,总结如下: Q1...

  • 0
  • 0
  • admin
  • 发布于 2020-07-29 22:59
  • 阅读 ( 901 )

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
  • 阅读 ( 701 )

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

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

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

Swiper5的使用方法

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

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

CSS实现个性化滚动条

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

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

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
  • 阅读 ( 585 )

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

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

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

JavaScript高级程序设计 String类型(5.6.3)

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

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

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

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

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

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

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

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

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

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

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