
Vue
文章平均质量分 82
好帅的爸爸()
这个作者很懒,什么都没留下…
展开
-
Vue源码-编译器的简单实现【1】
编译技术是一门庞大的学科。不同用途的编译器编译技术难度可能也差别很大。作为前端工程师,了解其中原理,简单的实现一下Vue中的编译器,对我们的思维开拓还是很有帮助的。流程一个完成的编译过程包含一下几个步骤源代码=> 词法分析=>语法分析=>语义分析=>中间代码生成=>优化=>目标代码生成=>目标代码。整个编译过程分为编译前端,编译后端。前端包括词法分析,语法分析和语义分析。这一步通常是跟平台无关的。仅仅负责分析源代码。后端通常与平台相关。涉及中间代码生原创 2022-05-15 10:25:01 · 1131 阅读 · 0 评论 -
面试合集
schemebridgeargumentsapplycallaimengyu@didichuxing.com对所有人说说: 06:03 PM如何查找,新增节点和删除节点、获取父元素和子元素defer和async的区别垂直居中实现我对所有人说: 06:05 PMmiddleaimengyu@didichuxing.com对所有人说说: 06:07 PMrequestAnimationFrame我对所有人说: 06:08 PMNaNaimengyu@didichuxing.com对原创 2020-10-20 15:42:22 · 222 阅读 · 0 评论 -
vue 组件中正确使用video.js,以及注意事项
注意事项:1:初始化后要保存初始化的对象,2:离开组件时,要销毁video对象。3:使用element-ui组件dialog中使用video时,要在打开dialog的回调中初始化video4:保证video对象在当前组件的生命周期中只被创建一次首先安装:npm install --save video.js// 直播流npm install --save vid...原创 2020-03-17 12:53:09 · 4787 阅读 · 1 评论 -
element-ui upload 上传组件附带额外参数进行上传(表单形式,多个参数)
之前一直使用upload组件单个上传文件,最近遇到需要上传表单字段,表单中有多个参数下图是接口要求:官网上传组件中提供了响应的功能实现,但是demo中未演示,不注意看文档参数的话,可能会不知道这个:接受一个object来作为参数传递,我的组件这么写:<el-upload class="upload-demo" drag ...原创 2020-03-13 15:36:40 · 14522 阅读 · 0 评论 -
vue history模式nginx配置
项目位于base下的h5文件夹中。对应nginx配置server { listen 8080; server_name 0.0.0.0; location /h5 { root C:/base; index index.html; //下面这个是hi...原创 2020-01-21 11:13:14 · 1603 阅读 · 0 评论 -
Vue router history模式,404报错,在tomcat的配置
原文地址:https://www.wetsion.site/2018-09-21-vue-router-tomcat-config.htmlvue router在使用history时,部署时需要在服务器再进一步配置vue中,router使用history模式,即mode: history,可以让项目在浏览器的地址显示和正常网页URL一样,不会出现/#/这样奇奇怪怪的东西,但使用这种hi...转载 2019-12-13 15:15:01 · 990 阅读 · 0 评论 -
转载 flask Jinja2模板中使用vue骚操作
原文地址:https://codeday.me/bug/20181212/453082.html我最近有这个问题(结合Vue.js和Flask).至少有两种方法可以组合它们,具体取决于你是创建1)一个简单的Vue.js应用程序还是2)一个更复杂的Vue.js应用程序需要使用像Webpack这样的模块捆绑器来组合Single-File Components或者npm包.简单的Vue.js...转载 2019-11-26 10:16:41 · 2949 阅读 · 0 评论 -
wangEditor自定义上传图片上传按钮,适合各种JS或者后端上传
wangEditor是一款优秀的国产编辑器。轻量级 web 富文本编辑器,配置方便,使用简单。支持 IE10+ 浏览器。但是自身带的图片上传在上传七牛云可能存在版本问题。还有如果是其他云的JS上传图片的话就爱莫能助了,好在wangEditor提供了丰富的API可以换一种思路来实现。1:使用提供的API 接口:editor.customConfig.customUploadImg ...原创 2019-08-10 15:09:34 · 7156 阅读 · 2 评论 -
Vue项目webpack最小化部署到nginx
项目中引用了element-ui和echarts等第三方库,直接打包的话,js体积非常大,所以这些需要改成CDN的方式引入,达到减少包体积,优化加载首页的效果。首先看一下,不进行优化的Vue打包:可以看到有一个非常大的js包在这里,如果在首次加载的话,这个会严重影响到加载速度。我们在这里进行处理,使打包后的js变小。首先配置build/webpack.base.conf.js文...原创 2019-07-10 10:48:18 · 753 阅读 · 0 评论 -
Vue + element ui table 实现拖拽,sortablejs
引入拖拽插件:https://github.com/SortableJS/Sortable#optionsnpm install sortablejs --saveHTML:<el-table// row-key 是必须的 row-key="id" :data="moduleContent" sty...原创 2019-06-10 16:22:28 · 6133 阅读 · 1 评论 -
webpack vue生产环境部署
vue 部署到tomcat,需要打包,这里有个注意点:打包完成后的dist文件夹里面的static 和index.html才是我们需要的资源。具体步骤:1:vue打包前的准备:配置项的修改2:打包放到tomcat3:启动tomcat:vue的配置项:包含了路由的配置,还有静态资源的配置,路径的配置1:项目目录下的 config/index.js,折叠后看到有两个map。我们...原创 2019-05-23 16:05:59 · 548 阅读 · 0 评论