526互联

three vue js

vue-cli-演示如何基于vue-cli创建vue项目

# 1.安装和使用 vue-cli是npm上的一个`全局包`，`使用npm install`命令，即可方便的把它安装到自己的电脑上： ``` npm install -g @vue/cli ``` 基于vue-cli快速生成工程化的Vue项目： `vue create`**项目的名称** ![ima ......
vue-cli vue cli 项目

Vue自定义校验

age: [ {required: true, message: '请输入年龄', trigger: 'blur'}, { validator: (rule, value, callback) => { if (value >= 18) { callback(); } else { callback ......
Vue

vue-cli-介绍并安装vue-cli

#1.什么是vue-cli `vue-cli是Vue.js开发的标准工具`。它简化了程序员基于webpack创建工程化的Vue项目的过程。 #2.安装和使用 vue-cli是npm上的一个`全局包`，`使用npm install`命令，即可方便的把它安装到自己的电脑上： ``` npm instal ......
vue-cli vue cli

【JS基础】一个数据泄露的例子

function change(obj) { with(obj) { color = 'red' } } var box = { size: '15*15' } change(box); console.log(color);//red with 代码块内部，每个变量首先会指向 obj 对象属性，所 ......
例子 基础 数据

【JS错题总结】对象属性相关

下面代码的输出结果： var obj = { brand: 'apple', price: 5999 } Object.defineProperty(obj, 'id', {value: 1}) Object.defineProperty(obj, 'price', {configurable: f ......
错题 属性 对象

vue笔记

# vue笔记(持续更新) ## Vue scoped >scoped解决了什么？ > >模块化编程下，在对应模块的js中import css，这个css仍然是全局。因此会产生css样式之间污染。scoped可以使css样式只作用于当前组件，解决了组件之间样式污染。给每个style都设置上scope ......
笔记 vue

【JS错题总结】JS中的typeof

var test = 1.2 console.log(typeof test 'float');// false console.log(typeof test) // number var test2 = '4399' - 0 console.log(typeof test2 'number') ......
错题 typeof

【JS基础】与或运算

/** * && 运算，如果前面值为true,则结果为后面的值。如果前面值为false,则值为前值. * || 运算，如果前面值为true,则结果为前面的值,如果前面的值为false,则结果为后面的值。 */ console.log(1&&2);//2 console.log(2&&1);//1 c ......
基础

解决报错： error Component name "School" should always be multi-word vue/multi-word-component-names

运行时遇到这个问题 ![](https://img2023.cnblogs.com/blog/2446184/202306/2446184-20230614214046091-1282890569.png) 自己在给组件命名时没有使用大驼峰或者'-'拼接单词，所以编译的时候报错，实际上是语法检测的问 ......
multi-word-component-names multi quot word multi-word

vue-基础

项目的注意事项： 1.template必须是一个且必须有一个跟元素 2.导入的时候 webpack默认 导出的整个组件 整个组件包含了 data 言外之意 整个组件包含了 你所要导出的对象 3.一个vue的实例只能挂载一个标签。 1.插值表达式： {{数据}} 在data里面 data(){ ret ......
基础 vue

【JS基础】JS中的原型和原型链

在 JavaScript 中，每个对象都有一个原型（prototype）属性，它指向另一个对象。 对象可以继承其原型对象的属性和方法。原型是 JavaScript 实现对象继承的基础概念之一，而原型链则是一种通过多层级原型连接起来的机制。 每个 JavaScript 对象（除了 null 和 und ......
原型 基础

js中substring

js中substring主要用于切割字符串,我用的很少,最近再看源码的时候看到了substring,用的也比较少,积累一下 例: ```js let str='abcdefg' str=str.substring(4); console.log(str) //输出'efg' ``` 直接截取一个想要 ......
substring

js中match方法返回值的理解

我输入的正则为:/^这个标签的标签名 js中match的返回值如下: ![](https://img2023.cnblogs.com/blog/3032798/202306/3032798-20230614204736280-455685825.png) 上面这个引发了我的思考有了下面尝试: ``` ......
方法 match

VUE&Element

## VUE&Element **今日目标：** > * 能够使用VUE中常用指令和插值表达式 > * 能够使用VUE生命周期函数 mounted > * 能够进行简单的 Element 页面修改 ## 1，VUE ### 1.1 概述 接下来我们学习一款前端的框架，就是 VUE。 ==Vue 是一 ......
Element VUE amp

uniapp vue.config.js配置chunk-vendors.js文件拆分

const path = require('path') function resolve(dir) { return path.join(__dirname, dir); } const CompressionPlugin = require('compression-webpack-plugin ......
chunk-vendors vendors 文件 uniapp config

【JS基础】Function构造函数

Function() 构造函数创建了一个新的 Function 对象，直接调用构造函数可以动态创建函数，与eval（可能访问到本地作用域）不同的是， Function 构造函数只创建全局执行的函数。 const sum = new Function('a', 'b', 'return a + b') ......
函数 Function 基础

【JS错题总结】node中的微任务

答案是 n1 n2 p1 p2 原因：node中的微任务包含两部分： 1. process.nextTick() 注册的回调 ( nextTick task queue ) 2. promise.then() 注册的回调 （ promise task queue） node在执行微任务时，会优先执行 ......
错题 任务 node

【JS错题总结】作用域链问题

作用域链 上面代码的输出是 GoodbyeJack ，因为执行到语句 typeof name 'undefined' 的时候，函数会从内向外（作用域链）寻找该变量，从 语句 var name; 找到该变量的定义，该变量此时的值为 undefined。自执行函数解析和执行一起完成，自己有的不会再向上查 ......
错题 作用 问题

vue整合axios

一、整合axios（底层支持 ES6新的对象 ： Promise） ① 安装axios 参照官网： http://axios-js.com/docs/index.html 直接安装（不指定版本的话），会安装最新的版 本，最新的axios版本只支持vue3， 所以要指定axios的vue2的版本 np ......
axios vue

vue+ elementUI

1、在dos窗口下运行命令 npm i element-ui -S 安装elementui ![](https://img2023.cnblogs.com/blog/3005714/202306/3005714-20230614182642521-1170632508.png) 2、配置elemen ......
elementUI vue

js把string转化为json

// 声明变量名为a的对象var a = {a:1,b:2,c:"wangwei"};// 将JSON对象转化为JSON字符，赋值给变量let strResult =JSON.stringify(a)// 查看变量strResult是什么类型typeof strResult // 'string' ......
string json

JS中, Set为什么是带键的集合?

起因 这两天写了个LRU Cache, 用到了Set做AllowList, 来判断API是否应该被缓存. 查MDN时, 发现Set被归类在Keyed Collection中. 下意识中, 总认为Set属于Array的一类, 应该是Indexed Collection. 感觉奇怪, 所以多查了查文档 ......
Set

记录--极致舒适的Vue可编辑表格

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 使用ElementPlus的Table啥都好，就是没有可编辑表格！！！😭 既然UI库不支持，那我们实现一个可编辑表格是很难的事么？😒难么？😢不难么？... 个人觉得如果是业务固定的可编辑表格，使用ElementPlus实现都不难。但 ......
极致 表格 Vue

vue+css: 引用的组件快速改变滚动条样式

在a组件页面内有b组件，b组件产生的滚动条太丑不好看但是又不想改变b组件（b组件公共用的地方很多）又不想专门复制份在此基础上改。 只要在使用的组件上增加css代码即可同时让组件内滚动条生效，原理是因为此滚动条相当于未定义类的当前组件全局。所以可以直接使用并生效 comp.vue <style sco ......
样式 组件 vue css

JS排序：插入排序 冒泡排序 选择排序

1.插入排序 1 let arr = [30, 5, 7, 60, 22, 18, 29] 2 let fn = arr => { 3 for (let j = 1; j < arr.length; j++) { 4 let current = arr[j] 5 let preIdx = j - 1 ......

JS逆向实战18——猿人学第八题 验证码 - 图文点选

# 声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ # 网站 > https://match.yuanrenxue.cn/match/8 # 网站分析 首先进去 ![](ht ......
猿人 实战 图文

vue--插值语法

vue--插值语法 我理解就是双括号语法，类似于jinja的绑定语法 vue3代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>插值语法,就是双括号语法</title> <!-- <script s ......
语法 vue

2023.6.14 - vue多页面项目配置

抽离` multipage.config.js `多页面配置文件 ```javascript const { resolve } = require('path'); const fs = require('fs'); // 获取多页的入口配置 const pagesPath = 'src/page ......
页面 项目 2023 vue 14

npm install报错node-sass@4.14.1 postinstall: `node scripts/build.js`

error node-sass@4.14.1 postinstall: node scripts/build.js 解决方法： npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass npm install ......
node postinstall node-sass install scripts

vue封装包含区域内不可拖拽的可拖拽组件

标题比较绕口，大概意思就是封装一个可拖拽组件，但是因为组件内有文件或者表单或者其它原因而不可在这个区域内使用拖拽，所以在绑定拖拽区域方法的同时限制不可拖拽区域。 实现方式很简单 直接看代码 drag.js import Vue from 'vue' export const drag = Vue.d ......
组件 区域 vue
共9400篇  :197/314页 首页上一页197下一页尾页