写法vue2 vue js

第二周vue学习

单文件组件: 框架: 如果我们的组件为一个,通常采用默认暴露:export default school(名字) 上图中,name:“school”;组件名通常与xxx.vue名相同(name省略也可以运行,组件名则会被随便取) app.vue:汇总全部组件 main.js:创建vue实例,并且指明 ......
vue

在Vue中使用键盘事件,回调函数被执行两次

暂时先不考虑v-for的key,查看下面的代码 <template> <div> <form @submit.prevent="addTask"> <span>请输入待办事项:</span> <input type="text" placeholder="请输入..." v-model="text" ......
函数 键盘 事件 Vue

js slice

在 JavaScript 中,slice() 是字符串、数组、类数组对象常用的 Array 方法之一,用来截取一个字符串或数组的一部分,并返回一个新的字符串或数组。 slice() 方法接受两个参数:起始位置和结束位置(不包括结束位置)。具体用法如下: const str = 'Hello Worl ......
slice js

Js 之art-template模板引擎

一、文档 http://aui.github.io/art-template/zh-cn/ 二、示例代码 <html> <head> <title>art-template模板引擎</title> </head> <body> <div> <div id="span"> <div id="tpl1" ......
art-template template 模板 引擎 art

npm err! command sh -c vue-cli-service serve

代码中给到的node_modules没法直接使用 从新install rm -rf node_modules npm install https://www.jianshu.com/p/9bc970082020 ......
vue-cli-service command service serve npm

vue-router传参问题

// 字符串路径 router.push('/users/eduardo') // 带有路径的对象 router.push({ path: '/users/eduardo' }) // 命名的路由,并加上参数,让路由建立 url router.push({ name: 'user', params: ......
vue-router router 问题 vue

vue中使用web-editor-markdown在线编辑浏览markdown

web-editor-markdown是Web浏览器中的Markdown编辑器,用于实时渲染,如.它基于 TypeScript 和 JavaScript,不依赖于任何第三方框架。它支持中文友好,可以轻松扩展并连接到原生JavaScript,Vue,React,Angular和其他应用程序。它提供四种 ......
markdown web-editor-markdown editor vue web

在Blazor中使用Chart.js

1. 在Blazor中使用Chart.js 首先,从Chart.js官方网站下载Chart.js库文件。 推荐下载这个构建好的版本https://cdnjs.com/libraries/Chart.js,最新版是v4.2.1 在Blazor项目中把刚刚下载好的Chart.js放到wwwroot目录下 ......
Blazor Chart js

JS对象

基础对象 Array数组 JavaScript 中 Array对象用于定义数组。 定义方式一 var 变量名=new Array(元素列表);//方式一 var arr =new Array (1,2,3,4); 定义方式二 var变量名=[元素列表];//方式二 var arr = [1,2,3, ......
对象

导入 three.js 库

发现导入 three.js 文件的时候,官方文档的写法是: import * as THREE from 'three'; 我并不清除 three 指的是文件夹还是 js 文件,如果是后者,应当加上 .js 后缀 由于我并没有使用任何框架,我发现只有导入 Three.js 文件才能运行: impor ......
three js

JS函数

介绍: 函数(方法)是被设计为执行特定任务的代码块。 定义:JavaScript函数通过function关键字进行定义,语法为: 方式一: function functionName(参数1,参数2..){ //要执行的代码 } 注意: 形式参数不需要类型。因为JavaScript是弱类型语言 返回 ......
函数

JS基础语法

书写语法 区分大小写:与Java一样,变量名、函数以及其他任何一切东西都是区分大小写的 每行结尾的分号可有可无,建议写上 注释 单行注释: // 多行注释:/* */ 大括号表示代码块 输出语句 一: window.alert写入警告框 window.alert('hello 1'); 二:docu ......
语法 基础

js数组对象如何改变里面对象键名

方法二中,怎么就通过改变item,arr的值就直接改变了的呢? 在 JavaScript 中,对象是引用类型,当你将一个对象赋值给一个变量时,实际上是将该对象的引用赋值给了变量,而不是复制了该对象本身 let obj = {name:'jack',age:23} let obj_son = obj; ......
对象 数组

js反调试

var startTime = new Date (); debugger; var endTime = new Date (); var isDev = endTime-startTime> 100; var stack = []; if (isDev){ while(true){ stack.p ......
反调

vue学习记录

前端运行环境搭建 node安装 注意自己需要的node版本即可 npm配置 npm默认安装的路径在C盘,如果介意可以修改配置 npm config set prefix "X:\XXX\node_global" npm config set cache "X:\XXX\node_cache" 墙的原 ......
vue

js实现将秒数格式化为HH:MM:SS的形式

function formatSeconds(value) { let secondTime = parseInt(value); let minuteTime = 0; let hourTime = 0; if (secondTime >= 60) { minuteTime = parseInt( ......
形式 格式 HH MM

npm is known not to run on Node.js v8.15.0

########### >npm install --legacy-peer-deps ERROR: npm is known not to run on Node.js v8.15.0 You'll need to upgrade to a newer Node.js version in ord ......
known Node 15.0 npm not

第135篇:Three.js基础入门

好家伙,这东西太帅了,我要学会 先放张帅图(都是用three.js做出来的,这我学习动力直接拉满) 还有另外一个 Junni is... 帧数太高,录不了 开始学习 官方文档 1.Three.js是什么? Three.js是一款运行在浏览器中的 3D 引擎(基于WebGL的API的封装),你可以用它 ......
基础 Three 135 js

SQL 循环语句几种写法

摘自:https://www.cnblogs.com/guorongtao/p/11939751.html 1、正常循环语句 declare @orderNum varchar(255) create table #ttableName(id int identity(1,1),Orders var ......
写法 语句 SQL

JS遍历数组的几种方法

在 JavaScript 中,遍历数组有多种方法,下面介绍几种经典方法。 for 循环 用 for 循环遍历数组是最基础、最原始的方法。 const arr = [1, 2, 3, 4, 5]; for (let i = 0; i < arr.length; i++) { console.log(a ......
数组 方法

vue中 ref、$refs、$emit、$on、$bus、$off 详解和使用

1.ref 和 $refs ref 被用来给元素或子组件注册引用信息, 引用信息将会注册在父组件的 $refs 对象上,如果是在普通的DOM元素上使用,引用指向的就是DOM元素,如果是在子组件上,引用就指向组件的实例。 $refs 是一个对象,持有已注册过 ref 的所有的子组件。 ref用法: r ......
emit refs vue ref bus

vue导入处理Excel表格详解

https://blog.csdn.net/m0_46309087/article/details/125022676 目录1. 前言2.vue导入Excel表格2.1 使用ElementUI中的upload组件2.2 使用input文件上传3. 总体代码与效果4. 总结1. 前言 最近遇到前端导入 ......
表格 Excel vue

Jenkins Vue Windows(FreeSSHd)整合

创建项目第一次创建执行一次如下的代码。 # 进入Jenkins工作空间下hxkj项目目录 cd /root/.jenkins/workspace/pc_back # 下面的命令只需要执行一次,后续可以删除 ### # npm切换为淘宝源 npm config set registry http:// ......
FreeSSHd Jenkins Windows Vue

Mac Apple 芯片运行 Vue 项目中 node-sass 转为 sass 遇到的问题记录,node-sass 替换成 sass

背景: 前段时间因为某些原因将 window 笔记本换成 Mac M1 pro , 然后运行项目的时候发现高于node12版本的项目中不支持 node-sass。 记录下解决相关问题之后的记录📝 Node version : V14 1、将项目中的 node-sass 插件卸载 npm unins ......
sass node-sass node 芯片 项目

vue3学习第二课:组件和父组件的传递数据给子组件方式props

1,在conponents目录中新建header.vue <template> <div> <h1>这是头部组件</h1> </div> </template> 2,在App.vue中添加 <template> <div> <Header></Header> <Main></Main> <Foote ......
组件 方式 数据 props vue3

学习使用VUE3+Django+GraphQL实现简单的Blog网站

这周每天花点时间学习使用VUE3+Django+GraphQL的使用,按照RealPython的网站的教程走了一遍,踩了一遍坑. Realpython上的教程使用的是Vue2的Vue-CLI模块,Vue本身已经进化到VUE3,并且推荐使用Vite代替Vue-CLI.我按照教程上的步骤将代码转化为VU ......
GraphQL Django 网站 VUE3 Blog

VUE解决跨域的proxyTable

找到问题: 因为java服务运行在localhost:9001端口,vue运行在localhost:8080端口,不同端口存在跨域问题。所以我使用了反向代理处理。 在vue.config.js里: proxyTable: { '/api':{ target:'localhost:9001', // ......
proxyTable VUE

JS生成随机颜色

// 传统写法 function randomColor1() { var r = Math.floor(Math.random() * 256), g = Math.floor(Math.random() * 256), b = Math.floor(Math.random() * 256); r ......
颜色

js Number汇总

// JavaScript Number /* // 属性 Number.MAX_VALUE Number.MIN_VALUE Number.POSITIVE_INFINITY Number.NEGATIVE_INFINITY NaN */ /* // 方法 isFinite isInteger i ......
Number js

js RegExp汇总

// JavaScript RegExp /* 语法: const patt=new RegExp(pattern,modifiers) 或 const patt=/pattern/modifiers pattern(模式) 描述了表达式的模式 modifiers(修饰符) 用于指定全局匹配、区分大 ......
RegExp js