前端
时间的荒漠666
这个作者很懒,什么都没留下…
展开
-
antv/g6图表决策代码
antv/g6在react项目使用js引用原创 2022-08-08 12:41:21 · 522 阅读 · 0 评论 -
react之hook的使用
简单状态管理useSetState管理临时状态export default () => { const [state, setState] = useSetState({ hello: '', count: 0, }); return ( <div> <pre>{JSON.stringify(state, null, 2)}</pre> <p> <button typ原创 2022-01-17 09:46:41 · 357 阅读 · 0 评论 -
前端兼职接单网站
1.程序员客栈:https://www.proginn.com2.码市:https://codemart.com3.开源众包:https://zb.oschina.net4.智城外包:http://taskcity.com5.实现网:https://shixian.com6.猿急送:https://www.yuanjisong.com7.人人开发:http://rrkf.com8.开发邦:https://www.kaifabang.com9.电鸭社区:https://eleduck.com原创 2021-12-06 14:41:08 · 6084 阅读 · 0 评论 -
正则表达式,支持中英文只去除中文中间的空格
正则let str = "你棒棒 是 好 ni hao 你 好" str.replace(/([^u4e00-u9fa5])(\s)(?=[^u4e00-u9fa5])/g, '$1')console.log(str.replace(/([^u4e00-u9fa5])(\s)(?=[^u4e00-u9fa5])/g, '$1')) // 你棒棒是好 ni hao 你好原创 2021-09-13 11:48:23 · 818 阅读 · 0 评论 -
用Vue.extend()来做一个全局提示组件
相信很多人用vuejs构建单页应用时都会用到一些全局方法,比如发ajax请求时喜欢用axios挂载到vue原型上,如下:// 1 引入vue和axiosimport Vue from 'vue'import axios from 'axios'// 2 对axios的一些封装// code ...// 3 然后挂载到原型上Vue.prototype.$axios = axios用的时候就直接上this.$axios// 用axios.get()方法可以这样用this.$axios.g原创 2021-08-16 10:32:58 · 315 阅读 · 0 评论 -
记录工作中vsCode的一些插件
原创 2021-08-10 15:43:35 · 145 阅读 · 0 评论 -
关于less的一些封装
工作中使用一些less的封装,灵活使用可以增加开发效率/*** 定义样式* */.bgd(@color) { background: @color;}.bgAll(@color) { background: @color;}.rgba(@val) { background: rgba(@val);}.bgimg(@imgUrl){ background-image: url(@imgUrl); background-repeat: no-repeat; back原创 2021-08-09 10:59:29 · 868 阅读 · 0 评论 -
关于ajax请求的二次封装
创建http导出ajax请求http.js/** * ajax: 引入axios 返回promise对象 * jsonp:引入jsonp插件,返回promise对象*/import originJsonp from 'jsonp'import router from '../router'const axios = require('axios')axios.defaults.withCredentials = trueaxios.defaults.timeout = 100000原创 2021-08-06 09:33:26 · 146 阅读 · 0 评论 -
css里面自适应计算距离
cala(100%-10px) //css里面自适应计算距离原创 2021-08-05 16:11:40 · 243 阅读 · 0 评论 -
vue 具名插槽在没有slot传入使其v-if隐藏
<slot v-if="Object.keys($slots).includes('drawerTitle')" name="drawerTitle"></slot>原创 2021-07-14 17:06:12 · 1730 阅读 · 1 评论 -
vue检测当前是什么浏览器
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) {//判断是否Opera浏览器 return "Opera" }; if (userAgent.indexOf("Firefox") > -1) {//判断是否Firefox浏览器 retu...原创 2021-07-01 10:02:24 · 1476 阅读 · 0 评论 -
点击图标时把内容复制到粘贴板
copyHtml { //获取盒子的内容 let val = document.getElementById('rightHtml').innerText // 创建一个文本域 let oInput = document.createElement('textarea') //设置文本域的id oInput.setAttribute('id', 'cp_hgz_input') // 把之前获取的值赋值给创建的文...原创 2021-06-28 14:42:09 · 208 阅读 · 0 评论 -
css里面的display: table-cell和vertical-align
使用display: table-cel可以使两个元素并排,然后使用vertical-align的top或者bottom来决定对齐的方式原创 2021-05-24 18:01:51 · 187 阅读 · 0 评论 -
vue 监听路由变化
方法一:通过 watch// 监听,当路由发生变化的时候执行watch:{ $route(to,from){ console.log(to.path); }},或// 监听,当路由发生变化的时候执行watch: { $route: { handler: function (val, oldVal){ console.log(val); }, // 深度观察监听 deep: true }},原创 2021-05-24 14:50:55 · 127 阅读 · 0 评论