- 博客(17)
- 收藏
- 关注
原创 利用正则表达式从服务端跳转的url中拿取拼接的参数
其实就是从模板字符串呀或者类似的地方拿到数据啦。第一步:const url = `${pufaenv}/workflow/web/meeting/statistics?title=会议统计&conf_id=${conf_id}&conf_class=${conf_class}`;从上面可以看到这个是一个放在远端服务器的一个url路径,最后面有着id和class这两个参数,下面我们就来用正则表达式来进行提取。第二步:function getParameter(name) {
2021-04-13 14:32:49 436 2
原创 Git commit 忽略 Eslint 语法校验
git commit --no-verify -m “commit的备注内容” 就可以跳过代码检查~
2021-03-30 17:15:46 1197
原创 解决 TypeScript 里面无故报错的问题 // @ts-ignore
大家用ts的时候应该都有过莫名报错的情况吧?定义类型、变量赋值等等方法都用过了,也都定义了,有的时候依然会报错,尽管这些错误影响不大。但是在ts语法里面还是会出现报错,导致编译不通过,打包呀或者做别的事情的时候就会被卡住。所以我在这里教大家一个方法使用 : // @ts-ignore这是一种轻量级的方法来抑制下一行中出现的任何错误。蛮香的,推荐大家在这个情况的时候可以考虑用到这个~...
2021-03-25 16:49:31 3373
原创 React、Typescript和tsx后缀文件怎么来通过判断来隐藏或者显示元素
这是一个tsx写法的文件。现在是通过 bz_type 的值来判断,如果为 1 的话就显示该按钮,为 0 的话就隐藏该按钮。刚刚拿到这个小需求的时候还蛮怀念Vue的,毕竟根据这个判断条件直接使用v-show或者v-if就可以解决。但是现在要接触新框架了,就要适应新的东西啦。经过后面的查看文档,找到了写法,完成了需求。<div> {/* 不用js情况下直接写,不需要大括号 */} <div>{query}</div> {/* 用js情况下.
2021-03-11 17:30:00 5823
原创 在MacBookPro上不用获取高级权限就可以完成配置host映射
引言:配置Hosts映射相信大家都会碰到过,有的时候会用到SwitchHosts,也可以再cmd或者终端里面配置。今天就来和大家分享一个不用这么多插件也不用获取高级权限的方法。第一步:先打开,最左边的访达,英文名Fi什么什么的。第二步:使用command键+shift+G组合键,呼叫出前往文件夹窗口,然后直接在输入框内输入:/etc/hosts第三步:然后就会找到这个页面啦,再找到这个文件里的 hosts 文件。第四步:把文件夹里的 hosts 文件直接拉到桌面上一份,再把文件夹
2021-02-01 20:07:52 710
原创 使用Javascript写逻辑判断,不要只知道用if-else和switch
前言我们在编写 JavaScript 代码时,经常会遇到逻辑判断复杂的情况。一般情况下,可以用 if/else 或 switch 来实现多个条件判断,但是呢会出现一个问题:随着逻辑复杂度的增加,代码中的 if/else 和 switch 会越来越臃肿、冗余。这篇文章将带你尝试写出更优雅的判断逻辑。实战就比如说现在有这么一行代码:const onButtonClick = (status) => { if (status == 1) { sendLog('processing')
2021-01-04 10:18:27 416
原创 git面试题总结
分享罗列一些git的面试题,会持续更新的!一、列举工作中常用的几个git命令?新增文件的命令:git add file或者git add .提交文件的命令:git commit –m或者git commit –a查看工作区状况:git status –s拉取合并远程分支的操作:git fetch/git merge或者git pull查看提交记录命令:git reflog二、提交时发生冲突,你能解释冲突是如何产生的吗?你是如何解决的?开发过程中,我们都有自己的特性分支,所以冲突发生的并不
2020-11-12 11:51:54 615
原创 微信小程序添加z-index无效问题
在开发微信小程序的时候,有的时候会因为层叠上下级的关系,需要再style中添加,z-index属性,但是有的时候会没有效果。这个时候就需要给父元素的style中添加position: relative属性,然后z-index就会生效啦。一般这个问题都是出现在iphone 7和iphone X这两款机型中的。...
2020-11-12 10:49:56 2672
原创 前端面试题——JavaScript
总结一些面试前端关于JavaScript的一些知识一、闭包什么是闭包?闭包就是函数嵌套函数,内部函数可以访问外部函数的变量,当内部函数在外部被调用的时候,这时就形成了闭包。闭包的作用?闭包最大的作用就是隐藏变量,闭包的一大特性就是内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后基于此特性,JavaScript可以实现私有变量、特权变量、储存变量等我们就以私有变量举例,私有变量的实现方法很多,有靠约定的(变量名前加_),有靠Proxy代理的,也有
2020-11-10 17:19:58 405
原创 Vue的三种路由模式
路由模式解析这里要讲vue-router的路由模式,首先要了解的一点就是路由是由多个URL组成的,使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有所了解就会知道,浏览器中对页面的访问是无状态的,所以我们在切换不同的页面时都会重新进行请求。而实际使用vue和vue-router开发就会明白,在切换页面时是没有重新进行请求也没有重新刷新页面,使用起来就好像页面是有状态的,这是什么原因呢。这其实是借助了浏览器的History API来实现的,这样可以使得页面跳转而不刷新,页
2020-11-05 15:24:54 16648 1
原创 轻松一刻
今天来给大家放松一下,推荐一首very nice的音乐。首先呢,这是一首说唱歌曲。不喜欢或者不太了解的小伙伴也可以尝试一下,因为说唱歌曲真的可以表达很多的内容,也可以表达很多的态度,最主要的是好听呀!!!王以太,3ho是一位超级棒的音乐人啦!!阿司匹林 王以太作词:王以太作曲:王以太制作人/编曲 Producer: 王晓夫凌晨回家的你好不好睡生活的台词你好不好背沾满酒精地板倒不倒胃口失灵的指南针找不到北想要的东西都特别的贵窗外的景色都特别的美何时才能够公平地对比来自里面的雾气和外
2020-11-05 15:07:25 296
原创 微信小程序之本地存储
我们在开发小程序的时候,常常会用到本地存储,下面我就来给大家分享一下微信本地存储的使用。一、数据支持需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。二、方法1、同步(1)wx.setStorageSync(); //存储值(2)wx.removeStorageSync(); // 移除指定的值(3)wx.getStorageSync(); // 获取值(4)wx.getStorageInfoSync(); // 获取当前 storage
2020-10-24 14:25:51 3210
原创 微信小程序之封装API
大家好,又来更新啦,这篇是微信小程序封装api咯一. 小程序接口请求流程二,域名配置一定要配置https,小程序上配置的域名必须是域名备案的。三、打开微信开发者工具,打开你的项目,点开详情。确认一下域名是否一一匹对。不然会编译失败的哦。四,在你的项目中创建一个文件夹http,在里面在创建一个env.js,api.js和request.js(可以自己定义的)在env.js里写//设置公共访问url,即环境地址 //commonJS写法--node采用就是该规范 引入requiremodul
2020-10-22 21:42:32 481
原创 微信小程序入门之生命周期及页面生命周期
嘿,大家好,我又来更新啦,今天要给大家介绍一下小程序的生命周期及页面生命周期了哦。小程序生命周期 首先小程序的生命周期函数是在app.js里面调用的,App(Object)函数用来注册一个小程序。接受一个 Object 参数,指定其小程序的生命周期回调;一般有onLaunch监听小程序初始化、onShow监听小程序显示、onHide监听小程序隐藏等生命周期回调函数。看文字对概念有点模糊对不对?理解概念的最好方法就是上手
2020-10-22 20:44:16 328
原创 微信小程序入门小知识点
大家好,最近这几天在研究小程序,下面就来给大家说一说小程序入门的一些流程。前言:首先呢,大家要知道的是小程序和vue的区别是不大的,有vue基础的话学习小程序的话会事半功倍。但是如果没有的话呢,其实也没有太难啦。好啦,现在进入正题咯!一、全局配置在全局的app.json文件来对微信小程序进行全局配置。1.配置页面路径 "pages":[ "pages/login/login", "pages/logs/logs", "pages/index/index", "pa
2020-10-22 20:23:13 562
原创 如何在Vue中使用Echarts实例图
如何在Vue中使用Echarts实例图由于在项目中需要对数据进行可视化处理,也就是用图表展示,众所周知echarts是非常强大的插件。但是新手猛的上手的话,可能会有点束手无策,所以这篇就是来写一点入门的内容,外加自己一点的小心得。一、首先要在项目中下载echarts依赖npm install echarts -S //或者使用淘宝的镜像cnpm install echarts -S二、然后就要再main.js文件中来进行全局引入// 引入echartsimport echarts from
2020-10-07 21:26:10 1836 4
原创 Vue中Axios封装API接口的思路及方法
一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。在一个项目中我们如果要使用很多接口的话,总不能在每个页面都写满了.get()或者.post()吧?所以我们就要自己手动封装一个全局的Axios网络模块,这样的话就既方便也会使代码量不那么冗余。安装> npm install axios //这个就是
2020-10-07 15:53:49 13590 29
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人