努力中~-CSDN博客

原创 TS安装手动编译 vscode自动编译

1.安装 TypeScript命令行运行如下命令，全局安装 TypeScript：npm install -g typescript安装完成后，在控制台运行如下命令，检查安装是否成功：tsc -V 2.手动编译代码我们使用了 .ts 扩展名，但是这段代码仅仅是 JavaScript 而已。在命令行上，运行 TypeScript 编译器：tsc helloworld.ts3.vscode自动编译1). 生成配置文件tsconfig.json tsc --init2). 修

2021-05-08 11:30:48 256

原创精选前端VS Code高频插件

1.HTML Boilerplate 通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。2.Color Picker 在书写 HTML 和 CSS 的时候，你可能经常需要修改元素的颜色。VS Code 为修改颜色，提供了一个图形化的界面，其中包含了颜色相关的属性。当你打开一段 HTML 或者 CSS 代码时，你可以看到，VS Code 在颜色的前面画了一个方块

2020-11-20 16:02:49 273

原创 Vue3.0 小练习（记事本）

Vue3.0 小练习（记事本）这是参考一位大佬视频来编辑完成的希望给大家带来帮助全在代码中写有注释<template> <!-- 在这里我们使用的是 bootstrap 样式需要在index.html 引入 <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet"> 需要样式可以去 htt

2020-10-09 16:24:57 895

原创 vue-cli3.0 最新项目创建

1. 首先我们要打开终端工具要检查一下node npm 的版本2. 全局安装 vue clinpm install -g @vue/cli安装完成后检查版本号 vue -V3. 创建项目vue create practice（practice这个是文件名可以随意替换）可以使用自己的项目名4. 创建完成项目会让我们自己选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了这里我现在手动选择配置，看个人项目需求空格键是选中

2020-09-24 11:56:10 169

原创 vue3 ref reaction computed api练习

要想启动vue项目首先要安装好Vue开发环境打开终端工具检查版本号1.node -v 检查node 版本（如没有安装 https://nodejs.org/en/ 去下载安装）2.npm -v 检查npm 版本（也可以安装 cnpm）（npm install -g cnpm --registry=https://registry.npm.taobao.org）以上检查完毕后安装@vue/clinpm(或者cnpm) npm install -g @vue/cli...

2020-09-22 11:37:39 343

原创 uni-app 简单的上拉刷新下拉加载

想要在uni-app中实现下拉刷新首先需要在 pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启 enablePullDownRefresh 就可以监听到下拉的过程{ "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app", //在这里添加enablePullDownRefresh 是在当前页面开启下啦必填项 "enablePullDownRef

2020-09-17 17:05:13 2138

原创 VUE 自动轮播图 + tab切换

VUE 自动轮播图 + tab切换这些都是我在工作中遇到的问题虽然我们现在插件拿过来可以直接使用但是有时候还需要自己去写一些可能写的不是特别好希望大家可以提出意见共同进步写这个就是为了以后在遇到这样的问题可以快速的找到然后来完成它这个和我上一篇原生js轮播图效果都是一样的当点击某一个轮播图会变化如果不点击 tab会随着轮播图的变化尔变化有时间我会在尝试的把这个轮播图写成组件在这里插入代码片希望可以帮助到大家大佬们请多多给提意见<!DOCTYPE html>

2020-08-18 16:48:37 2664

原创原生js轮播图自动轮播+Tab切换

原生js轮播图写博客为了方便自己查找也可以供大家参考请大佬们多多指点点击按钮和点都会同步变换轮播图图片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* 展示区域样式 */ .wrap { width: 500px; height: 40

2020-08-18 12:37:14 686

weixin_42320867的博客