three vue js
Vue(二)
2.组件 2.1.模块与组件 2.1.1.模块 可以向外提供某一个功能的js程序，一般为一个js文件 作用：js可以复用，可以简化js的编写，提高js的运行效率。 2.1.2.组件 实现某一个功能的效果代码集合，这个集合包含很多，比如html、css、js等 作用：复用编码，简化项目的编码，提高项目 ......
Vue JS项目 添加TypeScript
Vue JS项目 添加TypeScript 转载请注明来源 谢谢 git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心. vue.config.js 添加下面内容 pages:{ index:{ entry:'src/main.js' } } 项目根目录运行 vue add typescri ......
JS/html5 文字转语音
var sound = function (text) { let utterance = new SpeechSynthesisUtterance(text); return window.speechSynthesis.speak(utterance); }; ......
vue：axios异步通讯
由于Ajax需要对dom进行频繁的操作 所以这里使用axios进行替代 首先放上所有代码 <body> <div id="vue"> {{info.name}} <a v-bind:href="info.url">点我</a> </div> <!-- 到入vue.js--> <script src= ......
Vue-Routes
下载 npm i vue-router@x x为版本号 版本对应规则: vue@x == router@x+1 使用 一、创建应用路由器 在src中创建router/index.js目录 1、引入touter插件&&应用插件 import VueRouter from 'vue-touter'Vue ......
vue组件
vue组件实际上就是自定义标签 组件是vue可重复使用的实例 也就是说，当你定义好一个组件之后，你可以将其当做一个html的标签使用 <div id="app"> <br> <qinjiang></qinjiang> <br> </div> <div id="buttonnew"> <newbutt ......
vue-router解决警告：No match found for location with path "XXXXXXX"
使用vue-router时，在刷新页面时往往会出现这个警告： 这个问题产生的原因往往是因为vue在启动时，会校验当前页面的路由，而我们使用vue-router时，是在导航守卫中动态添加路由的，因此肯定找不到，而这个时候还没进入守卫，自然就会抛出这个警告了： 1、app.use(router) 2、r ......
Vite + Vue3 +TS 项目搭建
安装 nvm 略 安装 node 略 使用 Vite创建项目 vite3.x 文档：https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project 使用 NPM: $ npm create vite@latest 使用 Yarn: $ ......
WebStorm 2023.1 vue文件标签中变量无法识别 Unresolved variable or type
从老版本WebStorm 升级到 WebStorm 2023.1 之后，打开项目莫名爆红 可能是查询的不对，很多博客指明是依赖的问题，实际修改无效 问题出在文件类型指向不对 修改为： 问题解决 ......
Vue：表单双绑、组件
vue一大精髓就是双向绑定 vue.js是一个mvvm框架，即数据的双向绑定，即当数据发生变化时的时候，视图也就发生变化，当视图发生变化时，数据也会同步变化 双向绑定是对于UI控件来说的，非UI控件不会涉及到数据的双向绑定 以input标签举例 <div id="app"> 输入的文本：<input ......
VUE上传图片
1 <!-- 2 气味照相机，上传图片 3 --> 4 <template> 5 <div class="main_container" > 6 <div class="bgimg_box" :style="'background-image: url(' + bgImg + ');'"> 7 <d ......
js弹幕效果
Document <style> * { margin: 0; padding: 0; } div { width: 300px; height: 200px; background-color: aquamarine; } </style> <div></div> <input type="tex ......
使用PhantomJS解决VUE项目无法被百度收录
一、安装PhantomJS 安装文章:https://www.cnblogs.com/robots2/p/17340143.html 二、编写脚本spider.js // spider.js 'use strict'; console.log(' start '); // 单个资源等待时间，避免资源 ......
js实现输入打字效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
vue 事件
vue中用 v-on绑定事件 简单绑定一个点击事件 <div id="app"> <button v-on:click="sayHi">点击我</button> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script ......
js递归查询id所对应的节点，查询该节点的父节点，查询该节点的所有子节点
在工作项目中经常遇到树形结构的数据，而往往我们需要用递归来实现，下面就给大家列举常用的递归操作。 let treeList = [ { id: '1', name: '父一', children: [ { id: '1-1', name: '子一一', children: [ { id: '1-1- ......
JS 树（数组存储）进行递归遍历获取路径
JS 树（数组存储）进行递归遍历获取路径 实现功能：通过叶子节点 id ，寻找包含该叶子节点的整条路径。（树的数据以数组形式保存） 直接上代码： const getPathByKey = (curKey, data) => { let result = []; // 记录路径结果 let trave ......
vue基本语法 for if else show
vue有关于if else 以及 for 的判断 <body> <div id="app"> <h1 v-if="type 'A'"> A </h1> <h1 v-else-if="type 'B'"> B </h1> <h1 v-else> C </h1> </div> </body> </htm ......
JS精度丢失
Javascript是非数据安全类型的语言，所以JS尾数精度有丢失的问题 Number类型 通过查阅JS官方文档 在JS定义的浮点数会自动转换为Number类型，Number类型是一个双精度64位浮点数，二进制存储格式执行IEEE 754标准 通过查阅维基百科，64位二进制格式IEEE 754的定义 ......
vue下拉框选择后不显示值，选其他下拉框后才显示出来
vue下拉框选择后不显示值，选其他下拉框后才显示出来 vue也太坑了 解决方法：为该el-select添加change事件中使用$set来对属性赋值，如下: changeData(val) { this.$set(this.formData, this.formData.id, val.value) ......
记一次从JS到内网的横向案例
前言前段时间参加了一场攻防演练，使用常规漏洞尝试未果后，想到不少师傅分享过从JS中寻找突破的文章，于是硬着头皮刚起了JS，最终打开了内网入口获取了靶标权限和个人信息。在此分享一下过程。声明：本次演练中，所有测试设备均由主办方提供，所有流量均有留档可审计，所有操作均在授权下完成，所有数据在结束后均已安 ......
【观察者设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 观察者模式（Observer Pattern）是一种行为型模式。它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。 观察者模式使用三个类Subject、Observer和Client。Subject对象带有绑定观察者到Client对象和从 ......
js 时间格式化函数
function dateFormat(time, fmStr) { const weekCN = '一二三四五六日' const weekEN = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunda ......
vue全家桶进阶之路50：Vue3 环境变量+跨域设置实例
使用.env加后缀的方式来建立某个模式下的环境变量， 例如：项目根目录新建两个环境变量文件（development开发环境和production生产环境）： .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名： VUE_APP_BASE_ ......
vue初学
Vue只关心视图层 视图层是HTML+CSS+JS 其遵循SOC原则 关注点分离原则 给用户看和刷新后台数据 vue支持mvvm+dom模式 第一个vue程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> ......
Three.js教程：顶点位置数据解析渲染
推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：NSDT简石数字孪生 顶点位置数据解析渲染 如果你没有WebGL基础，可以先不用记忆每个的threejs 具体内容，有一个大致印象即可，学习本节课的重点是建立顶点的概念。如果你建立了顶点的概念，那么对于你深入理解学习Three.js很有帮助。 ......
vue 中的 props type设置多个类型，默认值
props: { value: { // type设置多个类型 type: Number | null, required: true } } ......
js中的XMLHttpRequest、websocket使用
一、XMLHttpRequest 发送请求 创建XMLHttpRequest实例 let xhr = new XMLHttpRequest(); 初始化 xhr.open(method, URL, [async, user, password]) method：HTTP方法，通常'GET'或者'PO ......
vue-input-directive 插件的使用（已兼容vue3.0）
codepen体验地址 github地址 安装、引入 npm install vue-input-directive --save import Vue from 'vue' import inputValidate from 'vue-input-directive' Vue.use(inputV ......