- 博客(22)
- 收藏
- 关注
RSS订阅原创 几行代码实现跑马灯-电子横幅效果
之前看别人文章想实现横向滚动轮播文字, 像商铺门口的电子横幅一样。写一堆js方法，看起来非常的傻，又消耗性能。之家几行css实现不好吗？ <div class="headerContent"> <h1 class="content">哈哈哈哈哈哈</h1> </div>css.headerContent { position: relative; width: 100%;
2021-12-08 11:36:30
710
原创 vue-cli3使用 lib-flexible 和 px2rem-loader 页面自适应
依赖npm i lib-flexible postcss-px2rem --save然后再main.js中import 'lib-flexible'由于flexible会动态给页面header中添加标签，所以务必请把目录 public/index.html 中的这个meta name=“viewport” 标签删除或注释！！！配置postcss-px2rem创建vue.config.js,再文件中写 css: { loaderOptions: {
2021-12-08 10:39:51
415
原创 解决vscode下载很慢的问题
打开vscode官网，https://code.visualstudio.com;点击下载稳定版;这里我的电脑是win10版本**下载时可以去谷歌的下载内容里面，看到正在下载的vscode，然后点击上面的链接，会发生跳转**然后在谷歌浏览器上的地址上会发现这个链接，这个时候直接复制 vscode.cdn.azure.cn 替换地址上面的会发现速度起飞，这里用vscode.cdn.azure.cn 是采用的国内镜像，直接起飞...
2021-07-30 10:37:18
1455
1
原创 C/C++关于VScode报错“终端将被任务重用，按任意键关闭”的解决方案
这其实不是一种报错，有这个提示的原因是本地端口是被共享的，所以必须关闭一个进程才能执行另一个，只需要对 tasks.json文件做一些修改即可。报错时候此时的tasks.json为：{ "version": "2.0.0", "command": "g++", "args": ["-g","${file}","-o","${fileDirname}/${fileBasenameNoExtension}.exe"], // 编译命令参数 "problemMatche
2021-07-29 15:04:55
4376
原创 VScode使用C语言控制台中文乱码解决
这里写自定义目录标题注意注意建议先更改中文格式再使用，否则使用之后更改中文会有乱码现象本文章是修改成功后的，和刚刚安装的可能不一样。注意一下！！！注意看好右下角的格式（先点击它）选择第一个再选择中文格式就完了（蓝色选的）。。。输出效果~~~~~~...
2021-07-27 21:16:01
365
原创 input 输入框禁止自动填充密码，适用于各种浏览器
前言：我们在input 里面输入账号密码，浏览器会把它缓存起来，在页面中会把不必要的信息给反显var passwordValue = ''; //定义一个空变量用来存储密码$(function(){ $('#password').on('input', function(){ var value=$(this).val(); if(value.length > passwordValue.length){ passwordValue += value.substr(passwordVa
2021-07-23 11:37:02
1270
原创 vue @scroll 监听滚动事件，让你一看就明白
百度了一些这类的文章，写的不是特别容易理解，打算自己写一篇笔记。做首页按需加载的时候 滚动条滚动到底部之后加载或者一个移动端出现一个弹框滑动到底部触发事件
2021-07-23 10:43:21
10279
原创 兄弟选择器(+ 和 ~)
1. + 选择器如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。比如：<style type="text/css"> h1 + p { margin-top:50px; color:red; }</style><body><p>This is paragraph.</p><h1>This is a heading.</h1&g
2021-07-22 18:52:58
2955
原创 原生js实现一个带瀑布流的穿梭框
原生js实现一个带瀑布流的穿梭框html部分css代码块js逻辑代码块介绍：点击左边变色，并且把点击的数据穿梭到右边，二次点击左边可以取消，并且右边的数据也会消失。点击右边可以移除数据，并且左边的数据背景颜色也会变回正常。html部分<template> <div class="kehubox clear"> <div class="kehuname clear"> <h5>客户端名称</h5> <
2021-07-05 16:29:32
224
原创 给对象的样式赋值
给对象的样式赋值给对象的样式赋值给对象的样式赋值<div id="onScrollTop"></div>methods:{ //随便方法名 add(){ document.getElementById('onScrollTop').style.webkitTransform = 'translate() translateY(0px)'; }}注意:CSS里的- 属性在jJS里面 首字母不大写可以写成 translate(0px, 0px) tran
2021-06-09 13:52:26
86
原创 HTML的＜button＞ 标签的 disabled 属性
实例一个被禁用的按钮：<button type="button" disabled="disabled">Click Me!</button>定义和用法disabled 属性规定禁用按钮。被禁用的按钮既不可用，也不可点击。可以设置 disabled 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该按钮的使用。然后，可以使用 JavaScript 来清除 disabled 属性，以使文本区变为可用状态。语法<button disabled="valu
2020-08-11 14:11:27
3051
5
原创 移动端原生写Select选择器
主要是用于移动端的select选择器，然后结合了vee-validate表单校验的方法样式块 <div> <label>婚姻状况：</label> <el-select :class="{danger:errors.has('marriage')}" v-validate="required" name="marriage" v-m
2020-08-11 14:00:08
952
原创 移动端的展开和收起级联框
样式<div :class="{'content':true,'hideForm':contactShow}"> <p class="title">联系人信息<span @click="contactShow=!contactShow">{{contactShow?"展示":"收起"}}</span></p></div>点击事件可以改变hideForm的属性，后面的文字也可以通过三元的方式来改变展开..
2020-08-10 17:19:43
572
原创 ＜input＞ 标签的 readonly 属性
实例带有两个文本字段和一个提交按钮的 HTML 表单：<form action="form_action.asp" method="get"> Name:<input type="text" name="email" /> Country:<input type="text" name="country" value="China" readonly="readonly" /> <input type="submit" value="Submit"
2020-08-10 16:47:09
2983
原创 vee-validate 表单验证用法 主要用于移动端、ipad端使用
vee-validate 表单验证vee-validatevee-validate 一个轻量级的 vue表单验证插件。使用教程：1 安装：npm install vee-validate --save2 使用 中文提示(按照教程捣鼓了，不行，自己摸索的写法。)main.js 添加import Vue from 'vue'import VeeValidate, {Validator} from 'vee-validate';import zh from 'vee-validate/di
2020-08-10 15:07:46
374
原创 原生移动端input上传图片
这里写自定义目录标题原生上传图片acceptcapture浏览器兼容性原生上传图片<input type="file" accept="image/*" capture="camera" class="file" id="preImage1" @change="previewImage($event,'1')">accept1.在文件上传中使用 accept 属性，本例中的输入字段可以接受 GIF 和 JPEG 两种图像：如果不限制图像的格式，可以写为：accept=“imag
2020-08-10 14:34:04
668
原创 在终端输入npm run serve时出现npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] dev: 错误的
最近遇到了一个问题，废了我九牛二虎之力终于给他解决了，原因竟然是这个有的人用的是用的是mac,有的人用的是windows，所以苹果系统有时候为了兼容会安装一些依赖包（比如：fsevents），而有的人为了方便会改成自己ip地址便于自己开发，但往往这样不利于其他同事开发,所以：知识点：在vue项目中每安装一个依赖，都会存在package.json里，就算删了也可以直接install但是多人联合开发就不行，因为每个人会下好多其他的依赖，所以不能都存在这个里只选择项目必须要的去存，也就是install
2020-08-06 11:58:29
9596
原创 淘宝镜像nvm配置和文件配置
淘宝镜像配置：验证nvm是否安装成功：在cmd输入nvm version，有提示nvm版本信息，即安装 成功2.然后输入nvm root，查看到nvm的路径信息，我的是C:\Users\Administrator\AppData\Roaming\nvm，所以在资源管理器上打开这个路径，找到里面的settings.txt，并打开在文本的最后一行中加入这两行代码node_mirror: https://npm.taobao.org/mirrors/node/npm_mirror: ht
2020-08-05 11:57:10
947
原创 一分钟学会nvm安装与使用和卸载，用来管理node版本
这里写自定义目录标题1、nvm是什么2、下载3、安装4、安装/管理nodejs5、命令提示1、nvm是什么nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。下面列出下载、安装及使用方法。2、下载https://github.com/coreybutler/nvm-windows/releases添加链接描述nvm-noinstall.zip：绿色免安装版，但使用时需进行配置。nvm-setup.z
2020-08-05 11:23:42
10440
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人