框架 地图baidu vue

【Vue】vue项目目录介绍 es6的导入导出语法 vue项目开发规范 Vue项目编写步骤

昨日回顾 # 1 计算属性 -属性放在data配置项中,方法放在methods中 -computed:{ 方法名(){} } -把它当属性用,缓存:只有当该计算属性使用的变量发生变化时,它才重新运算 # 2 重写过滤案例 - 通过计算属性,重写过滤案例 -newDataList做成计算属性,v-fo ......
项目 项目开发 语法 Vue vue

【Vue】计算属性 监听属性 组件通信 动态组件 插槽 vue-cli脚手架

昨日回顾 # 1 checkbox v-model 只针对于input,做双向数据绑定 -单选 :选中或不选中 选中就是true,不选中就是false -多选 :数组,选了多个,把选中的value值放到数组中 # 2 购物车案例 -checkbox 多选 -插值 可以放 函数() 把函数返回结果放在 ......
组件 属性 脚手架 vue-cli 动态

【Vue】style和class 列表渲染 使用v-for进行循环 监控失效 双向数据绑定 过滤案例 事件修饰符

昨日回顾 # 1 前端发展历史 -vue react -谷歌flutter,Dart语言 -uni-app:小公司 -vue: 3.x 2.x -3.x :ts -2.x :js # 2 vue: -渐进式 -MVVM: M层:model,数据层,js V层:view,视图层,html,css VM ......
双向 案例 事件 数据 style

Vue 关键概念介绍

Vue现在已经迭代到 3+ 版本,阅读官方文档的过程中发现作者的一些理念和思路很合我口味,很多概念与方案都是基于解决实际问题提出并实现的,且在权衡利弊后勇于打破常规,比如如何看待关注点分离?。可见,Vue 之所以流行,不单单因为作者是国人,更应该是由于 Vue 作为新一代的解决方案提升了前端编程的体 ......
概念 关键 Vue

推荐一款新的自动化测试框架:DrissionPage!

今天给大家推荐一款基于Python的网页自动化工具:DrissionPage。这款工具既能控制浏览器,也能收发数据包,甚至能把两者合而为一,简单来说:集合了WEB浏览器自动化的便利性和 requests 的高效率。 一、DrissionPage产生背景 实现网页自动化,会有两类形式: 直接向服务器发 ......
DrissionPage 框架

slate源码解析(二)- 基本框架与数据模型

源码架构 首先来看下最核心的slate包下的目录: 可以看到,作为一个开源富文本库,其源码是相当之少。在第一篇文章中说过,Slate没有任何开箱即用的功能,只提供给开发者用于构建富文本所需的最基本的一套schema及操作API。因此源码的体量自然就要少许多。 我们来预览上图中各个目录下文件所负责的功 ......
源码 框架 模型 数据 slate

Python 内置界面开发框架 Tkinter入门篇 丁

最终季来了,快来追更!这篇文章属于系列文章《Python 内置界面开发框架 Tkinter入门篇》的第四篇,也是最后一篇了。 ......
框架 界面 Tkinter Python

Vue急速入门-5

vue-cli创建项目 前端工程化,项目>>>(vue-cli),创建处vue项目,单页面应用(spa) vue-cli创建项目开发,在项目中开发,最后上线,一定要编译 '纯粹的html,js,css' vue-cli工具由于是nodejs编写的,所以我们需要node安装环境1.下载node解释器 ......
Vue

Vue学习:实现用户没有登陆时,访问后自动跳转登录页面

设计思路 定义路由的时候配置属性,这里使用needLogin标记访问页面是否需要登录 设置路由守卫,每个页面在跳转之前都要经过验证,校验用户信息是否存在,不存在跳转到登录页 用户登录后将用户信息存储在localStorage 退出登录后,将用户信息清空 代码实现 1、router文件夹的index. ......
页面 用户 Vue

基于Vue3+TS的Monorepo前端项目架构设计与实现

写在前面 你好,我是前端程序员鼓励师岩家兴!去年在另一个项目https://juejin.cn/post/7121736546000044046中,我向读者朋友们介绍了结合npm包管理工具yarn作vue3项目的monorepo架构设计。今天,在这个风和日丽阳光明媚的钱塘江畔,我心情很好,我打算再写 ......
前端 架构 Monorepo 项目 Vue3

如何优化 Vue.js 应用程序

单页面应用(SPAs)当处理实时、异步数据时,可以提供丰富的、可交互的用户体验。但它们也可能很重,很臃肿,而且性能很差。在这篇文章中,我们将介绍一些前端优化技巧,以保持我们的Vue应用程序相对精简,并且只在需要的时候提供必需的JS。 注意:这里假设你对Vue和Composition API有一定的熟 ......
应用程序 程序 Vue js

Java ”框架 = 注解 + 反射 + 设计模式“ 之 注解详解

Java ”框架 = 注解 + 反射 + 设计模式“ 之 注解详解 每博一文案 刹那间我真想令时光停住,好让我回顾自己,回顾失去的年华,缅怀哪个穿一身短小的连衣裙 和瘦窄的短衫的小女孩。让我追悔少年时代,我心灵的愚钝无知,它轻易地错过了我一生中本来 可以获得欢乐和幸福。 —————— 《平凡的世界》 ......
注解 设计模式 框架 模式 Java

vue+.net入门级书签项目

vu3+.net6 webApi 书签管理项目 本项目已接入ChatGpt 前言 Gitee项目地址:https://gitee.com/zyplj/book-marks Github项目地址:https://github.com/ZyPLJ/BookMarks 作为一个bug程序员,保存了很多书签 ......
书签 项目 vue net

Vue基础02、过滤案例、购物车案例

Vue基础02、过滤案例、购物车案例 一、v-for能循环的类型 数组、带索引 对象、默认value值、也可以是key值 字符串、带索引 数字、带索引 二、js的几种循环方式 js的循环基于索引的循环 js的in循环拿到的是索引 es6语法 of循环 数组的方法 forEach循环 jQuery的循 ......
案例 购物车 基础 Vue

Vue前后端交互、生命周期、组件化开发

Vue前后端交互、生命周期、组件化开发 一、Vue用axios与后端交互 ​ 如果用jQuery与后端交互的话,我们用Ajax发请求,那么用Vue做前端,需要做前后端分离,与后端做交互。这个时候Vue也提供了独立的方法叫Axios,其实Ajax也是没问题的但是同时使用两个框架写前端项目,有点大材小用 ......
组件 周期 生命 Vue

一个基于 gin+ grpc + etcd 等框架开发的小栗子

一、标准的项目结构 首先我们看一个标准的项目结构是什么样子的,github 上给出的一个示例:golang-standards/project-layout 二、服务注册与发现流程 三、etcd官方示例 服务注册和发现都可参考 etcd官网 的注册和发现流程。 1、服务注册 2、取消注册 3、使用租 ......
框架 etcd grpc gin

vue的两种服务器端渲染方案

关于服务器端渲染方案,之前只接触了基于react的Next.js,最近业务开发vue用的比较多,所以调研了一下vue的服务器端渲染方案。本文着重介绍两种渲染方案。 ......
服务器 方案 vue

vue原理:diff、模板编译、渲染过程等

一、虚拟DOM: 因为DOM操作非常消耗性能,在操作DOM时,会出现DOM的回流(Reflow:元素大小或者位置发生改变)与重绘(元素样式的改变)使DOM重新渲染。 现在的框架Vue和React很少直接操作DOM,因为两者都是数据驱动视图,只会对数据进行增删改的操作 因此,二者使用虚拟DOM(vdo ......
原理 模板 过程 diff vue

Vue/ React/ Angular 前端项目在 Web 服务器上的部署配置

Web 服务器是一种用于存储,处理和传输 Web 内容的软件。它是一种特殊类型的服务器,具有处理 HTTP 请求并向浏览器返回 Web 页面和其他内容的能力。Web服务器支持多种编程语言,如 PHP,JavaScript,Ruby,Python 等,并且支持动态生成 Web 页面。常见的 Web 服 ......
前端 Angular 服务器 项目 React

Vue3 企业级优雅实战 - 组件库框架 - 10 实现组件库 cli - 下

上文创建了一堆 utils、component-info,并实现了新组件模块相关目录和文件的创建。本文继续实现后面的内容。 1 组件样式文件并导入 在 src/service 目录中创建 init-scss.ts 文件,该文件导出 initScss 函数。 由于 .vue 类型的组件的样式就直接写在 ......
组件 实战 框架 企业 Vue3

Vue3 企业级优雅实战 - 组件库框架 - 11 组件库的打包构建和发布

回顾第一篇文章中谈到的组件库的几个方面,只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。 1 组件库构建 组件库的入口是 packages/yyg-demo-ui,构建组件库有两个步骤: 添加 TypeScript 的配置文件: tsconfig.json 添加 vite.conf ......
组件 实战 框架 企业 Vue3

千姿百态,瞬息万变,Win11系统NeoVim打造全能/全栈编辑器(前端/Css/Js/Vue/Golang/Ruby/ChatGpt)

我曾经多次向人推荐Vim,其热情程度有些类似现在卖保险的,有的时候,人们会因为一些弥足珍贵的美好暗暗渴望一个巨大的负面,比如因为想重温手动挡的快乐而渴望买下一辆二十万公里的老爷车,比如因为所谓完美的音质而舍不得一个老旧的有线耳机,比如因为一个铜炉火锅而期待北京那漫长而寒冷的冬天。 ......

django框架之drf(部分讲解)

一、认证组件 简介: 登录认证的限制 认证组件是drf框架给我们提供的认证接口,它能够在请求进入视图函数/类前进验证(例如:认证用户是否登录),对不符合认证的请求进行拦截并返回校验失败的信息 (1)、登录接口 # 认证是基于登录的接口上面操作的 所以前戏编写一个简单的登录接口 models.py c ......
框架 部分 django drf

Android IO 框架 Okio 的实现原理,如何检测超时?

本文已收录到 AndroidFamily,技术和职场问题,请关注公众号 [彭旭锐] 提问。 前言 大家好,我是小彭。 在上一篇文章里,我们聊到了 Square 开源的 I/O 框架 Okio 的三个优势:精简且全面的 API、基于共享的缓冲区设计以及超时机制。前两个优势已经分析过了,今天我们来分析 ......
框架 原理 Android Okio IO

Android IO 框架 Okio 的实现原理,到底哪里 OK?

本文已收录到 AndroidFamily,技术和职场问题,请关注公众号 [彭旭锐] 提问。 前言 大家好,我是小彭。 今天,我们来讨论一个 Square 开源的 I/O 框架 Okio,我们最开始接触到 Okio 框架还是源于 Square 家的 OkHttp 网络框架。那么,OkHttp 为什么要 ......
框架 原理 Android Okio IO

腾讯出品小程序自动化测试框架【Minium】系列(五)API详解(下)

写在前面 又有好久没更新小程序自动化测试框架Minium系列文章了,主要真的太忙,尽量做到每周一更吧,还请大家能够理解! 上篇文章为大家分享关于Minium中Minium、App模块的API 使用,接下来将为大家继续分享Minium中API的使用。 Page中API的使用 data 当前页面数据, ......
框架 程序 Minium API

腾讯出品小程序自动化测试框架【Minium】系列(六)常见组件的处理

写在前面 我发现一件神奇的事,当你学一门新技术或者新的知识点遇到不会的时候,真的可以先放一放,第二天再去学习,也许说不定也就会了。 为什么这么说? 昨天文章断断续续的写了近一天,有一个组件不认识,自然也不知道该怎么处理,真的憋得脑子疼,后来一合计算了,事已至此,还是先吃饭吧,就扔一边了。 结果今天再 ......
组件 框架 常见 程序 Minium

【Unity 框架】 QFramework v1.0 使用指南 工具篇: 16. LiveCodingKit 写代码不用停止运行的利器 | Unity 游戏框架 | Unity 游戏开发 | Unity 独立游戏

我们在用 Unity 开发的时候,每次编写或修改一点代码就需要进行 停止运行->编写代码->等待编译->运行游戏。 而在很多情况下这个过程是一个比较耗神的过程,因为开发者需要等待,还需要动手操作。 在笔者体验过 GameMakerStudio 的 GMLive 插件后,发现不停止运行就可以直接查看代 ......

Backbone前端框架解读

作者: 京东零售 陈震 一、 什么是Backbone 在前端的发展道路中,前端框架元老之一jQuery对繁琐的DOM操作进行了封装,提供了链式调用、各类选择器,屏蔽了不同浏览器写法的差异性,但是前端开发过程中依然存在作用域污染、代码复用度低、冗余度高、数据和事件绑定烦琐等痛点。 5年后,Backbo ......
前端 框架 Backbone

Django框架之drf:7、认证组件,权限组件,频率组件,过滤的多种用法,排序,分页

Django框架之drf 一、认证组件 简介: ​ 登录认证的限制 ​ 认证组件是drf框架给我们提供的认证接口,它能够在请求进入视图函数/类前进验证(例如:认证用户是否登录),对不符合认证的请求进行拦截并返回校验失败的信息 1、认证组件使用步骤 模块地址: from rest_framework. ......
组件 框架 频率 多种 权限