- 博客(24)
- 收藏
- 关注
原创 css实现pop和腰峰
实现如下的样式:```css腰峰:width: 103px; height: 56px; background-image: linear-gradient(to right,#FFEEBA, #FEE8A3); clip-path: polygon(10% 0, 100% 0%, 100% 100%, 10% 100%, 0 50%);pop:<!DOCTYPE html><html lang="en"><head> <
2021-04-07 20:31:18
551
原创 mac 使用code命令打开VSCode
如果我们想用vs-code打开文件夹,用的命令是 code .在vscode 中输入 command + shfit+p之后输入shell command ;点击添加;之后就好了
2021-02-22 10:49:57
216
原创 vue3.0(持续更新中)
预备知识:vue3亮点1.性能比vue2.x快;2.按需编译,体积变小;3.组合api 类似与react hooks;4.更好的ts支持5.暴露了自定义渲染api6.更先进的组件;vue是如何变快的?1.diff算法优化;vue 2.x 采用的diff算法是,全量对比;vue 3 采用diff算法是,只对比待有静态标志符的;2.静态提升vue2.x不论元素是否参与更新,每次重新创建,然后再渲染;vue3中对于不参与更新的元素,会做静态提升,只会被创建一次,在渲染时直接复用即可;
2021-02-19 14:02:50
282
原创 商品管理列表页优化 实现全屏效果
日常需求:https://xiaolv.qima-inc.com/#/demand/search?show=true&ids=37128商品管理页 实现全屏通过使用js 的api : element.requestFullScreen()退出全屏:element.exitFullscreen()但是在实现过程中会有层级问题;2.通过操纵dom 的隐藏和显示实现虚拟的全屏export default class OperatorWrapper extends Component<
2021-02-02 16:13:37
188
1
原创 获取具体的时间---》时间戳的妙用
let date = new Date(1604404551080);date.toLocaleString()"2020/11/3 下午7:55:51"
2020-11-03 20:05:21
216
原创 vue中后台实现退出功能
window.sessionStorage.clear()// 跳转到登录页this.$router.push(’/login’)
2020-09-11 09:24:49
418
原创 Vuex持久化插件(vuex-persistedstate)-解决刷新数据消失的问题
1.安装npm install vuex-persistedstate --save2.在store中的index.js进行配置import createPersistedState from "vuex-persistedstate"const store = new Vuex.Store({ // ... plugins: [createPersistedState()]})3.指定需要持久化的stateimport createPersistedState from "vuex
2020-09-07 11:01:06
279
原创 vue中的路由守卫
const router = new Router({mode: ‘hash’,routes});router.beforeEach((to, from, next) => {if (to.fullPath === “/login”){next()} else {let token = sessionStorage.getItem(‘token’)if (token) {next()} else {next({ path: ‘/login’ })}}})router.a
2020-09-07 09:50:18
73
原创 vue中时间 星期的封装
Vue.prototype.dateTimeWeekday = function(){let time,date = new Date();let y = date.getFullYear(),mon = date.getMonth()+1,d = date.getDate(),h = date.getHours(),min = date.getMinutes(),sec = date.getSeconds(),weekday = [];mon = mon<10?(‘0’+mon)
2020-09-03 10:36:45
243
原创 antd of vue 日历改为中文
1.<a-range-picker:placeholder="[‘开始日期’, ‘结束日期’]":defaultValue=“dialogData.beforeTime=null||dialogData.afterTime=null?null:[moment(dialogData.beforTime), moment(dialogData.afterTime)]”@change=“onChangeDate”>2.import zh_CN from ‘ant-design-vu
2020-09-02 13:55:16
1394
原创 后台管理项目实现下载功能(后端返回文件流)
api.bathExportEcologicalById(this.obj).then(res => {let blob = resconst reader = new FileReader()reader.readerAsDataURL(blob) // 转换为base64reader.onload = e => {// 装换完成, 创建一个a标签用于下载let a = document.createElement(‘a’)a.style.display = ‘none’a.d
2020-08-24 09:30:37
550
原创 vue移动端绑定click事件失效问题
原因是使用了better-scroll,它会阻止touch事件。所以在配置中需要加上click: true例: this.scroll = new BScroll(this.$refs.search,{click:true})
2020-05-16 14:14:50
678
原创 vue-cli@3.5.5中使用better-scroll@2.x中解决初始化不能滚动
better-scroll这个插件的使用,刚开始接触时,会采好多的坑,解决初始化不能滚动的方案: mounted () { setTimeout(() => {this.scroll = new BScroll(this.$refs.wrapper)},300) //使用setTimeout函数初始化,解决初始化不能滚动的bug; }使用这个超时器函数进行解决可以作为一中方案;btter-scroll的中文文档连接:文档连接
2020-05-15 23:43:18
319
原创 vue-cli中使用element-ui暴露全部变量时候使用et-i报错的解决方法
在vue-cli中使用element-ui时候,使用CLI主题工具自定义主题时候,按照文档执行的时候,想要全部暴露scss变量的时候 执行et -i 命令的时候,报错:解决方法:cnpm i element-themex -g之后再执行:et -i 就可以全部暴露变量...
2020-05-11 07:46:31
2466
1
原创 es6中的数据结构map怎么转换成json对象?
map转换成json:–map先转换成object结构;–object再转换成json对象;```javascriptvar m=new Map([ ["name","tom"],["age","19"],["sex","男"]]);//var obj=new Object();var obj={};for(let [key,value] of m){ obj[key]=valu...
2020-04-23 08:28:16
516
原创 使用$.getJSON获取返回对象中的responseJSON
在做项目的时候,曾经遇到一个问题就是:使用$.getJSON获取数据的时候,在控制台打印的时候,能够看到数据中的responseJSON,但是获取不到这个数据,后来经过思考,明白原来是异步的原因,我们在控制台能够立即看到responseJONS数据是不错,但是这个数据的获取是异步获取,需要一定的时间,所以有了上篇提到的 $.getJSON的使用方法,很多初学者可能会忽视这个异步的问题(即使经常在脑...
2020-04-06 10:07:06
1913
原创 $.getJSON的常用使用方法
jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据,它使用的是GET HTTP请求。常用的使用方法有以下两种:第一种: $.getJSON( url [, data ] ,[ function(data){} ] )url是必选参数,表示json数据的地址;data是可选参数,用于请求数据时发送数据参数;function(){}是可参数,这是一个回调...
2020-04-06 08:53:57
5381
原创 internal/modules/cjs/loader.js:800 throw err;的错误解决
internal/modules/cjs/loader.js:800 throw err;解决:npm install 重新下载一下module;尽量使用 npm install 而不用cnpm install
2020-04-03 14:11:00
6886
原创 关于throw er; // Unhandled 'error' event的解决
我在在使用recat构建项目的时候,在使用webpack进行内存打包的时候,有时候会出现:throw er; // Unhandled ‘error’ event这样的错误;[外链图片转存失败,源站可能有防盗在这里插入!链机制,建描述]议将图片上https://传(imbg.csdnimg.cn/20200402202YqUoV551180.png6(https://imgblog.csdnim...
2020-04-02 20:28:26
3828
原创 [copy-webpack-plugin] unable to locate的错误解决
Failed to compile.[copy-webpack-plugin] unable to locate ‘C:\Users\xxx\Desktop\备份\ajaxsrc/json’ at ‘C:\Users\xxx\Desktop\备份\ajaxsrc/json’出现这样的错误的时候,原因可能是:在配置这个copy-webpack-plugin的这个插件的时候,目录的写的不正确; p...
2020-03-23 13:42:04
8226
1
原创 解决nternal/modules/cjs/loader.js:800错误
解决方法:1.删除node_modules 文件夹2.重新运行:cnpm install即可
2020-03-16 11:51:25
1304
转载 package.json与package-lock.json的区别和联系
package.json文件记录你项目中所需要的所有模块。当你执行npm install的时候,node会先从package.json文件中读取所有dependencies信息,然后根据dependencies中的信息与node_modules中的模块进行对比,没有的直接下载,已有的检查更新(最新版本的nodejs不会更新,因为有package-lock.json文件,下面再说)。另外,packa...
2020-03-16 11:41:52
240
1
原创 sublime text3编辑器 中文文件名出现框框的问题解决
我们知道 sublime text是一款非常方便好用的编辑器,但是编译为中文的时候后,有时候中文文件名会变成方框框,下面给出我的解决方法,希望可以帮助大家:1.中文文件名出现框框的情况,是因为系统默认的dpi值不合适导致的,下面说明下如何设置dpi_scale,选择首选项(Preferences)菜单;2.选择设置-用户(Settings-User)选项,这个是用户级设置;3.打开设置文件之...
2020-03-07 13:37:02
377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人