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基于vue2.0实现仿百度前端分页效果附实现代码
前言上篇文章中，已经使用vue实现前端分页效果，这篇文章我们单独将分页抽离出来实现一个分页组件先看实现效果图代码实现按照惯例，我们在冻手实现的时候还是先想一想vue实现组件的思路1、需要提前设定哪些参数需要暴露出来给父组件传递<Paging :name="name" @change="onPageChange" :page-size=...
2024-01-10
Vue前后端交互
Promise 基本用法实例化 Promise对象，构造函数中出传递函数，该函数用于处理异步任务resolve和reject两个参数用于处理成功和失败两种情况，并通过p.then获取处理结果处理原生Ajax 封装函数 里面继续判断 返回值，外面调用再then发送多次ajax请求.then参数中的函数返回值 1.返回promise实例对象 //返...
2024-01-10
记前端vue 实现地图选址 - 一个人一条狗
记前端vue 实现地图选址 1.前端选择框点击跳转至地图选址页面<van-row class="address_item"> <van-col span="6" class="item-title">收货地址</van-col> <van-col span="18"> <p class="item"> <...
2024-01-10
【前端】vue如何获取滚动位置？
<div class="header"></div><div class="chat" ref="main">.....</div><div class="footer"></div>scrollBottom:function(){console.log(this.$refs.main.scrollTop);},无论我怎么滚动，打印的值始终为0 这是怎么回事？回答应该 滚动的元素并不是你取到的这个元素用window上的方法进行监听解决了，是兼容性问题，谷歌浏览器不支持这种方法...
2024-01-10
Vue管理系统前端系列三登录页和首页及`vuex`管理登录状态
目录登录页面设计vuex 对应 用户模块丰富界面首页相关代码登录页面设计该节记录了登录界面的设计，以及 vuex 的简单实用，然后将首页简单搭建完成。先看最终效果图先在 views 文件夹下 新建 login/index.vue ...
2024-01-10
vue前端控制
思路：登录：当用户填写完账号和密码后向服务端验证是否正确，验证通过之后，服务端会返回一个token，拿到token之后（我会将这个token存贮到sessionStorage中，保证刷新页面后能记住用户登录状态），前端会根据token再去拉取一个 user_info 的接口来获取用户的详细信息（如用户权限，用户名等等信息）...
2024-01-10
【前端问题精选】vue中ts写的代码必须加分号吗？
第一次在vue中用ts，发现保存后会自动加上分号，不加分号会报错，好像和eslint冲突vscode配置是不加分号的，请问下这种情况该怎么处理回答：Step1:Install eslint-config-prettier:npm install --save-dev eslint-config-prettier prettierStep2:add eslint-config-prettier to the "extends" array in your .eslintrc.* file. Make sur...
2024-01-10vue2 前端搜索实现示例
项目数据少的时候，搜索这样的小事情就要交给咱们前端来做了，重要声明，适用于小项目！！！！！其实原理很简单，小demo是做搜索市区名称或者按照排名搜索。<div> <input type="text" v-model="name" placeholder="点击搜索按钮筛选" /> <input type="button" @click="search" /></div><table> <tbody> <tr v-for="item...
2024-01-10
vue实现PC端分辨率适配操作
依赖项目基础配置使用 vue-cli 生成自适应方案核心： 阿里可伸缩布局方案 lib-flexiblepx转rem：px2rem，它有webpack的loader px2rem开始先使用vue脚手架初始化一个webpack项目vue init webpack 项目名项目初始化好了之后，进入项目目录中 (cd 项目名) 安装 lib-flexible 和 px2rem-loadernpm i lib-flexible -Snpm i px2rem-loader -D...
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
