- 博客(24)
- 收藏
- 关注
RSS订阅原创 使用钉钉开发者工具运行uniapp项目
第一步：将文件导入Hbuidler编辑器中在package.json 文件中添加 "uni-app": { "scripts": { "mp-dingtalk": { "title": "钉钉小程序", "env": { "UNI_PLATFORM": "mp-alipay" }, "define": { "MP-DINGTALK": true } }
2022-04-15 17:56:36
1728
原创 vue 网页点击置顶图标缓慢置顶
利用js实现网页置顶缓动效果子组件父组件子组件<template> <div class="content_container_top" v-show="toTopShow"> <div @mouseenter="ico = false" @mouseleave="ico = true" @click="scrollToTop" title="返回置顶" > <span class=
2022-04-12 11:44:03
1374
2
原创 angular学习（一）
常用指令记录1.创建项目，运行项目ng new my-projectcd my-projectng serve2.安装组件ng add ng-zorro-antd //安装antdng add --help //查看 add 下指令3.更新ng update --help //查看update 下指令ng update --all //更新所有ng update @angular/core //单独更新@angular/core组件4基于某个原理图生成和/或修改文件ng ge
2021-11-16 15:20:33
345
原创 Ts学习基础使用（一）
1.安装typescriptnpm install -g typescript//全局安装 typescripttsc -v //查看安装成功版本tsc 自己创建的ts文件名称 //单独编译自己创建的ts转为js2.TS的基础类型boolean、string、number、array、null、undefined、objecttuple、enum（枚举）、void、never、any（1）声明numberlet num: number = 1let num1: number（2）声
2021-11-13 16:36:03
491
原创 angular基础创建组件报错Is it missing an @NgModule annotation
报错信息Error: src/app/test/test.component.ts:8:14 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class.Is it missing an @NgModule annotation?报错代码原因：app.module.ts 文件中testcomponent引入错误，应该引入testmodul
2021-11-12 10:45:36
2546
原创 uniapp h5上传头像并压缩图片
在移动端浏览器中，拍照上传头像，现在的手机拍照后的图片都比较大，所以上传前需要压缩一下在上传，我使用的是uniapp ，uniapp的api中提供了uni.chooseImage 方法，其中 sizeType属性中有original（原文件）, compressed（压缩后的文件），但是在h5中使用compressed并没有压缩文件，百度过后有了解决办法代码如下(ios)<view class="dj-signResult-img-icon" @click="handleUpload"> &
2021-07-09 08:37:50
661
原创 uniapp h5浏览器文件下载
h5项目中包含一些doc，pdf，jpe，png，压缩包文件，要求在移动端的个个浏览器中下载，但是发现微信浏览器以及钉钉内置浏览器都不能下载文件，点击后没有任何反应，百度后，发现微信浏览器会拦截h5页面的下载资源，钉钉不知道是啥原因，但是感觉跟微信内置浏览器一样，应该是被拦截了，一下文件下载只使用于手机浏览器<view @click="downFile(file)"></view>// 保存到本地并自动点击 saveAs(data, name) { var ur
2021-07-08 11:50:39
5099
14
原创 uniapp iOS键盘弹出,手机浏览器中h5页面整体上移问题
最近做了一个项目，要求在移动端的浏览器中打开我们的系统，进行数据操纵，使用uniapp+vue 为整体框架问题：登陆页面底部logo使用flexd 布局方式，在android打开么没有提，但是在iOS 10 中键盘弹出,手机浏览器中h5页面整体上移，百度了一下，可以看一下这篇文章https://www.jianshu.com/p/f5253b3ab100主要的原因是应为部分ios系统不支持window.resize...
2021-07-07 17:11:47
2552
原创 vue+element 实现动态table
在工作中可能会有些简单的表格重复开发，枯燥无味，大量的复制粘贴代码会是项目的代码越积越多，后期不利于维护，所以一些简单的表格可以分装成一个表格组件，利于开发复用。创建一个文件tableBox.vue <el-table :data="tableData" :id="id" row-class-name="rowClassName" :header-cell-style="{ 'bac
2021-06-03 18:43:41
1363
原创 Mac eslint --init安装报错
为了规范开发，安装eslintnpm install -g eslinteslint --init在eslint --init时会报错 command not found: eslint，由于我之前每次全局安装都要加sudo的最高权限才能安装，然后我就改变npm的默认路径，变成.npm-global，所以不能在使用eslint --init的方法初始化eslint。解决办法npm install -g eslint.npm-global/bin/eslint --init command //
2021-05-26 16:53:24
1767
原创 vue+element 使用el-input输入框自动聚焦问题
element中el-input有autofocus属性，但是这个能在第一次初始化的时候自动聚焦，解决办法：<div> <i v-if="!showSearch" @click="searchClick"></i> <el-input prefix-icon="el-icon-search" v-if="showSearch" clearable autofocus="true" placeholder="请输入关
2021-05-08 16:15:15
2383
原创 vue使用vue-simple-uploader，实现大文件断点续传
前言：之前的项目使用的上传是element的el-upload，后期项目上线后用户在使用时发现多人同时上传过大的文件，就上传不上去，后期我们为了解决这个问题，决定使用vue-simple-uploader实现断点续传。实现样式：安装//vue-simple-uploader安装：npm install vue-simple-uploader --save//md5工具安装：npm install spark-md5 --save// jquery安装：后面在md5里有使用npm i
2021-04-22 21:48:37
3488
24
原创 vue-style-loader运行报错
vue3.0运行报错，之前sass-loader版本是7.3.1，可能是因为版本号过低，导致报错解决办法卸载sass-loader现在版本npm uninstall sass-loader;安装指定版本npm install [email protected] --save-dev（我的这个版本是项目受限制，也可以不指定这个版本，安装最新版本）。...
2021-04-19 10:17:36
539
原创 MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 upgrade listeners added
vue脚手架3.0，nom run serve时报(node:783) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 upgrade listeners added to [Server]. Use emitter.setMaxListeners() to increase limit百度翻译一下(节点：783)MaxListenerExceedWarning:检测到可能的EventEmitter内
2021-04-19 10:08:21
14393
原创 自定义模版组建，利用vue的slot
前言：在做后台管理系统的时候，经常会有左右结构页面，还有都是列表的页面，左右结构的页面还可以进行拖拽，实现可视区域变大变小，这样我们就可以把这个框架写成组件，避免框架的样式重复写<template> <div class="T-m2OrgUser T-sys-manager"> <slot name="header"> <!-- 如果页面有面包屑可以写在这里，如果没有可以删除 --> </slot> &
2021-04-19 08:55:38
166
原创 vue自定义组件，上传私服通过npm安装
前言：之前公司要求，许多公共组建不重复开发，通过npm即可安装组建。第一步：登陆自己公司的私服地址1.先将npm映射的地址指向公司的私服地址切换镜像 npm config set registry http://XXX:XX/repository/npm-group/查看镜像npm config get registry2.登陆npm login registry= http://XXX:XX/repository/npm-hosted/账户名密码3.上传组件npm publish --r
2021-04-15 16:58:14
1441
原创 利用js实现无缝滚动
上一篇是用css实现的无缝滚动，这一篇是我之前使用的js定时器实现的，代码在面，拿去吧，这种方法不太适用实时请求数据的会有坑，使用后又问题的，可以给我纠正<template> <div> <div class="scroll-wrap" id="bs_scroll_content"> <div class="scroll-content" :style="{ transform: 'translate(0p
2021-04-15 16:57:17
1802
原创 利用css实现大屏新闻数据无缝滚动
前言：前段时间做大屏，需求要求实现新闻数据无缝滚动，数据数据是不固定的，而且每一分钟还要重新获取最新的新闻数据动态，之前是用定时器实现无缝滚动，但是性能不好，页面容易卡顿，然后突然想起来上大学的时候用css做过一个图片无缝滚动，灵机一动我就换了一个思路实现它。接下来上才艺????...
2021-04-15 15:19:23
1780
2
原创 vue3.0运行项目报start value has mixed support, consider using flex-start instead
今天npm run serve 项目文件，一直显示这个问题，看见就很烦这里的错误主要是编译过程中 错误的使用flex布局解决方案：在vue css 代码中看看是否使用了align-items: start;或者justify-conten:start将其改为align-items: flex-start;justify-conten: flex-start就行了...
2021-04-12 12:17:50
849
原创 移动端H5外部链接图片显示问题
移动端H5外部链接图片显示问题在做大屏H5时，有一个需求是，渲染pc端编写的富文本内容，其中内容是网上复制黏贴的新闻，包含一些https链接的地址，在使用v-html渲染时，图片无法显示。打开F12会发现图片403，百度后的解决办法就是在index文件中，head中添加一句即可，设置后图片就可以正常显示了，原理可以看这篇文章链接地址：https://www.jianshu.com/p/56df73d0d128；作者：ITgecko...
2021-04-08 17:48:37
773
原创 vue实现给当前元素添加样式，其他元素无样式
vue实现给当前元素添加样式，其他元素无样式今天做项目的时候遇到，给当前元素绑定样式，原来使用原生js写点亮盒子的时候都是利用for循环，循环元素列表，在利用this来绑定当前元素，给当前元素添加类名或类样式，当然在添加类样式前，还要将所有添加过的类样式移除掉，然而vue就没有这么麻烦，咱们直接上代码 -_-<template> <div class="content"...
2018-11-14 22:28:57
9163
1
原创 Vue项目搭建
Vue项目搭建先查看本地是否已经安装的node，还有vue，在全局下安装好node还有vue在实现一下操作。首先安装脚手架工具，npm install vue-cli -g 或者 cnpm i vue-cli -g （-g代表全局安装，我这里没有全局安装）初始化vue项目 vue init webpack 项目名称初始化项目后，切换到创建的文件夹中 cd hellowVue（...
2018-10-07 19:20:58
140
1
原创 将字符串中含有数字部分内容反转，并且不能使用例如.join()等内置对象
将字符串中含有数字部分内容反转，并且不能使用例如.join()等内置对象 例：var str= ‘qwerty 1sadfe qrqewb2 asdfgh abcdefg ads8fgh’；将该字符传化为‘ qwerty efdas1 2bweqrq asdfgh abcdefg hgf8sda’，不能使用内置对象 当我看到这个需求的时候我第一想到就是想把字符串转化成数组，在利用...
2018-09-14 10:28:45
1104
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人