一米阳光MM-CSDN博客

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，称为脚手架工具安装安装npm install –g @vue/cli升级npm update –g @vue/cli项目搭建创建项目vue create project-demo选择 Preset:选择包管理器:创建完成运行项目npm run serve目录与文件文件目录介绍单文件组件单文件组件可以将组件的功能统一保存在以 .vue 为扩展名的文件中打包与部署.

2022-05-16 08:10:02 183

原创 Vue Router

Vue Router 是 Vue.js 的官方插件，用来快速实现单页应用前端路由前端路由，指的是 URL 与内容间的映射关系Hash 方式通过 hashchange 事件监听 hash 变化，并进行网页内容更新 <div> <a href="#/">首页</a> <a href="#/category">目录</a> <a href="#/user">用户页</a> <

2022-05-15 20:42:06 247

原创 Vue.js 组件

组件用于封装页面的部分功能，将功能的 html、css、js 代码封装为整体提高代码的复用性和可维护性组件使用时为自定义 HTML 标签形式，通过组件名作为自定义标签名组件注册全局注册全局注册的组件在注册后可以用于任意实例或组件中⚠️:全局注册必须设置在根 Vue 实例创建之前<body> <div id="app"> <p>{{ value }}</p> <my-com></my-com> .

2022-05-13 08:52:16 154

原创 Vue.js基础

Vue 实例通过 Vue 函数创建 new Vue({});el 选项可以为 CSS 选择器格式的字符串或 HTMLElement 实例，但不能为 html 或 body。 // 1、使用 css 选择器 /* var vm = new Vue({ el: '#app' }); // 2、HTMLElement 实例 /* var app = document.querySelector('#app'); var vm

2022-05-04 10:57:32 1077

原创 Webpack

简介什么是 Webpackwebpack 是一个模块打包器。将 js 文件打包在一起，打包后的文件用于在浏览器中使用。同时也可以用于构建打包原理构建过程：就是将源代码转换为生产代码的过程打包过程：就是将多个文件合并成一个文件的过程...

2022-05-01 17:03:16 377

原创自动化构建工具 Gulp

Gulp 与 npm scriptsGulp 与 npm scripts 都能够实现自动化构建Gulp 语法简单Gulp 语法就是 JavaScript 语法npm scripts 语法接近 shell 脚本 • Gulp 生态完善，构建效率高Gulp - 基本使用全局安装 gulp 客户端( npm install -g gulp- cli )初始化项目(npm init --yes)安装 gulp 包( npm install gulp -D )新建 gulpfile 文件 (

2022-04-26 08:48:00 1565

原创 npm 安装 node api 提示“Error: EACCES: permission denied, access ‘/usr/local/lib/node_modules‘”

问题：在安装 gulp-cli 时提示“Error: EACCES: permission denied, access ‘/usr/local/lib/node_modules’”解决方案：使用命令：sudo npm install -g gulp-cli

2022-04-25 09:56:32 465

原创自动化构建

什么是构建构建过程：源代码 -> 生产代码为什么构建一些代码需要编译（css，js），保证浏览器的兼容性；将 less 或 saas 转换为 css将 ES6+ 的新语法转成 ES5有些代码需要压缩（css，js，html，图片）；压缩后的代码体积小，加载快，节省带宽有些代码需要做格式化娇艳，统一代码风格体验构建将 less 转成 css安装 less 插件（npm i less -g）通过 lessc 命令转换（lessc input.scss output.css

2022-04-25 09:21:21 298

原创 Node.js

Node.js 入门Node.js 概述Node.js是什么是一个执行js代码的工具，工具是指可以安装在计算机操作系统上的软件为什么浏览器和Node.js 都可以运行js代码因为浏览器和Node.js都内置了JavaScrip V8 引擎，它可以将js代码编译为计算机能够识别的机器码浏览器中运行的 js 和 Node.js 中运行的 js 有区别吗浏览器中运行的 js 只能控制浏览器窗口和DOMNode.js 中运行的 js 只能控制操作系统级别的内容Node.js 可以做什么通常用来

2022-04-24 22:17:31 1486

原创 Ajax及Axios

原生AJAX发送ajax请求的步骤创建 XMLhttp Request 类型的对象准备发送，打开与一个网址之间的连接执行发送动作指定 xhr 状态变化事件处理函数 // 1.创建一个 XMLHttpRequest 类型的对象 --- 相当于打开了一个浏览器 var xhr = new XMLHttpRequest(); // 2.打开一个与网址之间的连接 --- 相当于在地址栏输入网址 xhr.open("GET","https://jsonplacehol

2022-04-22 22:07:56 1290 1

原创 jmeter响应内容乱码

问题：在结果树中查看响应数据时：响应数据乱码解决方案：进入 apache-jmeter-5.4.3/bin 目录下，打开 jmeter.properties 文件，找到 sampleresult.default.encoding 配置项。修改sampleresult.default.encoding 的值为 utf-8，并将前面的注释去掉修改前：修改后：最后：再次请求接口，查看响应数据的中文，没有乱码...

2022-04-21 09:50:20 227

原创 mac端解决command not found: json-server

安装json-server检查是否安装node安装json-server配置json-server环境变量⚠️：下面这种情况不需要手动配置环境变量⚠️：下面这种情况需要手动配置环境变量⚠️：下面这种情况不需要手动配置环境变量...

2022-04-18 10:45:03 1457

原创 jQuery

jQuery 简介$()方法$()方法可以获取Query对象jQuery 对象$()方法获取的内容叫jQuery对象内部封装了一些属性和方法：css()、html()、.animate()方法通过$()方法获取的元素是一组元素，进行操作时是批量操作jQuery 对象和js对象jQuery 对象和js对象的方法不能互相调用jQuery 对象是一个类数组对象，内部包含所有的获取的js对象，以及大量的jQuery的方法和属性 // 1、jQuery 对象是不能使用原生 JS

2022-04-17 13:12:56 1303

原创 ES新特性

作用域变量提升重复声明只读var函数作用域有可以重复声明否let块作用域无不可以重复声明否var块作用域无不可以重复声明是数组的解构 const arr = [100, 200, 300] const [foo, bar, baz] = arr console.log(foo) // 100 console.log(bar) // 200 console.log(baz) ...

2022-04-09 09:37:47 179

原创正则表达式

正则表达式概述什么是正则表达式正则表达式：用于匹配规则规律的表达式正则表达式的作用匹配提取替换正则表达式语法创建正则表达式的两种方法1、使用正则表达式字面量var reg = /abc/2、使用RegExp对象的构造函数var reg = new RegExp('abc')相关正则方法字符串方法split：根据匹配字符串切割父字符串 // split 方法：分割字符串，成为一个数组 var str = "aa bbb c dd e

2022-04-05 10:58:15 136

原创继承和函数进阶

组合继承<script> // 组合继承：属性继承（call）、方法继承（原型继承） var Person = function (name, age) { this.name = name this.age = age } Person.prototype.sayHi = function () { console.log('hi') } var Student = function (name, age,

2022-04-04 09:28:44 131

原创 JS面向对象编程

创建对象的方式new Object()对象字面量工厂函数自定义构造函数构造函数和实例对象的关系构造函数是实例对象抽象出来的模版实例对象是构造函数模版得到的具体实例对象每一个实例对象都通过一个constructor属性，指向创建改实例的构造函数（⚠️：constructor是原型对象的属性，但是属性查找是在原型链上进行查找的，所以可以通过实例对象访问到constructor属性）可以通过constructor属性判断实例和构造函数之间的关系（⚠️：推荐使用instanceof操作符）

2022-03-31 11:10:24 121

原创 BOM浏览器对象模型

BOM浏览器对象模型BOM的概念BOM指浏览器对象模型，可以与浏览器窗口进行互动。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象是该对象的字对象可以使用BOM的方式对浏览器进行一些操作：刷新浏览器、前进、后退、在浏览器输入URLwindow对象window是浏览器的顶级对象，调用window下的属性和方法时，可以省略window加载事件onload事件给window对象或者某个元素添加onload事件，表示只有绑定事件的元素加载完毕才能触发事件

2022-03-30 08:53:51 176

原创 Web API

Web API的概念浏览器提供了一套操作浏览器功能和页面元素的API（BOM、DOM）BOM-浏览器对象模型browser object model，一套操作浏览器功能的API通过BOM可以操作浏览器窗口，如：弹窗框、控制浏览器跳转、获取分辨率DOM-文档对象模型document object model，一套操作页面元素的APIDOM可以把HTML看成文档树，通过DOM提供的API可以对树上的节点进行操作DOMDOM的概念文档对象模型，是W3C组织推荐的处理可扩展标记语言

2022-03-29 21:58:07 282

原创 mac电脑安装mysql

1、下载mysql2、双击镜像进行安装（一直next即可，中间有个步骤需要设置root账号的密码，该密码需要记住，后面连接数据库的时候需要用到）3、配置mysql环境变量打开终端，获取mysql的安装路径cd ~ps -ef|grep mysql进入根目录新建.bash_profile文件，如果有该文件忽略这步touch .bash_profile配置.bash_profile文件，输入下面内容(第3步获取的mysql的bin目录："/usr/local/mysql/bin"

2022-03-06 10:54:33 4452

原创 jmeter报错“Could not initialize class org.apache.jmeter.gui.util.FileDialoger“

1、下载plugins-manager.jar2、下载地址3、将下载的jat包放在lib/ext目录下4、重启jmeter

2022-03-05 11:47:35 2506

原创 jmeter报错“Uncaught exception in thread Thread[AWT-EventQueue-0,6,main]“

换一下外观就可以解决，具体操作步骤：点击“option”->“Look and Feel”->“Mental”

2022-03-05 11:31:00 3745 2

原创终端查看某个程序的路径

ps -ef|grep 程序名称例如：查询mysql的安装路径ps -ef|grep mysqlzhangmeng@zhangmengdeMacBook-Pro ~ % ps -ef|grep mysql 74 5434 1 0 4:36下午 ?? 0:29.75 /usr/local/mysql/bin/mysqld --user=_mysql --basedir=/usr/local/mysql --datadir=/usr/local/mysql/dat

2022-03-05 11:19:48 807

原创 mac安装jmeter

一、安装jdk我们要安装jmeter首先要安装jdk，下载jdk下载解压安装打开终端，获取jdk的安装路径cd ~/usr/libexec/java_home -V进入根目录新建.bash_profile文件，如果有该文件忽略这步touch .bash_profile配置.bash_profile文件，输入下面内容(第3步获取的jdk路径："/Library/Java/JavaVirtualMachines/jdk-17.0.2.jdk/Contents/Home")

2022-03-04 15:05:54 13779 1

原创 mac查找jdk安装位置

打开终端(快捷键：输入法为英文的情况下：command+空格，输入terminal)进入跟目录cd ~输入命令/usr/libexec/java_home -V回车

2022-03-04 12:06:53 7966

原创变量、作用域与内存

原始值和引用值ES中有两种类型的数据：原始值、引用值原始值按值访问，因此我们操作的是实际值引用值按引用访问，因此我们操作的是对象的引用动态属性引用值可以随时增删改属性注意：原始值使用字面量定义，不可以对其添加属性。但是使用new关键字定义的原始值，可以增加属性，并且该原始类型为Object的实例let name = new String('zm')name.age = 19console.log(name.age) //19console.log(typeof name) //o

2022-03-04 10:17:41 297

转载在mac上安装nvm

在mac上安装nvm（包含最新的Catalina 系统）

2021-08-07 08:08:27 93

转载为什么我的Jmeter计数器没有自增

https://blog.csdn.net/weixin_39751453/article/details/112532808?utm_source=app&app_version=4.7.1&code=app_1562916241&uLinkId=usr1mkqgl919blen

2021-05-19 16:03:03 1359

原创 2021-05-09

1、简述绑定事件(注册事件)三要素。事件源：给谁绑定事件事件类型：绑定什么类型的事件（onclick、onmouseover、onfocus等）事件函数：事件发生后，执行什么内容，代码写在函数里2、简述innerHTML和innerText的区别innerHTML：获取的内容包含html标签、空白及换行innerText：获取内容会过滤掉html标签，去掉换行、缩进及空白3、简述排他思想制作的思路。a、排除其他（给所有元素添加统一的属性）b、保留自己（给其中一个元素设置单一的属性

2021-05-11 08:11:28 57

原创 CSS3

文字阴影css3中，text-shadow可以给文本应用阴影，通过属性值规定阴影水平距离、垂直距离、模糊距离、颜色属性值说明h-shadow必需，水平阴影的距离，允许负值v-shadow必需，垂直阴影的距离，允许负值blur可选，模糊的距离color可选，阴影的颜色文字阴影语法text-shadow给文本添加阴影，属性值有2-3个长度值和一个可选的颜色值，省略的长度是0； text-shadow: 3px 3px 5px #f00;

2021-03-14 22:30:25 133

原创 HTML基础

前端开发是什么？前端开发是创建web页面或app等前端界面呈现给用户的过程核心技术：HTML、CSS、JavaScript以及衍生出的各种技术、框架网页的本质HTML就是用来制作网页文件的浏览器查看的网页都是.html或.htm文件HTML叫超文本标记语言，用于搭建网页的结构网页的组成<一>前端三层：HTML（结构层）、CSS（样式层）、JavaScript（行为层）网页的组成<二>其他多媒体内容：图片、视频、音频、超链接等所有网页文件都是真实、物

2021-03-09 13:48:51 194

空空如也

空空如也