vue前端开发blog
工欲善其事必先利其器关于使用vue和element的情况：1.第一次使用该前端框架，前几天看到CND加速，CDN的全称是Content Delivery Network，即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的网络"边缘"，使用户可以就近取得所需的内容，解决Internet网络...
2024-01-10
《Vue前端开发手册》
序言为了统一前端的技术栈问题，技术开发二部规定开发技术必须以Vue为主。为了更好的规范公司的前端框架，现以我前端架构师为主，编写以下开发规范，如有不当的地方，欢迎批评教育并慢慢改善该开发文档，谢谢合作。我们在做产品不只是实现功能，还要考虑到以后的优化升级，那么就需要一...
2024-01-10
【vue前端开发】微信扫码登录
先head引入 <script type="text/javascript" src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>html如下<div id="login_container"></div>js如下 setWxerwma() { const obj = new WxLogin({ self_redirect: true, id: \'login_container...
2024-01-10
Vue前端开发知识点大全
大家好，我是魔王哪吒，很高兴认识你~~哪吒人生信条：如果你所学的东西 处于喜欢 才会有强大的动力支撑。每天学习编程，让你离梦想更新一步，感谢不负每一份热爱编程的程序员，不论知识点多么奇葩，和我一起，让那一颗四处流荡的心定下来，一直走下去，加油，2021加油！欢迎关注...
2024-01-10
前端开发Vue教程笔记（一）
每天学习编程，让你离梦想更新一步，感谢不负每一份热爱编程的程序员，不论知识点多么奇葩，和我一起，让那一颗四处流荡的心定下来，一直走下去，加油。这几年Vue.js成为前端框架中最火的一个。越来越多的网站前端开始采用Vue.js开发。是开源世界华人的骄傲，其作者是我国尤雨溪，为了给个...
2024-01-10
Vue前端开发入门中的一些困惑
我的网页开发经验吧是这样的：Python + Flask + Jinja2 + Bootstrap 这种的也就是说Python+Flask构造生成业务数据,通过Nginx/Apache等提供HTTP然后渲染到Jinja语法的模板中，然后模板的样式这些主要有bootstrap来提供。可如今，出于各种原因接触了Vue, 更加接触了其它一些新的知识，概念。比如Node.js，比如什么路由...
2024-01-10
前端开发必知的15个jQuery小技巧
下面这些简单的小技巧能够帮助你玩转jQuery。1、返回顶部按钮通过使用jQuery中的animate 和scrollTop 方法，不用插件就可以创建一个滚动到顶部的简单动画：// Back to top$('.top').click(function (e) {e.preventDefault();$('html, body').animate({scrollTop: 0}, 800);});<!-- Create an anchor tag --><a class="top" href="#">Back...
2024-01-10
前端开发Vue之状态管理模式——Vuex
什么是vuex? vuex的作用?Vuex 简单来说就是全局状态管理, 当遇到多个组件共享状态时,多层组件的传值非常繁琐,不利于维护,因此把组件的共享状态抽取出来,以一个单例模式管理,这种模式下 不管在哪个组件都可以获取状态或触发行为. 如果需要构建一个中大型的项目,再使用vuex 如果简单直接使用父子传...
2024-01-10
【前端开发】基于vue的bpm流程图设计器解决方案
效果图 体验demo地址https://zh888.gitee.io/my-project/#/若能满足你的需求可加微信获取源码：844271163 加vx时备注：流程图...
2024-01-10
除了 Vue，前端开发还需掌握哪些核心能力？
私下收到了好几位粉丝问我职业发展的问题，大概总结是以下几种：公司收益不佳，于是被分派到一些不靠谱、含金量低的项目，很想离职但又不敢；公司项目规模太小，面试没有拿得出手的项目；每天在螺丝钉的岗位上，做着重复的工作内容，能力得不到锻炼；其实每年都会收到这类“充满焦虑...
2024-01-10![重磅！前端开发技术之Vue架构知识分享[转]](/wp-content/uploads/thumbs/533195_thumbnail.jpg)
重磅！前端开发技术之Vue架构知识分享[转]
技术栈考虑到后续招人和现有人员的技术栈，选择 Vue 作为框架。公司主要业务是 GIS 和 BIM，通常开发一些中大型的系统，所以 vue-router 和 vuex 都是必不可少的。放弃了 Element UI 选择了 Ant Design Vue（最近 Element 好像复活了，麻蛋）。工具库选择 lodash。建立脚手架搭建 NPM 私服。使用 Node 环境开发...
2024-01-10
为什么学了vue，还是找不到前端开发工作，资深程序员发话了！
Vue3.0 Beta测试版已经出来大半月了，大家都有在新/小项目里试用了吗？以2.0的特点与现下对3.0测试版来说，3.0会默认进行懒观察，会更加有效，也会有更精准的变更通知；操作起来也会更加地便捷，那我们今天一起探寻下3.0的特别之处。**Vue这么受大众接受，那么大家有没有想过一个问题？**Vue，React...
2024-01-10
前端开发者的福音！通过拖拽就可生成Vue代码的平台来了！
Vue组件代码生成平台Vue组件代码生成平台是一款面向Vue开发者的拖拽式组件代码生成工具。通过它可以快速搭建Vue组件的代码骨架结构。开发者可在此基础上进行二次开发。目前该平台非常适合快速搭建一个常见的数据查询组件，仅需要拖三个组件进来即可完成，例如: 那么它这么牛逼，地址是什...
2024-01-10
这些热门 GitHub 库，值得每一个前端开发者收藏
经常会有小伙伴让推荐好的代码库，最近看到了这篇文章，都是非常棒的代码库，供得大家学习参考。手头有大量的资源????总是一件很棒的事。作为一个码农，我们需要专注于功能和最佳实践，而不是一遍遍地编写样板代码。消除无用功，投入时间学习使用正确的工具或者懂得使用有用的资源可以极...
2024-01-10
基于Vue实现微前端的示例代码
前端微服务化一直是前端社区的一个热门话题，早在2018年就有不少开发者提出过各种解决方案。或许是未得精髓，个人认为基于Web Components的实现脱离整体打包逻辑的，难以工程化。直到遇到了vue-cli 3，子模块打包的问题得以迎刃而解。2019年秋，团队内部初步实现前端分布式开发，解决了集中式...
2024-01-10
【vue分页】前端列表假分页
备注：后端接口返回全部数据，前端页面进行分页一、后端接口格式 1 http://127.0.0.1:9528/dev-api/alice/api/plan/api/case?apiId=1001 2 get 3 返回结果： 4 { 5 "status":1, 6 "message":"OK", 7 "data":{ 8 "apiInfo":{ 9 "type":"get",10 "path":"/api/login",1...
2024-01-10
vue前端demo
前端demo原生js选项卡切换效果### css * { margin: 0; padding: 0; } .box { margin: 20px auto; } .list { height: 20px; width: 200px; } .list li { width: 64px; ...
2024-01-10
前端Vue中动态使用本地图片路径
解决办法：先在项目的data下定义好这样一个数组用于存放需要加载的路径[ {name:"雷霆嘎巴" url：require（./img/zhangshan.png）} , {name:"闪电五连鞭" url：require（./img/zhangshan.png）} , {name:"芜湖" url：require（./img/zhangshan.png）}],...
2024-01-10
vue前端环境部署过程
1.安装nvm-setup2.安装node3.安装git4.检查版本和安装情况5.在代码处，下载依赖包（1）第一种方式 npm install（2）第二种方式npm install --registry=https://registry.npm.taobao.org6.报错及解决（1）npm install报错类似于npm WARN tar ENOENT: no such file or directory, open '*\node_modules.staging*解决方法:删除文件 package-lo...
2024-01-10
【Web前端问题】vue路由控制
vue如何实现图上的路由控制。回答：const routes = [{ path: '/', name: 'layout', component: Layout, beforeEnter: (to, from, next) => { if (/* if not login */ && /* if not navigate to login */) { next('/login') } else { next() } }, children: [{ pa...
2024-01-10详解vue服务端渲染(SSR)初探
前言首先来讲一下服务端渲染，直白的说就是在服务端拿数据进行解析渲染，直接生成html片段返回给前端。具体用法也有很多种比如：传统的服务端模板引擎渲染整个页面服务渲染生成htmll代码块, 前端 AJAX 获取然后js动态添加服务端渲染的优劣首先是seo问题，前端动态渲染的内容是不能被抓取到...
2024-01-10有前端使用过vue打印收银小票吗？
前端使用vue框架，如何通过ip地址连接打印机，并触发打印呢，并且打印的内容可设置等回答：没做过打印收银小票，做过快递标签打印。快递标签打印机和普通的打印机不一样，它接收的不是图像而是 XML ，因此使用 window.print 等方案是无效的，而是要根据打印机厂商提供的协议生成对应的 XML 去启动打印，我做的那款打印机是用的 webSocket + 特定的 XML 结构，拼 XML 很简单...
2024-02-22
vue——前端跨域
***针对的是不同域名、不同协议的跨域：1、找到config文件中开发环境的配置文件——dev.env.js,在里面将要跨域的域名配置进去2、找到config文件中线上环境的配置文件——prod.env.js,在里面将要跨域的域名配置进 3、配置完后，还需要在config的index.js中配置对外的跨域域名，target的值为要跨域的域名（其...
2024-01-10
初识 vue —— 最简单的前后端交互示例
一、学习 vue 面临的问题最近想学一门前端技术防身，看到博客园中写 vue 的多，那就 vue 吧。都说 vue 的官方教程写得好，所以我就从官方教程开始学习。官方教程说“Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用...
2024-01-10
前端架构设计：模型驱动的前端开发
如果把「客户端」想成是楼，把「数据」想成是水——「Model」就是这幢楼的蓄水池，提供充足的水源；「ViewModel」是将蓄水池里的水进行净化等加工的地方，然后输送给挨家挨户；「View」部分的每个 UI 组件就是「挨家挨户」，对水进行消费的地方。一切皆为模型模型是人们根据事物特征将它们分...
2024-01-10
前端跨框架的组件如何开发？
背景题主所在的业务中台团队，需要提供业务组件给不同的上层业务方使用，但因为一些历史遗留问题，不同业务线使用的框架不统一，包括 jQuery、React 、Vue 。为了满足不同业务方的需求，往往需要根据业务方使用的框架，开发对应框架的组件。这样做就会产生一些痛点：每种选型都需要开发...
2024-01-10
前端开发者的基本要求
前几天我为一个项目写README文档，我希望其他开发者能够看到这个项目，并从中学到一些东西。突然我意识到，若放在几年前，我写作的过程中随口提到的Node，npm，Homebrew，git，测试还有产品构建，会把我魂都吓没了。曾经有段时间，一个前端开工程师基本的工作流程是：编辑文件，本地测试下（尽...
2024-01-10
直播开发全端场景解析
直播软件开发行业未来的发展方向：前端流量、中端产品和后端场景，所有的直播类产品或者说想进入直播市场的公司都在想尽各种办法寻找新的出路，而各家的招数也可谓百花齐放，充分体现出了互联网人的创新精神。1、前端：不断引流，持续促活总体方向上，前端的改进依然是通过各种各样的...
2024-01-10
前端开发不得不知的10个最佳ES6特性
为了保证可读性，本文采用意译而非直译，并且对源代码进行了大量修改。另外，本文版权归原作者所有，翻译仅用于学习。ES6，正式名称是ECMAScript2015，但是ES6这个名称更加简洁。ES6已经不再是JavaScript最新的标准，但是它已经广泛用于编程实践中。如果你还没用过ES6，现在还不算太晚…下面是10个ES...
2024-01-10
企鹅辅导品牌页前端动画开发总结
前言：大家好，我是练习时长1年多的前端实习生ajax，由于练习时长不足两年半，在前端动画技能上属于菜鸡水平。最近终于逮到做品牌页这个机会，不用写管理后台了！趁机学了一波动画技能，感觉得到了自我救赎。1. 需求简介企鹅辅导品牌页是一个品牌介绍页，目的在于让用户全方位了解企鹅辅...
2024-01-10
VSCODE开发VUE.JS前端插件
VUE前端插件。转载自：https://www.cnblogs.com/karthuslorin/p/8577224.html vscode是微软开发的的一款代码编辑器，就如官网上说的一样，vscode重新定义（redefined）了代码编辑器。当前市面上常用的轻型代码编辑器主要是：sublime，notepad++，editplus，atom这几种。比起notepad++、editplus，vscode集成了许多IDE才具有的功...
2024-01-10
【JS】前端辅助开发工具
阿里矢量图库传送门 包含非常丰富的图标Orion矢量图库传送门 carbon传送门 非常优美的代码编辑模块，可以辅助我们在写PPT等文档截取代码块的时候不再是模糊的截图，可直接使用这个公共copy代码块，非常清晰。如下图：codepen传送门 CodePen 则是前端开发者们约“码”的天堂。它不仅提供给...
2024-01-10
前端开发中常用的一些js技巧
数组去重 正常我们实现数组去重大多都是通过双层遍历或者indexOf的方式。双层for循环去重function unique(arr) {for (var i = 0; i < arr.length; i++) {for (var j = i + 1; j < arr.length; j++) {if (arr[i] == arr[j]) {arr.splice(j, 1);j--;}}}return arr;}利用indexOf去重function unique(arr) {if (!Array.isAr...
2024-01-10
