- 博客(29)
- 收藏
- 关注
RSS订阅原创 TypeScript基础 ts文件的创建与执行
创建1.新建一个文件夹2.用vscode打开3.在文件夹下新建一个hello.ts的文件执行在ts文件中输入代码console.log('111')因为node.js不能直接读取ts代码 需要转换成ts文件再进行读取（需要安装typescript包）在终端 输入 tsc hello.ts node hello.js 即可将ts文件转化成js文件并打印结果简化执行如果修改代码如果都执行上方两个代码过于繁琐，所以我们可以采取简化方式 , 安装ts-node包 npm i -g ts-nod
2022-04-11 10:26:08
2150
1
原创 TypeScript基础 开发工具的准备
1.安装vscode2.安装node.js3.安装解析ts的工具包 npm i -g typescript
2022-04-11 10:08:28
3513
原创 前端(js)实现图片缓存的方法
当我们想遍历图片展示时，如果图片加载缓慢会造成图片一张张加载十分不美观，有些图片由于没有加载成功还会会显示失败，如果等程序要用到时再从远程服务器下载的话可能来不及，对用户体验来讲影响很大。所以可以先将图片缓存，需要时直接使用即可。//需要预加载的图片路径存放在数组里var imgsrc=[ "1.jpg", "2.jpg", "3.jpg"];//初始化image对象var img = new Image();//遍历数组的路径，预加载到客户端for (var i =
2021-12-21 10:21:00
8881
1
原创 vue 中 highcharts 的简单使用
以柱形图举例，实现步骤如下：npm安装 Highcharts 相关资源npm install highcharts --save在vue要引入图表的界面引入使用引入：import Highcharts from 'highcharts/highstock';import HighchartsMore from 'highcharts/highcharts-more';import HighchartsDrilldown from 'highcharts/modules/drilldo
2021-12-09 10:18:58
1507
2
原创 前端面试题 —— 防抖和节流
防抖：在第一次触发事件时，不立即执行函数，而是给出一个期限值比如1000ms，然后：如果在1000ms内没有再次触发事件，那么就执行函数如果在1000ms内再次触发事件，那么当前的计时取消，重新开始计时规则：如果在规定时间内不断触发同一事件，只会执行一次函数。实现：下面以滚动条事件举例，采用setTimeout这个函数来实现计时，然后借助闭包来实现：function debounce(fn,delay){ let timer = null //借助闭包 return funct
2021-12-08 17:51:50
1728
原创 vue — axios
axios是一种前端异步请求后端的技术，基于原生ajax+Promise技术封装通用于前后端的请求库axios文档特点支持客户端发送Ajax请求支持服务端Node.js发送请求支持Promise相关用法支持请求和响应的拦截器功能自动转换JSON数据axios 底层还是原生js实现, 内部通过Promise封装的axios的基本使用axios({ method: '请求方式', // get post url: '请求地址', data: { // 拼接到请求体的参数
2021-10-04 16:34:13
444
原创 vue的生命周期
1.定义：一组件从创建到销毁的整个过程就是生命周期2.Vue-钩子函数Vue 框架内置函数，随着组件的生命周期阶段，自动执行作用: 特定的时间点，执行特定的操作场景: 组件创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据分类: 4大阶段8个方法初始化挂载更新销毁阶段方法名方法名初始化beforeCreatecreated挂载beforeMountmounted更新beforeUpdateup
2021-10-04 16:29:00
113
原创 vue组件以及组件通信
组件-简介组件：组件是可复用的 Vue 实例, 封装标签, 样式和JS代码组件化 ：封装的思想，把页面上 可重用的部分 封装为 组件，从而方便项目的 开发 和 维护，一个页面， 可以拆分成一个个组件，一个组件就是一个整体, 每个组件可以有自己独立的 结构 样式 和 行为(html, css和js)什么时候封装组件? 遇到重复标签, 可复用的时候组件好处? 各自独立, 互不影响组件使用每个组件都是一个独立的个体, 代码里体现为一个独立的.vue文件创建和使用组件步骤创建.vue文件–标签–样
2021-10-03 21:41:28
122
原创 vue侦听器—watch
概念： 可以侦听data/computed属性值改变语法:watch: { "被侦听的属性名" (newVal, oldVal){ }}例子<template> <div> <input type="text" v-model="name"> </div></template><script>export default { data(){ return { n
2021-10-03 18:32:23
108
原创 vue实现小选和全选互相影响
案例实现样式代码<template> <div> <span>全选:</span> <!-- 4. v-model 关联全选 - 选中状态 --> <input type="checkbox" v-model="isAll"/> <button>反选</button> <ul> <li v-for="(obj, index).
2021-10-03 18:25:03
242
原创 vue计算属性—computed
概念：一个数据, 依赖另外一些数据计算而来的结果语法:```javascript computed: { "计算属性名" () { return "值" }}```例：需求: 求2个数的和显示到页面上<template> <div> <p>{{ num }}</p> </div></template><script>export de
2021-10-03 18:14:52
105
原创 Vue基本语法和API
Vue语法-插值表达式学习插值表达式, 在DOM中插入内容,又叫: 声明式渲染/文本插值/大胡子语法语法: {{ 表达式 }} //例 <template> <div> <h1>{{ msg }}</h1> </div> </template> <script> export default { data() { // 格式固定, 定义vue数据之处 return
2021-10-02 21:04:40
140
原创 Vue基础学习目录❤
对vue基础进行整理，持续不定时更新中...Vue基础 序号 知识点 简介 1 webpack vue脚手架，现代 javascript 应用程序的 静态模块打包器 (module bundler)，可以分析, 翻译, 压缩, 打包 项目 2 基本语法和API vue的插值表达式、v-bind动态属性、v-on事件绑定、MVVM开发模式、v-model等基础API 3 计算属性—computed 计算属性的定义：当变量...
2021-09-29 20:55:26
154
原创 vue基础 — webpack
1.webpack-概念场景开发完项目, 可以用node+webpack来分析, 翻译, 压缩, 打包, 加快浏览器打开速度概念webpack官网现代 javascript 应用程序的 静态模块打包器 (module bundler)静态: 文件资源模块: node环境, 引入文件, 遵守模块化语法除了合并代码, 还可以翻译和压缩代码less/sass -> cssES6/7/8 -> ES5html/css/js -> 压缩合并
2021-09-22 19:45:35
102
原创 node.js操作mysql数据库，写一个真实的接口
mysql模块是一个第三方模块，专门用来操作MySQL数据库。 我们可以在npm包中先下载模块才能进行node.js连接操作mysql数据库。npm包下载方法参考 mysql模块介绍
2021-09-21 17:52:33
2190
原创 node.js介绍
Node.js是什么Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时。名词解释chrome V8引擎：chrome： chrome浏览器引擎：用来解析和执行代码的工具。汽车发动机引擎可以将燃油转成动力； JS解析引擎可以将代码转成最终的效果V8：项目的代号运行时：理解为一个容器，用来运行代码的环境；...
2021-09-15 15:19:58
186
原创 将txt文件内容转换成json文件
目标：将a.txt内容转换成b.json内容初始txt文本小王，19小李，20小陈，21转换成功的json内容{“list”:[{“name”:“小王”,“age”:19},{“name”:“小李”,“age”:20},{“name”:“小陈”,“age”:21}],“average”:20,“total”:3}转换1.在txt文件同级下创建一个js文件const path = require('path')const fs = require('fs')le
2021-09-13 08:51:48
19977
原创 用node.js实现给json文件添加内容
完成的功能是： node js文件之后，会在json文件中添加一条记录初始json文件（这里命名为data.json）内容如下[{"name":"小王"},{"name":"小李"}]1.首先创建一个与json同级的js文件2.在js中输入以下代码const fs = require('fs')const path = require('path') //将地址赋值给plet p = path.join(__dirname, 'data.json')//读取当前data.json文
2021-09-12 17:52:33
1943
原创 npm中包的使用和上传
npm全局安装i5ting_toc 包~~i5ting_toc 介绍：i5ting_toc 是一个可以把 md 文档转为 html 页面的小工具。：This utility will walk you through creating a package.json file.It only covers the most common items, and tries to guess sensible defaults.See npm help init for definitive
2021-09-11 20:25:39
426
原创 js中的字符串、数组方法
字符串、数组操作的API1.concat()将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回。console.log(str.concat('llz'+'abc'))
2021-09-10 20:16:23
484
原创 Windows和vscode常用快捷键
Windows和vscode常用快捷键windows常用的快捷键win快捷键：单独按Windows：显示或隐藏 “开始”功能表Windows+BREAK：显示“系统属性” 对话框Windows+D：显示桌面或恢复桌面Windows+M：最小化所有窗口Windows+Shift+M：还原最小化的窗口Ctrl+Shift+N：新建文件夹Windows+E：打开"我的电脑"Windows+F：查找文件或文件夹Windows+CTRL+ F：查找电脑Windows+F1
2021-09-10 20:04:55
313
原创 Node.js常用的终端命令
Node.js常用的终端命令清屏 clear/cls显示当前文件夹的内容 dir/ls切换目录 cd切换到上一级 cd …进入到指定目录 cd 目录名进入到当前盘的根目录 cd \自动补全 Tab键调出历史命令 上下键复制、粘贴 单机鼠标右键在node.js中运行js代码 node 文件路径（文件名）停止node程序ctrl+c命令语法清屏clear/cls显示当前文件夹的内容dir/ls切换目录cd
2021-09-10 19:52:10
486
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人