_sthen-优快云博客

原创 typeScript

yarn init --yes//创建yarn add typescript --dev //安装yarn tsc 01-typescript.tsyarn tsc --init //配置文件标准库是内置对象所对应的声明文件ts 变量作用域问题，不同的文件相同的变量名称，(function(){//把内容放到这个立即执行函数中})()或者使用 export {}Object 类型 // 以下用ts来表示typeScript// 在ts中 Object类型泛指所有的非原始

2022-03-18 11:57:02 151

原创常用的自动化构建工具

Grunt构建过程基于临时文件，所以会慢，基本每一步都会有磁盘读写gulp基于内存，可同时执行多个FISGrunt 基本使用//Grunt 的入口文件//用于定义一些需要 grunt 自动执行的任务//需要导出一个函数//这个函数接受一个 grunt的形参，内部提供一些创建任务是可以用到的 apimodule.exports = grunt =>{ grunt.registerTask('foo',()=>{ console.log('hello g

2022-03-18 11:55:41 561

原创 ES2015

关于ES2015，ECMAScript也是一个脚本语言，JavaScript是ECMAScript的扩展因为ES2015 变化比较大，主要有四大类变化关于ES2015我的笔记解决原有语法上的一些问题和不足letconst对原有语法进行增强全新的对象、全新的方法、全新的功能全新的数据类型和结构如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功

2021-08-07 23:12:37 180

原创 vue 使用跳转页面到指定位置。

vue 使用跳转页面到指定位置。写在$nextTick方法中，前俩句先初始化这个滑动组件，下面是定义滑动的距离

2021-03-31 11:29:26 1299

原创 vue 子组件调用祖父级或更高层级组件的方法

今天遇到一个问题，因为需求的原因我的组件嵌套的有点多，需要从子组件调用祖父级组件的方法。这里需要的版本是 vue 2.2.0版本及更高版本在你的祖父级组件中写入 provide方法在你要操作的孙子组件中写入 injectprovide具体用法：这里的provide是和methods同级的，this.showpay是我的方法inject具体用法：在子组件中是和data 这些同级，有点类似于props,优点就是不止是祖父层级，更高层级也可以。...

2020-09-28 16:28:31 5394 2

原创 vue tab 组件切换滑动效果

UI小姐姐提的优化，其实内心是拒绝的我们先找一下逻辑，如果要滑动效果，那我们的俩个或多个子组件就应该同时显示，并给子组件定位并排。先给俩个组件定位,这里的select是之前控制组件是否显示的值当然在tab标签点击的时候会改变select，这里就不做展示了。我把后一个组件transform：translateX(100%);定位到了看不到的并排的地方，一会好操作。首先定义一个俩个组件显示时候的状态.huadong{transform:translateX(0);transition:all

2020-09-16 11:35:53 1469

原创 css文字与图片水平对齐

闲话少说看图布局：< span class=“sss”>< img src=""/>< p>考点速记< /span>样式：.sss{width: 50%;height: 100%;display: inline-block;text-align: center;float: left;line-height: 80px;img{display: inline-block;vertical-align: middle;widt

2020-09-10 16:36:07 1610

原创 vue点击按钮不触发输入框失去焦点事件

vue点击按钮不触发输入框失去焦点事件之前在代码运行中发现在给input添加失去焦点事件后（blur)，点击返回按钮也触发了input失去焦点事件。在返回按钮上添加 mousedown 方法下面是方法：preventBlur(event){event.preventDefault();},...

2020-09-10 16:00:16 5205

DesireOldFriend的博客