AdleyTales的技术博客

https://juejin.cn/post/6844903682178285575

同构（isomorph）一词，这个概念本来是来源于数学，具体自行查阅，下面是以介绍在JS中的同构概念。 在前端，同构JavaScript应用指的是，用JavaScript编写的应用能够同时运行于客户端和服务器。因此，只需编写一次代码，在服务器上执行它来渲染静态页面，同时执行于客户端以允许快速的交互。 大前端演变的过程： 【纯后端渲染】 -> 2.【单页面应用（纯前端渲染和交互）】 -> 3.【 同构（后端渲染和前端交互）】 现在，同构和服务端渲染（server side ren.

Ant Design of Vue ElementUI iView Vuetify（基于Material Design） BootstrapVue (基于Bootstrap) Vue-element-admin (后台管理系统，搭建中后台项目 cms) Vite （基于下一代，最新浏览器的模块开发，Esbuild 是Golang开发的，性能很好） Nuxt （SSR 性能 SEO 同构【同构类似SSR】） 跨移动端 NativeScript Quasar 【推荐，很不错】 Uniapp Ionic .

<el-table :data="tableData" border @selection-change="handleSelectionChange" ref="tb" @select-all="onSelectAll"> <el-table-column type="selection" width="40px"></el-table-column> ... </el-table> // --- meth.

Vue实现页面刷新 普通方法： 　　location.reload(); 　　this.$rotuer.go(0); 这两个方法会强制刷新页面，出现短暂的空白闪烁 使用 provide和inject: 这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。 简单来说就是子孙组件可以访问到祖先的对象方法。 在 App.vue 文件里写入 provide 的方法 <!--页面级Vue组件--> <temp

vue router js里添加如下代码即可 //push const VueRouterPush = VueRouter.prototype.push; VueRouter.prototype.push = function push(to) { return VueRouterPush.call(this, to).catch(err => err); }; //replace const VueRouterReplace = VueRouter.prototype.replace; V.

vue组件编译后，会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局，但是如果引用了第三方框架，第二层开始就不会起作用了。 解决这个问题，最好要使用vue中的深度选择器，否则需要解除scope属性 >>> 作用css /deep/ 作用less/sass 比如修改element的disabled的表单样式 //修改disabled的样式 .remarks >>>.is-d.

.env # 在所有的环境中被载入 .env.local # 在所有的环境中被载入，但会被 git 忽略 .env.[mode] # 只在指定的模式中被载入 .env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略 需要以***VUE_APP_***开头，比如VUE_APP_XXX .env 全局默认配置文件，不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.prod

vue.json { "Print to vue-template": { "prefix": "vue", "body": [ "<template>", "\t<div class=\"$2-container\">\n", "\t</div>", "</template>\n", "<script&...