logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

在线把 json 转换成 ts 类型 - @cyly/json2ts

Github: https://github.com/ChpShy/json2ts体验地址:https://chpshy.github.io/json2ts/index.html介绍在项目慢慢接入vue3之后,面临了一个问题,要不要定义 ts 类型呢,还是快乐的做一个 as 开发人员。用吧,类型太多,定义起来开发效率太低;不用吧,很多提示又没了,而且以后别人维护起来,不利于代码阅读(全是any)。

文章图片
#typescript#javascript#json
vue按需加载实现

按需加载:1. 将重量级路由内容单独生成一个或者多个js文件,而不是全部放在app.js中;2. 路由访问时再去加载对应的代码块。webpack打包会自动将所有依赖的JS代码打入一个文件,如果工程特别大,依赖的内容特别多的话,就会导致该文件特别的大,而大文件加载会导致性能不是特别的好。此时按需加载就显得尤为重要。参考:点击打开链接未按需加载生成的目录:app.js: 这个是项目代码的集合;mani

#webpack
VueSSR的一些理解和详细配置

概念流程图这是具体的流程图,如何实现,后续配置会详解编译图解结合上面的流程图来理解编译的过程图,因为服务端渲染只是一个可以等待异步数据的预渲染,最终用户交互还是需要Client entry生成的js来控制,这就是为什么需要两个entry文件,但是拥有同样的入口(app.js)的原因。串联server和client的枢纽就是store,server将预渲染页面的sotre数据放入windo...

#webpack
vue2.0探索之路--vuex使用场景和集成

 emmm...一直在犹豫要不要写这篇博客,因为觉得这些内容官网已经介绍的很详细了,再复述一遍貌似没太多意义。后面想了下,不复述、总结,如何加深自己的印象和理解呢,毕竟老年人,记性越来越差了。所以,开始吧。一、概述   vuex是一个专为Vue.js应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。二、使用场景  我相信很多人

vue子组件修改父组件的三种方法

       一直使用$emit触发父组件的事件方法来实现改变父组件的值,导致把其他方法都给忘了。特别来整理下,加深下印象吧。1. $emit('event', val) 最常用的一种方法,父组件通过v-on绑定一个事件,在事件中修改自己的值,子组件通过$emit触发该事件在子组件MobileMessage中:这种方法有个好处就是可以在父组件的事件里面做一些额外的处理,...

前端进行图片压缩并传入后台

步骤:1. 将图片转成image对象;2. 压缩成设置的最大尺寸;3. 通过canvas转成base64码;4. 后台(此处是java)进行base64解码存储。以下上具体代码。所有代码见:github客户端:<!DOCTYPE html><html lang="en"><head>&l

CSS3--通过Animation实现简单的手指点击动画

源码:https://github.com/ChpShy/single-play-demo/tree/master/Animation效果图:html结构:<body><div class="wrapper"><div class="circle"></div&

#css3
到底了