大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

VUE(3D渲染解决方案产品)

Vue系列产品为3D自然环境的动画制作和渲染提供了一系列的解决方案。Vue系列有很多不同的产品,这是为了满足不同阶层的用户的需要:可以满足专业的制作工作室,同样也能满足3D自由艺术家。

vue router 刷新404问题

-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] 3. nginx服务器配置 location / { try_files $uri $uri/ /index.html;

心理测评 vue.js初体验

心理测评 vue.js初体验 源码: https://github.com/ZH4L/vue-psy vue文档:https://cn.vuejs.org/v2/guide/ vue-router文档:https://router.vuejs.org/zh-cn/essentials/getting-started.html vuex文档:https://vuex.vuejs.org/zh-cn/getting-started.html axios文档psyId=2的路径参数 链接跳转 使用 跳转 跳转内部链接,默认会被渲染成a标签 外部链接直接使用a标签跳转即可 组件 就是一个个小的模块,一个组件就是一个.

Vue源码学习(二)——从宏观看Vue

Vue源码学习(二)——从宏观看Vue 上一篇文章我们写到从入口文件一步步找到Vue的构造函数,现在我们要去看看Vue实例化经历的过程 Vue的构造函数 我们知道Vue的构造函数在src/core/instance/index.js中,不明白的可以去看上一篇文章 Vue源码学习笔记一。那我们关注一下Vue的构造函数的内容: // src/core/instance/index.js import { initMixin } from './instance/index' import { initGlobalAPI } from '.

electron-vue,无法改变vuex状态

electron-vue,无法改变vuex状态 一、问题描述 在electron-vue中使用vuex,调用this.$store.dispatch("changeLogin"); console.log(this.$store); console.log(this.$store.getters.isLogin); 输出结果 isLogin初始是false,调用this.$store.dispatch("changeLogin");/modules' Vue.use(Vuex) export default new Vuex.Store({ modules, plugins: [ createPersistedState(), // 注释这个插件的调用 //createSharedMutations() ], strict: process.env.NODE_ENV !

vue antd 中后台前端框架vue-alain 二

vue antd 中后台前端框架vue-alain 二 vue-alain vue-alain 是基于 vue 和 Ant Design of Vue(Ant Design 的 vue 版本) 基础组件库的中后台前端,使用vue vue cli 3.0 typescript antd antd pro Ant Design Vue技术栈,参考并使用了ng-alain相关内容,秉承 Ant Design 的设计价值观。 github--https://github.com/vue-alain/vue-alain 预览:https://vue-alain.github.io/ vue antd 中后台前端框架vue-alain 更新内容 新增 reusetab 组件 使用 v-charts

前端快来!最火的 Vue.js 开源项目出炉

前端快来!最火的 Vue.js 开源项目出炉 近日,Mybridge 对 Github 上将近 250 个 Vue.js 开源项目进行了排名,并从中挑选出了 Top 10,帮助开发者找到最好的Vue.js开源项目 1.vue-storefront https://github.com/DivanteLtd/vue-storefront Star 1512 VueStoreFront 是一个电子商务的PWA,建立在Vue.js 和 Node 基础上的,它还可以让网站可以离线使用。 2.Eagle.js https://github.com/Zulko/eagle.js Star 1599 一个用Vue.js构建的hackab

为何vue不能检测通过索引设置数组的某一项?

为何vue不能检测通过索引设置数组的某一项? Vue 官方原文:由于 JavaScript 的限制, Vue 不能检测以下变动的数组: 当你利用索引直接设置一个项时,例如: vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如: vm.items.length = newLength 首先我测试了下Object.defineProperty是可以通过索引属性来设置属性的访问器属性的: var arr = [1,2,3]; //change value console.log('arr: ', arr);

Vue源码学习(一)——追根究底Vue

// 这里传入的name 就是Target function genConfig (name) { const opts = builds[name] // . other config } 从上可以看出,我们需要的是入口文件即entry中对应的web/entry-runtime-with-compiler.js 打开entry-runtime-with-compiler.js, 在文件上方,我们可以看到这个文件中import Vue,我们所需要的是去追根到Vue的起始,所以就找到了上一层runtime/index // 引入了Vue的实例 import Vue from '.

vue antd 中后台前端框架vue-alain

vue antd 中后台前端框架vue-alain vue-alain vue-alain 是基于 vue 和 Ant Design of Vue(Ant Design 的 vue 版本) 基础组件库的中后台前端,使用vue vue cli 3.0 typescript antd antd pro Ant Design Vue技术栈,参考并使用了ng-alain相关内容,秉承 Ant Design 的设计价值观。 github--https://github.com/vue-alain/vue-alain 预览:https://vue-alain.github.io/ 准备 本地环境需要安装 node 和 git,并熟悉相关使用方法。 本地需要安装y

撩课-Web大前端每天5道面试题-Day17

撩课-Web大前端每天5道面试题-Day17 1.vue生命周期的作用是什么? 它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。 2. Vue实现数据双向绑定的原理:Object.defineProperty()?value = newValue document.getElementById('show'). el.style.height = '200px'; el.style.background = '#000'; } } } }) 2.全局指令 Vue.directive('dir2', { inserted(el) { console.log(el);

撩课-Web大前端每天5道面试题-Day20

撩课-Web大前端每天5道面试题-Day20 1.vue生命周期的作用是什么? 它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。 2. Vue实现数据双向绑定的原理:Object.defineProperty()?value = newValue document.getElementById('show'). el.style.height = '200px'; el.style.background = '#000'; } } } }) 2.全局指令 Vue.directive('dir2', { inserted(el) { console.log(el);

mockjs+vue页面直接展示数据

const Random = Mock.Random; Random.guid(); export default { name:"detail", data:function(){ return { text:"", } }, methods:{ mockInfo(){ let data = Mock.mock({ // 属性 list 的值是一个数组,其中含有 1 到 10 个元素 'list|1-20': [{ // 属性 id 是一个自增数,起始值为 1,每次增 1 'uuid':'@guid()', 'name' :'@cname()', 'age|20-35' : 20, 'sex' : "@sex", }] }) // 输出结果 return data }, }, mounted:function(){ this.text=JSON.stringify(this.mockInfo(), null, 4);

vue+elementUI之input实战

vue+elementUI之input实战 最近的项目大量的使用了elementUI+vue这种模式。所以写下一些心得,希望能帮助到看到这篇文章的可爱的你。 此文章默认你已经有vue搭建并会使用的基础。木有的话,请先看看vue吧 vue官方文档[2.gif](https://upload-images.jianshu.io/upload_images/6101567-70438a9dea83c539.gif? if(newValue==='reset'){ //遍历置灰数组,将值全部置为false Object.keys(_this.disabled).

vuex

vuex 官方推荐的数据框架:在vue的开发中 vue实现视图层的开发,vuex来实现数据层,实现数据共享 vuex是整个虚线的内容:当项目中多个组件中的数据传值很困难时,把公用的数据放到一个公共的空间去存储,某一组件改变了这个公共部分的数据内容,其他组件就能感知到,vuex虚线中的内容就是公共数据存储的区域 紫色State:所有的数据都存储到State中,组件要用到公用数据直

前端三大框架,你更喜欢哪个?

前端三大框架,你更喜欢哪个? 现在前端三大框架Angular、React、Vue各有所长。Angular从一开始就带有很明显的工程化血统,齐全的cli命令,背靠TypeScript,涉及模块、服务以及指令等概念,使用后端的依赖注入思想,特有模板语法。React和Vue就"轻"很多,React甚至只是一个UI库,他们共同的一个思想就是,做到最好。 Angular、React、Vue三选一,前端工程师更青睐使用哪款框架? 在大

如何在Angular中使用better-scroll插件

@Component({//欢迎加入全栈开发交流圈一起学习交流:864305860 selector: 'app-listscroll', templateUrl: './listscroll.component.html', styleUrls: ['./listscroll.component.css'] }) export class ListscrollComponent implements OnInit { @ViewChild('scroll') scrollEl: ElementRef; @Input() private height: number; // 初始化 setTimeout(() = { this.scroll = new BScroll(this.scrollEl.nativeElement, {click: true});