相关文章

DDGScreenShot--iOS 图片裁剪,切圆角,加边框,你还用cornerRadius,还有更高级的用法...

写在前面 所有功能演示 我们肯定做过这样的需求,给一个图片切圆角, 当然我们大多采用简单粗暴的方法 myIcon.layer.cornerRadius 16.5 myIcon.layer.masksToBounds true 如果是静态的页面也无关紧要,要是可以滑动的页面, 有很多…

如何在storyboard设置圆角(cornerRadius)、边框(borderWidth)等操作。

目录 方法1:Runtime Attributes 方法2:使用@IBInspectable(下面以UIButton为例介绍使用方法) Step1:创建一个UIButton分类(Category)UIButton+Layer Step2:UIButton+Layer.h 中添加属性 Step3:UIButton+Layer.m中实现setter、getter方法 Step4:到这里前期准备就…

Autolayout 下面的 Layer.cornerRadius

一、问题: 如何在Autolayout模式中设置一个UIView的layer.cornerRadius? 二、解决: UiView的layer目前还不支持Autolayout设置约束,因此如果想设置一个layer.cornerRadius的大小,必须传递的是一个值。 如果被设置的UIV…

vue2和vue3的区别(由浅入深)

前言 vue2和vu3之前的区别,一直以来是面试必考题目,如何回答,回答的层次决定了面试者的对于vue2,3的理解,以及对于vue3目前稳定版本发展的方向的了解,即考察使用程度,又考察了学习能力&#xf…

Vue3组合式API:getCurrentInstance

官方文档现已找不到此api,可寻找其他替代方案 Vue2中,可以通过this来获取当前组件实例; Vue3中,在setup中无法通过this获取组件实例,console.log(this)打印出来的值是undefined。 在Vue3中,getCurrentIn…

vue3项目安装

yarn安装vue3项目 1.先用npm安装yarn npm install -g yarn2.全局安装 yarn global add vue/cli3.创建一个目录名为vue3-project的vue3项目 vue create vue3-project4.进入项目 cd vue3-project5.启动项目 yarn serve

Vue3 安装与配置 详细教程

Vue3 安装与配置 详细教程 NodeJS 安装与配置 Vue 安装与配置 安装 Vue-cli 3.x 脚手架 Vue3 项目创建 1. NodeJS 安装与配置 1.1 百度上搜索 node 找到其官网(英文官网) 1.2 可以搜索其中文官网 打开之后,显示如下 1.3 通过中文网下载…

vue3子组件调用父组件的方法

第一步:子组件注册事件,在子组件需要调用父组件方法的地方,置入该注册事件方法,即可调用父组件的方法。 第二步:父组件引入子组件后 第二步:子组件注册的事件“父组件的方法”

Vue3 项目创建

安装 1、安装node vue 3需要node10以上版本 node官网下载地址以往的版本 | Node.js 2、安装vue/cli 如果已经全局安装过旧版本的vue-cli npm uninstall vue-cli -g //yarn global remove vue-cli 然后安装 npm install -g vue/cli //yarn global add vue/cli 为什…

vue3 draggable拖拽

!!首先安装 vuedraggable npm i -S vuedraggablenext一定要带上next,不然就会报错 很恶心!使用建议看官网。 官网:vue.draggable中文文档 - itxst.comVue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动…

学习Vue3 第一章

视频教程Vue3 vite Ts pinia 实战 源码 全栈_哔哩哔哩_bilibili 1.介绍vue Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层&#xff…

Vue3的fragment

vue2时,组件的模板结构中出现多个标签时,需要使用根标签。 vue3时,组件的模板结构中出现多个标签时,可以不用根标签。这是因为vue3会自动将多个标签用fragment包裹。 举个例子。 main.js import { createApp } from vue import…

vue3.0基本使用 详细说明!!!

目录 一、vue3概述 (1)为什么要学习vue3 (2)vue3的新变化 (3)破坏性语法的更新 二、vue3开发环境搭建 (1)创建vue3项目 (2)创建vue2和vue3项目的文件发…

Vue3安装配置、开发环境搭建(组件安装卸载)(图文详细)

Vue3安装配置、开发环境搭建(组件安装卸载)(图文详细) 本文目录: 一、vue的主要安装使用方式 二、node.js安装和配置 1、支持运行 Node.js的平台 2、Node.js 版本开发发布时间表(日期可能会有变化) 3、下载安装no…

Vue3基础看这一篇就够了(万字长篇,附实例代码及效果演示)

目录 前言 概述 Vue3组合式api VS Vue2选项式api 基础部分 setup 选项式api的风格 组合式api的风格 区别 响应式数据 ref reactive shallowReactive 与 shallowRef 计算属性和监听 computed 函数 watch 函数 watchEffect 生命周期 响应式数据只读 toRaw 返回代…

【前端开发---Vue3】前段开发之详细的Vue3入门教程,特别适合小白系统学习,入门到熟练使用Vue看这一篇就够了!

前言: 这篇文章更加侧重的是Vue3不同于Vue2的知识点,如果学习Vue2请看下面这篇文章 Vue2详细系统入门教程 11.2 Vue3 声明:图片资源来自于黑马程序员公开学习资料 本人在学习当中,详细整理了笔记,供大家参考学习 想…

vue3的基本使用(超详细)

一、初识vue3 1.vue3简介 2020年9月18日,vue3发布3.0版本,代号大海贼时代来临,One Piece特点: 无需构建步骤,渐进式增强静态的 HTML在任何页面中作为 Web Components 嵌入单页应用 (SPA)全栈 / 服务端渲染 (SSR)Jams…

Vue3实战教程(快速入门)

Vue3实战教程(快速入门) 前言1.搭建脚手架1.1 创建项目1.2 清除多余文件,创建干净项目1.3 创建登录页面 2.创建404页面(引入sass)2.1 引入sass2.2 创建404页面 3.构建登录注册页面(引入element-plus&#x…

关于Collection下的removeAll方法抛出UnsupportedOperationException分析

起因 这周在开发的过程遇到了以下这个错误 之前一直规范运用Collection的接口,所以这个异常比较少见。所以我就纳闷了,做个一个实验。 package src;import com.google.common.collect.Sets; import lombok.Builder; import lombok.Data;import java.u…

List 的 removeAll 方法的效率

List 的 removeAll 方法的效率低的原因: 要遍历source,对dest进行contain操作,而contain又要遍历dest进行equal比较。 解决办法:dest转为set,用set的contain方法,然后不包含的add到新的list。add的效率更高。 代码&am…