- 博客(24)
- 收藏
- 关注
RSS订阅原创 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
541
原创 mac 使用code命令打开VSCode
如果我们想用vs-code打开文件夹,用的命令是 code .在vscode 中输入 command + shfit+p之后输入shell command ；点击添加；之后就好了
2021-02-22 10:49:57
205
原创 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
272
原创 商品管理列表页优化 实现全屏效果
日常需求：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
179
1
原创 获取具体的时间---》时间戳的妙用
let date = new Date(1604404551080);date.toLocaleString()"2020/11/3 下午7:55:51"
2020-11-03 20:05:21
209
原创 vue中后台实现退出功能
window.sessionStorage.clear()// 跳转到登录页this.$router.push(’/login’)
2020-09-11 09:24:49
417
原创 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
276
原创 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
67
原创 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
238
原创 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
1379
原创 后台管理项目实现下载功能(后端返回文件流)
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
547
原创 vue移动端绑定click事件失效问题
原因是使用了better-scroll，它会阻止touch事件。所以在配置中需要加上click: true例： this.scroll = new BScroll(this.$refs.search,{click:true})
2020-05-16 14:14:50
672
原创 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
313
原创 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
2456
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
511
原创 使用$.getJSON获取返回对象中的responseJSON
在做项目的时候,曾经遇到一个问题就是:使用$.getJSON获取数据的时候,在控制台打印的时候,能够看到数据中的responseJSON,但是获取不到这个数据,后来经过思考,明白原来是异步的原因,我们在控制台能够立即看到responseJONS数据是不错,但是这个数据的获取是异步获取,需要一定的时间,所以有了上篇提到的 $.getJSON的使用方法,很多初学者可能会忽视这个异步的问题(即使经常在脑...
2020-04-06 10:07:06
1888
原创 $.getJSON的常用使用方法
jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据，它使用的是GET HTTP请求。常用的使用方法有以下两种:第一种: $.getJSON( url [, data ] ,[ function(data){} ] )url是必选参数，表示json数据的地址；data是可选参数，用于请求数据时发送数据参数；function(){}是可参数，这是一个回调...
2020-04-06 08:53:57
5327
原创 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
6832
原创 关于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
3804
原创 [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
8110
1
原创 解决nternal/modules/cjs/loader.js:800错误
解决方法：1.删除node_modules 文件夹2.重新运行：cnpm install即可
2020-03-16 11:51:25
1287
转载 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
232
1
原创 sublime text3编辑器 中文文件名出现框框的问题解决
我们知道 sublime text是一款非常方便好用的编辑器,但是编译为中文的时候后,有时候中文文件名会变成方框框,下面给出我的解决方法,希望可以帮助大家:1.中文文件名出现框框的情况，是因为系统默认的dpi值不合适导致的，下面说明下如何设置dpi_scale，选择首选项（Preferences）菜单;2.选择设置-用户（Settings-User）选项，这个是用户级设置;3.打开设置文件之...
2020-03-07 13:37:02
371
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人