
前端
__仰望
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Ant Design表单复杂控件双层Form.Item 嵌套时,标签展示星号(*)方式
并不生效,解放办法可以用CSS 自己写一个星号加在它的类型上就可以了。原创 2022-10-26 17:43:36 · 1447 阅读 · 0 评论 -
moment 获取常用时间范围(本月、上月、本季度、本周、昨天、距离截止时间剩余...等)
moment 获取常用时间范围(本月、上月、本季度、本周、昨天、距离截止时间剩余...等)原创 2022-10-18 11:24:12 · 3396 阅读 · 0 评论 -
yarn 安装依赖,控制太提示 error Command failed. Exit code: 1
我是从新删除了yarn再从新安装的还是不行。原创 2022-09-22 10:20:22 · 6062 阅读 · 0 评论 -
Vite 创建项目之后,配置 alias 别名,找不到模块 “path“ 或其相对应的类型声
安装 包就可以了npmyarnpnpm原创 2022-07-10 17:35:20 · 1141 阅读 · 0 评论 -
使用 antd Table 组件提示错误- Each child in a list should have a unique “key“ prop
react 中使用 antd 中的 <Table/> 组件会提示 Each child in a list should have a unique “key“ prop解决办法增加rowKey属性,并返回一个唯一的 key。原创 2022-02-19 17:17:58 · 1709 阅读 · 0 评论 -
mac 生成ssh key,并添加到 github 中
进入你的终端输入下面命令第一步:$ cd ~/.ssh第二步;$ ssh-keygen -t rsa -C "xxx@xxx.com" #邮箱填你的github的邮箱一路 enter生成成功后第三步:$ cat id_rsa.pub复制下来;去到 github => settings => ssh => 添加上你的 shh key 即可。...原创 2022-02-17 21:25:36 · 805 阅读 · 0 评论 -
安装lint-staged 报错:Cannot add lint-staged: only eslint, stylelint, prettier...
错误背景:在使用 prettier 格式化插件,我们希望提交代码时,借助 prettier 可以自动格式化所以需要安装:$ npx mrm lint-staged不过安装过程中出现了错误Cannot add lint-staged: only eslint, stylelint, prettier or custom rules are supported.解决办法:prettier是没放在devDependency里面可以执行 $ yarn remove prettier &&a原创 2022-02-13 23:28:40 · 1651 阅读 · 0 评论 -
CSS 使用 flex 布局时省略号不显示
代码示例:.flex { display: flex;}.flex-img { width: 200px; height: 200px;}.flex-text { min-widht: 0; // 关键点 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }<div className="flex"> <img className="flex-img" src="" alt=""原创 2022-01-07 18:19:17 · 1578 阅读 · 0 评论 -
node.js连接mysql8.0数据库报错 “ER_NOT_SUPPORTED_AUTH_MODE“解决办法
报错如下:cmd管理员方式进入数据库bin目录:cd C:\mysql\mysql-8.0.26-winx64\bin运行命令:mysql -u root -p解决方法是从新修改用户root的密码,并指定mysql模块能够支持的加密方式:# 123456为你的数据库密码mysql> ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '123456'; 成功之后,再次 npm run原创 2021-08-23 11:35:42 · 425 阅读 · 0 评论 -
Vant Uploader 组件图片拍照上传之后,图片发生90°旋转问题
Vant 官方给出的解答需要自己解决,没有处理。解决办法主要使用了 compressorjs 插件库自己的例子大家参考:<van-uploader max-count="1" v-model="othersCardPositive" :before-read="uploadOthersCardPositive" accept="image/*" multiple /> const uploadOthersCardPositive = (file) =原创 2021-07-30 18:31:04 · 1725 阅读 · 0 评论 -
Type ‘null‘ is not assignable to type ‘HTMLCanvasElement(HTMLElement)‘.Vetur(2345)
有三种解决办法第一种:禁用 strict 模式修改tsconfig.ts文件,"strict": true, ---> "strict": false,第二种:严格模式下添加判断let eleCanvas: HTMLCanvasElement;const contentCavans = document.getElementById("content");if(contentCavans) { eleCanvas = contentCavans}第三种:类型断言原创 2021-07-28 16:04:42 · 1296 阅读 · 0 评论 -
Cannot find module, Veteur 2307 #1677
需要在 tsconfig.json 文件中配置:{ "compilerOptions": { ... "baseUrl": ".", "paths": { "@/*": ["src/*"] } }, ...}原创 2021-07-28 15:48:50 · 133 阅读 · 0 评论 -
解决better-scroll横向滚动无效果问题
官方建议,给父元素添加固定宽度才可以滚动,第一种方案获取每一个元素的宽度,ele.offsetWidth,并累加起来,最后给父元素添加 ele.style.width = '累计的宽度'第二种方案建议直接使用这一种方案,可以不需要计算各个子元素的所占的宽度父元素: display: inline-block; white-space: nowrap; 子元素: display: inline-block;直接可以滚动了~。...原创 2021-07-21 21:37:40 · 507 阅读 · 0 评论 -
点击tabs改为选中状态添加css样式边框抖动问题
默认给元素设置一个border透明的边框就可以成功解决抖动问题border: 1px solid transparent;选中状态添加边框.active-color{ border: .01rem solid #00c6b8;}原创 2021-07-08 16:42:43 · 804 阅读 · 0 评论 -
移动端遮罩打开,禁止滑动穿透问题解决
禁止滑动穿透一般开始我们都会想到,当弹窗触发时,给body元素,添加css属性// css 部分modal_open { position: fixed; height: 100%;}// js 部分document.body.classList.add('modal_open');document.body.classList.remove('modal_open');虽然说上面这个方法轻松的解决了滚动穿透问题,却也遗留着其他问题。当内容超过100%,可以发生滚动,原创 2021-04-22 11:24:32 · 765 阅读 · 0 评论 -
markdown如何输出项目目录结构
比如生成这样的文件树:├── publish/└── src/ ├── assets/ // 静态资源目录 ├── common/ // 通用类库目录 ├── components/ // 公共组件目录 ├── router/ // 路由配置目录 ├── store/ // 状态管理原创 2021-04-20 15:18:22 · 3339 阅读 · 0 评论 -
解决 Iphone 点击input框页面聚焦被放大
修改meta 标签,添加属性minimum-scale、maximum-scale<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />原创 2021-02-04 15:00:02 · 978 阅读 · 1 评论 -
vue3.0安装编译sass
安装 style-resources-laoadervue add style-resources-loader安装sass-loader node-sassnpm install sass-loader node-sass -S原创 2021-01-05 18:41:15 · 635 阅读 · 1 评论 -
Vue二维码生成
这里使用 vue-qr,npm install vue-qr -S使用的位置导入import vueQr from ‘vue-qr’components注册components: {vueQr},使用<vue-qr :logoSrc="code_logo" :text="item.qrCodeText"></vue-qr>logoSrc属性二维码中间的logo可要可不要,text的值则是后台拿到的其他设置样式宽高可以对应设置就行。.原创 2020-12-29 11:26:22 · 178 阅读 · 0 评论 -
internal/modules/cjs/loader.js:584 issue
解决方案:第一步npm install然后再npm init就可以目录下生成初始化package.json文件了快去试试吧!原创 2020-07-31 22:44:42 · 1209 阅读 · 0 评论 -
uni-app微信小程序分享,点击跳转到分享详情页
onShareAppMessage() { return { title:this.paper.book_name, //分享标题名称 path: `/pages/paper/paper?book_id=${this.paper.book_id}`,//根据id跳转相应内容详情页中,数据更据id请求得到的话,必须添加参数 imageUrl:this.paper.image_url,// 分享封面图片 success(res){ // 分享成功回调 this.$uniApi.showT原创 2020-06-11 13:04:24 · 7120 阅读 · 0 评论 -
JS实现比如中奖名单无限滑动展示样列
htmlJS:window.onload = roll(50);function roll(t) { var ul1 = document.getElementById("comment1"); var ul2 = document.getElementById("comment2"); var ulbox = document.getElementById("review_box"); ul2.innerHTML = ul1.innerHTML; ulbo.原创 2020-05-15 11:05:05 · 1819 阅读 · 0 评论 -
CSS去除a标签在移动端点击时的背景颜色
.a { text-decoration: none; color: #fff; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }二、使用图片作为a标签的点击按钮时,当触发touchstart的.原创 2020-05-15 09:14:52 · 1016 阅读 · 0 评论 -
js电话正则表达式封装。(通用)
function isPoneAvailable(poneInput) { var myreg = /^[1][1,3,2,4,5,7,8,9][0-9]{9}$/; if (!myreg.test(poneInput)) { return false; } else { return true; }}原创 2019-02-27 09:31:31 · 597 阅读 · 0 评论 -
将数组扁平化并去除其中重复数据,最终得到一个升序且不重复的数组#8
第一 console.log([...new Set(arr.flat(Infinity))].sort((a, b) => { return a - b })) 第二 var abb = arr.toString().split(',').sort((a, b)...原创 2020-04-29 15:35:10 · 315 阅读 · 0 评论 -
canvas/konva库绘制进度条使用konva动画库
<script src="https://cdn.bootcss.com/konva/4.2.0/konva.js"></script> <div id="container"> </div> <script> //创建舞台 var stage = new Konva.Stage...原创 2020-03-30 16:54:27 · 1237 阅读 · 0 评论 -
canvas/konva库绘制一个矩形
<script src="https://cdn.bootcss.com/konva/4.2.0/konva.js"></script> <div id="container"> </div> <script> // 第一步 创建一个舞台 var stage = new Konva...原创 2020-03-30 16:51:21 · 407 阅读 · 0 评论 -
canvas绘制饼状图形
canvs标签创建<canvas id="item-canvas" width="600" height="600"></canvas>canvas使用部分 <script> var data = [{ value: 2, color: '#ccc', titl...原创 2020-03-30 16:35:00 · 331 阅读 · 0 评论 -
Jquery与Vue的区别及Vue与Rect的区别
简单的可以使用一个todo-list案列来解释首先我们使用jquery实现一个todo-list下面是使用vue实现一个todo-list接下来我们介绍二者使用区别1.数据与视图的分离2.以数据驱动视图说一下第一点我们使用jq实现todo-list,视图为html部分,html部分中只有一个ul容器标签,li标签并不存在,再看看js代码,看到在js层面添加li标签,所以不仅有数据...原创 2020-03-12 15:28:16 · 1410 阅读 · 0 评论 -
http协议类中的"持久连接"与"管线化"
持久连接HTTP协议采用“请求-应答”模式,当使用普通模式,即非Keep-Alive模式时,每个请求/应答客户和服务器都要新建一个连接,完成之后立即断开连接(HTTP协议为 无连接的协议)当使用Keep-Alive模式(又称持久连接、连接重用)时,Keep-Alive 功能使客户端到服务器端的连接持续有效,当出现对服务器的后继请求时,Keep-Alive 功能避免了建立或者重新建立连接管...原创 2020-03-07 16:45:57 · 664 阅读 · 0 评论 -
GET和POST请求方法的区别
●GET在浏览器回退时是无害的,而POST会再次提交请求 ●GET产生的URL地址可以被收藏,而POST不可以 ●GET请求会被浏览器主动缓存,而POST不会,除非手动设置 ●GET请求只能进行ur|编码,而POST支 持多种编码方式 ●GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留 ●GET请求在URL中传送的...原创 2020-03-07 16:27:17 · 194 阅读 · 1 评论 -
CSS盒子模型——标准模型和IE模型的区别,如何设置标准模型、IE模型
先说他们的区别:两者的区别在于content的不同,IE盒模型的content包括border、padding先看IE模型下图IE模型content的宽度与高度是content=content+paddding+border 得到最终content的宽度再看标准模型IE模型content的宽度与高度是content=content 得到最终content的宽度,不包过设置元素的bor...原创 2020-03-06 16:01:23 · 4268 阅读 · 0 评论 -
[vuex] mutations should be function but "mutations.default" is {}. 解决办法
问题触发import * as mutations from './mutations'解决办法改为下面即可import mutations from './mutations'原创 2020-03-05 00:02:51 · 1756 阅读 · 0 评论 -
前台性能优化策略
从哪方面入手···加载页面和静态资源···页面渲染加载资源优化···静态资源的压缩合并···静态资源缓存···使用CDN资源加载更快资源合并列如:// 将可以合并的文件,合并为一个js文件进行加载<script src="./a-util.js"></script><script src="./b-util.js"></script&g...原创 2020-03-04 18:14:46 · 417 阅读 · 0 评论 -
Vue中computed和methods的区别
我们简单的用个案列来解释computed和methods的区别吧我们先看methods中定义的方法显示这里我们定义一个first方法,输出调用4次在页面中并console.log(this.method)可以看到也调用并且打印了四次下面是使用computed同样将data中的数据放入页面中 <div id="app"> <p>{{two}}&...原创 2020-02-24 21:54:21 · 551 阅读 · 0 评论 -
javascript实现一个节流函数
export function debounce(func, delay) { let timer return function (...args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { func.apply(this, args) }...原创 2020-02-18 20:05:28 · 483 阅读 · 0 评论 -
javascript如何打乱一个数组元素位置,返回一个新的无序数组
function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min + 1) + min)}export function shuffle(arr) { let _arr = arr.slice() for (let i = 0; i < _arr.length; i++) { ...原创 2020-02-17 16:24:12 · 307 阅读 · 0 评论 -
vue路由如何设置项目进入的默认初始页面
export default new Router({ routes: [ { path: '/', redirect: '/recommend' }, ]})原创 2020-02-14 16:22:32 · 7921 阅读 · 0 评论 -
使用js网址url拼接
function param(data) { let url = '' for (var k in data) { let value = data[k] !== undefined ? data[k] : '' url += `&${value}=${encodeURIComponent(value)}` } return url ? url.substr...原创 2020-02-14 15:57:16 · 1202 阅读 · 0 评论 -
微信小程序跑马灯制作
.wxml文件 <view class="example"> <view class="marquee_box"> <view class="marquee_text" style="{{orientation}}:{{marqueeDistance2}}px;font-size: {{size}}px;"> <te...原创 2020-01-19 19:20:57 · 312 阅读 · 0 评论