- 博客(300)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
原创 TypeScript基础-基础类型
布尔 boolean通过关键字boolean定义let isDone: boolean = false;数字 numberTypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。let decLiteral: number = 6;let hexLiteral: number = 0xf00d;let binaryLiteral: number = 0b1010;let octalLiteral: number = 0o744;字符串 string和Ja
2022-04-26 00:21:40
1777
原创 vue3基础-指令学习补充
v-text显示文本示例<div v-text="msg"></div>const mdg = "hello"v-html显示HTML示例<div v-text="msg"></div>const mdg = "<div style='color:red;'>hello</div>"v-bind绑定属性的值(指令里面不需要加上双括号)示例v-bind:href="url"v-bind:sr
2022-03-26 23:16:03
1014
原创 css 效果-uni-app 使用 float 属性实现环绕之后文字最多显示两行
效果思路这个效果是文本环绕标签组件最多显示两行,京东app也有这个效果环绕效果我们使用float:left实现环绕,文字最多显示两行,我一开始想到的是用下面的代码实现:display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示-webkit-box-orient: vertical; // 设置伸缩盒子的子元素排列方式-webkit-line-clamp: 2; // 显示的行数ps: 关于display:-webkit-box我们下面文章再介绍但是出来的效果是下面
2022-03-22 21:00:00
1939
原创 vue3基础-响应式 API 之 unref、toRef、toRefs、isRef
unref如果参数是一个 ref,则返回内部值,否则返回参数本身。toRef将对象的某个属性转为响应式,修改值时原始值也会改变,但是值改变不会更新视图使用示例:<template> <div class="home"> <div>{{userInfo.name}}</div> <div>{{userInfo.age}}</div> <button @click="changeUserN
2022-02-27 23:39:56
1705
原创 vue2基础- render 渲染函数基础使用
什么是渲染函数&JSXVue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。节点、树、虚拟DOM节点每个元素都是一个节点。每段文字也是一个节点。甚至注释也都是节点。一个节点就是页面的一个部分。就像家谱树一样,每个节点都可以有孩子节点 (也就是说每个部分可以包含其它的一些部分)。虚拟 DOMVue 通过建立一个虚拟 DOM 来追踪自己要如何改变真实 DOM。请仔细看这行代码
2022-01-20 21:15:00
2114
原创 vue2基础-自定义指令v-focus、v-pin 指令动态传参
什么是自定义指令除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。钩子函数自定义指令中的函数一个指令定义对象可以提供如下几个钩子函数 (均为可选):bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一
2022-01-17 21:22:59
1932
原创 vue2基础 - transition 过渡动画结合 animate.css和 Velocity.js 的使用
Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具:在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库,如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画库,如 Velocity.js在这里,我们只会讲到进入、离开和列表的过渡,你也可以看下一节的管理过渡状态。单元素/组件的过渡同时使用过渡动画和时间animate.css1)如果 Vue 项目需要
2022-01-13 23:15:45
400
原创 vue2基础 - 混入对象 mixin 简单使用
文章目录概述选项合并数据对象同名钩子函数值为对象的选项全局混入概述混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。// 定义一个混入对象var myMixin = { created: function () { this.hello() }, methods: { hello: function () { conso
2022-01-13 23:14:10
1759
原创 css 基础 - float 基本使用
文章目录css 中的 float 是什么float 作用场景文本环绕图片文本环绕文本创建整个web布局在小布局中也很有用浮动元素是如何定位的清除 float什么情况下需要清除浮动?如何清除浮动示例css 中的 float 是什么Float 是一个 CSS 定位属性,它指定一个元素应沿其容器(块布局)的左侧left或右侧right放置,允许文本和内联元素环绕它。该元素也从网页的正常流动(文档流)中移除。float 浮动的常用的几种值值作用float:none表明元素不进行浮动
2021-12-13 21:00:00
1981
原创 Vue2基础-Vue2.x 多层级组件数据通信 EventBus 和 Vuex
多层级组件间通信如果我们使用vue提供的prop和emit实现会很麻烦,需要层层嵌套。下面介绍的两种方式可以解决该问题。EventBusVuex源码示例组件创建使用示例参考
2021-12-05 21:47:58
791
原创 Vue2基础-Vue2.x组件注册和基础使用
组件创建组件注册模块化全局注册模块化局部注册组件复用会出现什么问题,因此data 必须是一个函数data 必须是一个函数
2021-12-01 22:52:24
838
原创 window系统使用 bash 新建 vue3+ts 项目以及 preset 模板使用
前提已经装了 bash 命令行vue 开发环境 以及 vue3背景vue3 稳定版已经发布一段时间了,vue3+ts的开发模式能大大提升vue项目的维护性和稳定性。故这里尝试下使用vue cli 快速创建vue3+ts 的项目。平时用 git bash 比较多,但是直接在命令窗口中使用vue create <项目名>后出现的选择项,选择不了。网上说window 系统需要使用winpty vue.cmd create <项目名> 来创建项目,当出现选择项时使用上下箭头
2021-11-23 22:00:05
526
原创 使用 window.open 打开新窗口
打开新窗口的方式有哪些在链接上单击右键,然后选择「在新窗口打开链接」或者「在新标签打开链接」按住键盘上的 Ctrl/Command 单击链接,新标签打开链接<a href="...." target="_blank">window.open()下面仅介绍window.open的使用window.open 的参数介绍语法:let windowObjectReference = window.open(strUrl, strWindowName, [strWindowFeatur
2021-11-21 16:49:52
12862
原创 Vue2 中 Class 和 Style 绑定的使用
Class 和 Style 的绑定操作元素的 class 列表和内联样式(style)是数据绑定的一个常见需求。因为它们都是 attribute ,所以我们可以用 v-bind ,处理它们只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。v-bind 是 vue 的一个指令,用于绑定html属性ps: 对于 v-bind:class
2021-11-14 22:42:58
987
原创 vue2 中 ref 的使用
ref 是什么ref 被用来给DOM元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例。获得了引用信息,那么我们就可以操作元素或者组件了。为什么使用 ref通过定义我们知道了ref的作用注册引用,并通过$refs去获取该引用的DOM元素而且我们知道js中也有对应的api来获取元素,比如document.getElementById('id名称'),那么这二者的区别是
2021-11-14 22:41:50
9246
原创 入门前端-《JavaScript 语言入门教程-属性的操作》
HTML 元素包括标签名和若干个键值对,这个键值对就称为“属性”(attribute)。<a id="test" href="http://www.example.com"> 链接</a>上面代码中,a元素包括两个属性:id属性和href属性。概述元素节点提供六个方法,用来操作属性。getAttribute()getAttributeNames()setAttribute()hasAttribute()hasAttributes()removeAttri
2021-10-30 21:51:34
175
原创 入门前端-《JavaScript 语言入门教程-setTimeout 和 setInterval》
JavaScript 提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。setTimeout()setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。function f() { console.log(2);}setTimeout(f, 1000);还有一个需要注意的地方,如果回调函数是对象的方法.
2021-10-30 21:46:58
543
原创 入门前端-《JavaScript 语言入门教程-实例对象和New对象》
new 命令的原理使用new命令时,它后面的函数依次执行下面的步骤。创建一个空对象,作为将要返回的对象实例。将这个空对象的原型,指向构造函数的prototype属性。将这个空对象赋值给函数内部的this关键字。开始执行构造函数内部的代码。Object.create() 创建实例对象构造函数作为模板,可以生成实例对象。但是,有时拿不到构造函数,只能拿到一个现有的对象。我们希望以这个现有的对象作为模板,生成新的实例对象,这时就可以使用Object.create()方法。var perso
2021-10-30 21:32:34
357
原创 vue2.x 计算属性 computed 和侦听器 watch 使用示例
vue 计算属性和侦听器完整代码示例:demo-计算属性-方法-侦听器计算属性什么是计算属性?本质还是属性,但是它的属性值必须是函数为什么需要计算属性和侦听器?计算属性computed主要解决模板template中放入太多运算逻辑问题。而侦听器watch能实现计算属性computed所能实现的所有功能。那么二者的区别在于哪?计算属性computed是监听依赖的值是否变化,如依赖的值有变化会触发回调,否则直接使用缓存的值。当需要在数据变化时执行 异步 或 开销较大 的操作时,使用
2021-10-14 21:48:36
242
原创 入门前端-v-charts 动态修改饼图(理论上所有图表)标题
需求在输入框中改变数值,对应的图表的标题也要改变我们原来封装的图表组件如下:这时候直接通过外部的传递的chartTitle 没法直接改变图表的标题。<template> <ve-pie :data="chartData" :extend="extend" /></template><script>export default { name: 'MyPie', props: { chartTitle: { t
2021-09-30 16:53:56
1651
1
原创 入门前端-Vue 解决跨域问题
什么是跨域跨域俗称跨源资源共享(CORS)是一种基于HTTP 头的机制,该机制通过允许服务器标示除了它自己以外的其它origin(域,协议和端口),这样浏览器可以访问加载这些资源。跨域本质是浏览器基于同源策略的一种安全手段同源策略(Sameoriginpolicy),是一种约定,它是浏览器最核心也最基本的安全功能所谓同源(即指在同一个域)具有以下三个相同点协议相同(protocol),如:http或者https主机相同(host),如:192.168.1.1或者192.168.1.2端口
2021-09-11 07:16:43
295
原创 微信小程序-基于云开发实现社区项目(Demo版本的升级)
针对上一版 【微信小程序~云开发的实现的一个社区 Demo(完结~)】 项目的问题,做了问题修复和功能优化以及UI美化,起码整体界面效果看起来不那么“程序员”了。同时还新增了很多小程序项目中常用的功能,每个功能的实现也都整理出对应文档。项目整体分包结构清晰,而且代码简单 99% 都是最基础的 html+css+js 知识。而且利用腾讯云提供的云开发,我们可以一个人就把前后端的工作都给实现。微信云开发官方介绍文档开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。云开发.
2021-09-11 07:06:39
1755
7
原创 前端开发tips- img 图片自适应
用 CSS 来让图片自适应其实很简单。 你只需要给图片添加这些属性:img { max-width: 100%; height: auto;}设置 max-width 值为 100% 可确保图片不超出父容器的范围;设置 height属性为 auto可以保持图片的原始宽高比。<style>.responsive-img {}img { width: 600px; height:auto; max-width:100%;}</style&g.
2021-08-14 17:04:34
785
原创 入门前端-CSS使用before、after以及 transform实现心形跳动效果
效果图分析通过::before和::after以及transform实现。先绘制一个旋转45deg的正方形在::before绘制一个合适的圆形再::after绘制一个合适的圆形代码实现<style> .heart { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; background-color: pink;
2021-08-14 17:03:51
802
原创 入门前端-由 JavaScript 的作用域衍生到闭包
文章目录全局作用域模块作用域函数作用域块作用域词法作用域上篇文章我们写了 var,let,const的区别,文中多次提到作用域,那么作用域是什么呢?作用域定义了变量的生命周期和可见性。变量在声明它们的作用域之外是不可见的。JavaScript 有全局作用域、模块作用域、函数作用域、块作用域、词法作用域。全局作用域在任何函数、块或模块作用域之外定义的变量称为全局变量。可以从应用程序的任何地方访问全局作用域内的变量模块作用域函数作用域块作用域词法作用域...
2021-08-08 17:55:15
161
翻译 var、let、const – 有什么不同?
文章目录var变量的作用域可以重新声明和更新作用域提升var 的问题letlet 是块作用域可以更新,但不能重新声明作用域提升constconst 声明是块作用域的常量不能更新或重新声明总结在本文中,我们将讨论var、 let 和 const,它们的作用域、用途和提升。(关于作用域我们下篇介绍)var在 ES6出现之前,var 声明占主导地位。不过,与用var 声明的变量相关的问题也存在。这就是为什么有必要用新的方法来声明变量的出现。比如let 和 const变量的作用域作用域本质上意味着这
2021-08-03 21:37:16
261
原创 入门前端-《JavaScript 语言入门教程-callback、Promise、async和await》
文章目录callback 回调函数为什么要使用回调函数?怎么使用回调函数?回调地狱Promise解决什么问题如何使用Promise多异步任务合并用法`Promise.all(iterable)``Promise.race(iterable)`Promise.all 和 Promise.race 的区别Promise 和 Callback 的区别async/await解决什么问题如何使用async/await 和 promise 的区别总结callback 回调函数定义:被作为实参传入另一函数,并在该外
2021-08-03 21:35:15
357
转载 入门前端-《JavaScript 语言入门教程-Storage接口》
文章目录Storage属性和方法Storage.setItem()Storage.getItem()Storage.removeItem()Storage.clear()Storage.key()StorageStorage 接口用于脚本在浏览器保存数据。两个对象部署了这个接口:window.sessionStorage和window.localStoragesessionStorage保存的数据用于浏览器的一次会话(session),当会话结束(通常是窗口关闭),数据被清空;local
2021-07-31 21:40:37
191
转载 入门前端-《JavaScript 语言入门教程-浏览器环境概述》
文章目录概述代码嵌入网页的方法script 元素工作原理defer 属性async 属性脚本的动态加载概述JavaScript 是浏览器的内置脚本语言。也就是说,浏览器内置了 JavaScript 引擎,并且提供各种接口,让 JavaScript 脚本可以控制浏览器的各种功能。一旦网页内嵌了 JavaScript 脚本,浏览器加载网页,就会去执行脚本,从而达到操作浏览器的目的,实现网页的各种动态效果。代码嵌入网页的方法网页中嵌入 JavaScript 代码,主要有四种方法。<scr
2021-07-31 21:16:52
107
原创 入门前端-《JavaScript 语言入门教程-Map和Set》
这里写目录标题MapSet实例过滤数组中唯一的元素过滤字谜迭代键MapSet实例过滤数组中唯一的元素function unique(arr) { return Array.from(new Set(arr));}let values = ["Hare", "Krishna", "Hare", "Krishna", "Krishna", "Krishna", "Hare", "Hare", ":-O"];alert( unique(values) ); // Hare, Kr
2021-07-20 22:27:41
214
2
投屏神器scrcpy
2020-10-17
计算机图形学第四章第七章课后部分答案
2016-06-27
计算机图形学4、7章简答题
2016-06-27
AndroidStudio添加外部依赖构建报错怎么解决
2016-06-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人