前端
小福气_
这个作者很懒,什么都没留下…
展开
-
mpvue+vuex搭建小程序(报错解决方案)
# npm install -g vue-cli错误信息:npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issuenpm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) npm原创 2021-05-11 23:08:08 · 220 阅读 · 0 评论 -
vue 自定义弹窗
<template> <div v-show="isPromptBox" class="prompt-box-popup"> <div class="popup"> <div class="popup-title"> <span>{{ title }}</span> <span class="iconfont iconguanbi" @click="close">&l.原创 2020-08-28 17:29:37 · 1203 阅读 · 1 评论 -
导航随页面滚动
源码:<template> <div class="container"> <div class="container-block"> <div class="container-box contentBox1">一楼</div> <div class="container-box contentBox2">二楼</div> <div class="contain.原创 2020-06-11 17:26:12 · 374 阅读 · 0 评论 -
vue 单元测试
在 vscode 编辑器安装一个名为jest的插件安装依赖npm install jest vue-jest babel-jest @vue/test-utils -D编写 jest 配置文件// unit-testing-demo\test\unit\jest.conf.jsconst path = require('path')module.exports = { verbose: true, testURL: 'http://localhost/',...原创 2020-06-11 09:36:53 · 391 阅读 · 0 评论 -
flex水平垂直居中
html代码:<div class="father"><p>我要垂直居中</p></div>css代码:.father {display:flex;align-items: center; //交叉轴justify-content:center; //主线background:grey;height:100vh;}原创 2020-06-11 09:37:54 · 133 阅读 · 0 评论 -
css实现一段文字的两端分散对齐(兼容所有浏览器)
text-align-last:justify;text-align:justify;text-justify:distribute-all-lines; // 这行必加,兼容ie浏览器border: 1px solid red;width: 150px;原创 2020-06-11 09:38:47 · 459 阅读 · 0 评论 -
文本超出隐藏
超出隐藏 -单行text-overflow:ellipsis;/*让超出的用...实现*/white-space:nowrap;/*禁止换行*/overflow:hidden;/*超出的隐藏*/超出隐藏 -多行 overflow: hidden; text-overflow: ellipsis; display:-webkit-box; //作为弹性伸缩盒子模型显示。......原创 2020-06-11 09:39:05 · 147 阅读 · 0 评论 -
修改下载文件名称
varurl= url//利用a标签自定义下载文件名returnfetch(url).then((res)=>{res.blob().then((blob)=>{consturl=window.URL.createObjectURL(blob)consta=document.createElement('a')...原创 2020-06-11 09:39:25 · 1262 阅读 · 0 评论 -
文本域字数限制
onchange、onkeydown、onkeyup缺一不可<textareaplaceholder="请输入简介"id="textArea" class="tcp_content"maxlength="200" onchange="this.value=this.value.substring(0,200)"onkeydown="this.value=this.value...原创 2020-01-09 14:31:40 · 744 阅读 · 0 评论 -
React安装
1.先查看node与 npm版本node -vnpm -v2.安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org3.安装reactnpm install -g create-react-app4.创建项目(名称不能再包含大写字母)npx create-...原创 2020-01-06 16:12:52 · 109 阅读 · 0 评论 -
vue+element 页面 滚动隐藏select下拉框
封装的滚动事件//滚轮事件的监听于移除并返回当前滚轮滚动方向,取消监听执行scrollFunc第二个参数exportfunctionscrollEven(scrollFunc){//火狐浏览器//if(document.addEventListener){letisRemove=falsedocument.addEventLis...原创 2020-01-03 14:43:04 · 2427 阅读 · 0 评论 -
css 清空默认样式
*{margin:0;padding:0;}html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img, address, caption, cite, code, dfn, th, var{ margin:0; padding:0; border:none; displ...原创 2019-12-10 14:19:45 · 193 阅读 · 0 评论