欢迎来到冲哥的前端博客

不管react和vue其实都会有这个问题 在react中我们可以使用 context的方式进行传递但是今天的主角并不是 react. 博主最近使用vue进行开发。 相信初学的小伙伴 肯定会碰见多层嵌套传递的问题其实你也可以 根据 props 一层一层传递下去。但是不是贼麻烦vue中给我提供了。provide 和 inject的方式 进行深层组件传递。vue2中在上层组件中export default { provide: { foo :"hello world" }}// 当然有

这个是因为最新版本的 three.js 已经更新这个api的名字 不再叫这个了改成了。new THREE.AxisHelper()但是文档上还没有更新 我看最近的一次代码更新是七天前 但是文档国内外的哦度没有更新学习three.js 算是踩的的一个坑吧...

今天是5.12是个特殊的日子,有的时候吧 会把整个网站变灰的需求这个我们用css过滤器 一行代码就能实现了filter: grayscale(100%);问题是 出在定点触发 这块,我们可以通过js 来实现核心就是时间的判断这块比如: 我们要在5.12凌晨十二点触发 到 5.13的凌晨关闭就可以这样写// 原生js 在三大框架中 都可以直接拿过去使用let nowTime = new Date().getTime(), overTime = new Date("2022/05/

主要是有的组件 我们可能很多页面都会用到 这个时候 为了避免每个页面组件都引入,a.vueimport header from "@/components/header.vue"b.vueimport header from "@/components/header.vue"c.vueimport header from "@/components/header.vue"这样就造成很大的代码重复了 是不是很难受因为现在vue3 也慢慢替换vue2 但v2可能还是主流 所以这里我写出

有的时候网站可能会开防火墙,禁止允许的域名访问资源这个时候 就需要你实现域名映射了, 实现本地到域名的映射首先就是修改host文件。在mac中下面这样一般都在这个地方cd /etcvi hosts然后在里面书写127.0.0.1 baidu.com //你的域名但有的时候 你会发现启动不了 项目照样不行。这个的话 看你的项目有种没有用到 cross-env 这个插件如果有这个插件的话。他可能也会影响到你的 映射cross-env HOST=baidu.com PORT=8088

基本上现在的ui框架都有自己的进度条组件封装 但是有的时候我们需要自己定制的时候 还是比较麻烦比如下面的这个效果双色进度条 贴合 效果。可能有点业务会用到吧就是使用渐变色和 动画的效果实现, 第二个进度条动画延迟 一点就可以和第一个贴在一起了animation-delay: .1s; 这个可能童鞋用的比较少// 还有就是渐变色的描述background-image: linear-gradient(45deg, #FF4B00 25%, transparent 25%, transpare

直接使用 useRouteimport { useRoute } from "vue-router"setup() { const route = useRoute() console.log(route.query, route.params, '====') // 地址兰参数}关注我 持续更新 前端知识

这个现象奇怪的很。我从vuex中。结构出来的 useStore 获取出来的 store 一直为空因为我的vuex中的方法 一直没有触发。最后发现 setup中的store一直为undefined有的网友说我并没有写在 setup 但是事实上我就是写在setup中其实原因是 我之前写了一段 需要dom操作 然后放在 setup中然后就是这段代码导致 其实如果你要在 setup操作dom的话 最好还是import { nextTick } from "vue"import { useStore }

这个算是线上的一个小问题吧就是我本来打算对接口返回的数据进行统一处理。发现有的请求 成功后并没有走 Promise.then的方法中,像这种情况的话网上网友的有的说是我的then的方法里面 有错误导致被catch到了其实上面的说法并不准确 并不是 这样的因为压根就没有进入 then里面最后发现就是 那个请求 虽然状态码 是200 成功但是接口返回的Code 码 这个是和接口约定的。Code 为不正常的Code 所以进入的 catch捕获中其他正常的Code 都是为1 或者 0。 不

我想着用下比较新的node版本。玩一玩ts, 发现一个有趣的现象就是我的 vs和我的终端node版本不一致因为我使用的是 nvm进行管理然后就知道切到了 nvm alias default 16.13.0 比较稳定的版本后来发现我的vs版本一直处于 12.11.0然后翻边了国内外的一些论坛文档 都没有找到比较合适能处理我这个问题的 什么各种花里胡哨的操作和配置都无效我终端的默认版本一直保持的着我设置的最新版本 但是vs就是 不会保持同步后来发现。如果仅仅只是 点击叉号的关闭 它是不是自动更新

苹果用户经常反馈 我经常要点击好几次才进去不管是使用 @tap @click都不行什么样式上 加 cursor pointer 什么委托都试了试都不行最后试了试 touch事件 才发现可以解决我的问题。难受最好在移动端还是使用touch事件比较好@touchend 我就是用的这个事件处理好了最后附上一个 也是经常碰见的坑就是 ios10以上双手和双击还是可以放大的问题万能的网友<script> window.onload = function () { // 阻止双击

会出现这种折断的 情况很难受。这个时候 需要一个样式进行处理即可给子元素加上这个即可 然后刷新页面break-inside: avoid;page-break-inside: avoid这样就可以了 刷新页面就正常了。

vue3 来的同时。也带火了 vite,不过现在仍然是webpack称王的时代,vite也在快速发展中.今天讲的主角是 vant, 那么在vite中使用按照官方文档 照样给我报错了初始化 vite项目之后安装vantnpm install vant --saveyarn add vent --save在vite中使用vant还需要其他的插件辅助, 就是vite-plugin-style-import这里官方推荐的是 1.4.1版本yarn add vite-plugin-style-im

单纯的切来切去 可能会觉得无聊,这个时候可能希望给我们的路由加上一些动画效果.这个时候 我们如果做的是h5的项目的话,可以选择淡入淡出的效果 其实还是比较简单的 就是使用我们的那个 transition组件<template> <router-view v-slot="{ Component }"> <transition name="slide-fade" mode="out-in" :duration="{ enter: 500, leave: 300 }"

不管你是用taro uni 还是vue-cli 或者 react-cli 刷新token这块一通百通 本质上 都一样我之前讲了一个是 在响应拦截哪里做token刷新 其实这样做还是不好的,因为这样我们发起了请求, 相对来说 还是在请求之前做比较好 那样可以避免 几次请求吧因为在 axis 中有帮我们处理的拦截器 在uniapp 中也需要我们做一个拦截器这里直接使用uniapp插件市场找到的一个。 但是其中很多我们可能用不到 我就给删减了很多。在common下创建一个 http.js我这里的是最简

可能有一点让人很难受的就是 如果网站要更换整体的协议和政策时候,运营会给我们一个doc文档 或者docx文件 让我们转换成html然后放到网站中这里就介绍一个比较好用的工具mac安装brew install pandoc查看自己安装成功的话brew -h转换成html5pandoc -s example.docx -t html5 -o example.html最后发现转换成功了。然后就可以放到你的网站上了。还是比较方便 当然这个工具不仅仅是能转换html md.txt 都

我一直觉得 前端程序猿的水平有的时候真的和他所处的公司处理业务也有一定的关系公司有大量的并发业务处理,这个要求前端也要掌握一定的优化本领,记得之前当我还是小白的时候看见的一道面试题js前端面试题，js实现最多发送三个并发请求，后续有多个请求在等待发送，请设计思路?对我我这个小白来说实际的业务没有碰见过这个业务 确实还真的不好想出来解决方案,难就难在创造一个以前没有见过或者经历过的东西.应该大多数人都会难在第一步 可能第一步都迈不出, 难就难在第一步吧.好了 闲话说的有点多了 我们步入正题

我觉得吧 vue打包的 dist文件夹。我想起个名字 自动帮忙压缩下 该多好node确实有这样的插件,这里引用了两个插件npm i shelljs archiver --save然后创建一个shell.js。与package.json 文件同一级别目录下我这里创建一个 my-porject的压缩文件名字const shell = require('shelljs')const fs = require('fs');const archiver = require('archiver');

使用hbuilderX创建的项目 确实比较方便 但是确实限制了很多东西。我想自定义一些打包或者环境 对我来说有点不舒服所以我还是采用了 cli的方式创建了 uni项目因为项目中引入了 uview 这个是需要 sass的支持呢 ,但是吧 cli创建的 需要你手动安装下 sass支持环境安装npm i sass-loader node-sass --save**注意如果你使用的是 vue2的话 那么最新的webpack版本是4.*, 但是我们npm默认不指认版本的话 安装的就是最新的webpac

直接先上效果哈有些动画效果 要很逼真的效果,不管是原生的css 还是 gif动图 可能效果都不是太理想吧选来选去 最后选择使用了。lottie-web 这个插件他这个是根据一个json文件渲染动画如果json中有引用的图片的话,你用ae做出来的图片最好放到静态服务器上,然后更换json中的本地图片路径换成删除原来u的那个字段使用方法安装npm i lottie-web --save or yarn add lottie-web --save使用import lottie