three vue js
记录--vue 拉伸指令
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在我们项目开发中,经常会有布局拉伸的需求,接下来 让我们一步步用 vue指令 实现这个需求 动手开发 在线体验 codesandbox.io/s/dawn-cdn-… 常规使用 解决拉伸触发时机 既然我们使用了指令的方式,也就是牺牲 ......
js模拟打字机效果
通用方法定义 /** * * @param {*} text 打字文本 * @param {*} callback 完成打印效果回调 * @param {*} timeout 完成打印效果多久回调 */ export function textPrinter({ text, change, comp ......
js模板引擎--构造渲染函数
在上一篇中我们已经将模板解析为了一条条的js语句，那么只要把这些语句连起来，构造一个可执行函数，然后传入模板数据，就可以得到填充过数据的html片段。 ```javascript // 构造渲染函数 function buildRender(scriptTokens) { var codeArr = ......
QRCode.js无法识别中英文混合字符的解决办法
开源在此：https://github.com/davidshimjs/qrcodejs 引用：//static.runoob.com/assets/qrcode/qrcode.min.js 这篇文章讲解了使用方法： QRCode.js：使用 JavaScript 生成二维码 ： https://w ......
js模板引擎3--编译模板
编译模板的时候，我们可以使用`Function`构造函数构建出可执行的js代码，但关键点是如何把模板数据和构建的js代码关联起来。 比如前面的模板字符串例子： ```html ``` 这个例子中，我们关心的是变量`list`的值如何确定。 有两种思路可以实现，先介绍第一种，比较复杂的做法。 ## 解 ......
js模板引擎2 -- 解析模板
模板语法规则： - 变量渲染使用 `` 语法； - 条件判断使用 ` `js语法； - 列表渲染使用 ` ` js语法； - 模板注释使用 ``; 下面我们一步步的实现一个正则表达式来识别出模板语法规则部分。 ## 正则匹配 语法规则以``结尾，对应正则为 `//`。 > 关于正则表达式的贪婪模式和 ......
js模板引擎1--制定规则
>本系列文章是学习[art-template](https://github.com/aui/art-template)和[template.js](https://github.com/yanhaijing/template.js)的总结。 js模板引擎的用法大致如下： 1. 模板 ```html ......
vue常见问题汇总
来源：https://www.fly63.com/ Q1：安装超时(install timeout) 方案有这么些: cnpm : 国内对npm的镜像版本/*cnpm website: https://npm.taobao.org/*/npm install -g cnpm --registry=h ......
Node.js - path.resolve(__dirname, "/src") 无法拼接绝对地址
在使用 `path.resolve(__dirname, "/src")` 这个函数拼接项目的绝对地址时要注意，第二个参数如果指定的是本目录，不能在 `src` 前面添加 `/`。 ```js console.log("/src ->>>>>>", path.resolve(__dirname, " ......
JS正则获取两个指定字符串之间的字符串
function filterWordHtml(str){ let reg = /<!--StartFragment-->([\s\S]*)<!--EndFragment-->/m let result = str.match(reg)[1] return result.replace(/[\\\n ......
数据可视化【原创】vue+arcgis+threejs 实现流光边界线效果
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部 ......
vue 支持 超大上G,多附件上传
ASP.NET上传文件用FileUpLoad就可以，但是对文件夹的操作却不能用FileUpLoad来实现。 下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。 ASP.NET页面设计：TextBox和Button按钮。 编辑 TextBox中需要自己受到输入文件夹 ......
node18 vue2启动报错 error:0308010C:digital envelope routines::unsupported
#### 出现原因 貌似是因为是因为 node 17版本开始发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。 #### 解决方法 ##### 第一种方法降低node版本 降低到17以下即可 ，如项目不能降低版本 看后面的解决方式 ......
基于vue3 封装一个图片裁切功能组件 vue-cropper.js
##使用的vue-cropper.js，官方文档 https://github.com/xyxiao001/vue-cropper ##附图片各格式之间的转换 https://www.cnblogs.com/huihuihero/p/17667325.html ##注意：下载vue-cropper. ......
若依Vue2.0框架学习之路由跳转
## 免责声明 + 新项目在若依前后端分离(Vue2.6.x + Springboot2.2.x)模板基础上进行项目开发，苯人真得学学模板吧！理解错误概不负责，毕竟ko no 菜鸡一枚 da。 + 我们幼儿园有适合自己看的注释拉满文档！ + 本篇只涉及路由跳转，什么登录流程和权限管理先往后稍稍。 # ......
VUE slot 插槽失效、不起作用 、 显示失败问题解决、默认内容没有失效、undefined，样式不生效等某些异常
主要原因是 vue 和 vue-template-compiler 的版本号不对应，本地和线上的可能不一致 编译结果不对应 本地环境使用的版本一般是一致的，提交到线上，打包模块 vue-template-compiler 可能和本地不一致，vue.js 有可能做过 cdn，又是另一个小版本... 导 ......
vue-esign插件实现手写电子签名
vue-esign插件实现手写电子签名 本文转载出处 https://blog.csdn.net/weixin_45178215/article/details/117249600 https://www.jianshu.com/p/cfb9d5998cd6 功能 兼容 PC 和 Mobile； 画 ......
JS逆向实战22——某政府采购网简单cookie反爬
# 声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ # 目标网站 网站：aHR0cDovL3d3dy55bmdwLmNvbS8= # 目标 ![](https://img20 ......
js function.length 函数的长度
length 属性 JavaScript length 属性可设置或返回数组中元素的数目, 一般只是用于获取数组, 字符串长度 "字符串".length ["数", "组"].length 或清空数组 var a = ["数", "组"] a.length = 0 a // [] function. ......
VUE3 页面空白不报错，刷新之后正常显示
问题： VUE用的不多，写了两个页面展示表格和图形，刚开始运行正常，页面切换也没有问题。 后面增加一些代码后，页面显示空白，但前后端都不报错，并且先点击此菜单再点别的也都变空白。 原因： 1、<template>中间没有div标签 错误写法： <template> 直接开始布局 </template ......
vue的form表单按回车键刷新
当vue的form表单只有一个输入框时，按回车会触发刷新整个页面，可以在form上用@submit.native.prevent来阻止刷新 <el-form ref="form" :model="form" :rules="rules" label-width="60px" @submit.nati ......
How to reverse a string that contains the emoji in js All In One
How to reverse a string that contains the emoji in js All In One
......
如何使用 Node.js 邮箱服务进行自动化发送邮件 All In One
# 如何使用 Node.js 邮箱服务进行自动化发送邮件 All In One ```sh $ npm i -S nodemailer ``` ```js "use strict"; const nodemailer = require("nodemailer"); const transporte ......
A pure js Array reactive solution with Proxy and Reflect All In One
A pure js Array reactive solution with Proxy and Reflect All In One
纯 js 实现数组响应式
......
完全基于html和three.js实现的魔方
记录大学时代的一个实验demo 代码完全基于html、three.js实现 1. 实现效果演示： 2. 项目结构： 3. three.js需自行下载依赖包，index.html完整代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ......
直播程序，纯时间比较(时分)，不含日期，js前端比较
直播程序，纯时间比较(时分)，不含日期，js前端比较 //ajax请求后返回的数据success : function(data) {for (var i = 0; i < data.length; i++) {var rows = data[i];var rowTimeBegin=(parseIn ......
Vue
1、Vue 获取表格行索引 参考地址：https://devpress.csdn.net/vue/632bf8ce357a883f870c7bfa.html 2、Vue 组件间传值 参考地址 ：https://blog.csdn.net/m0_74343097/article/details/128 ......
VUE路由（2018）
在当前的前端开发中，路由是一个很重要的概念，尤其是针对单页面app，因为通过路由可以实现不跳转加载刷新。比如angular应用，vue应用。 VUE路由语法： 1.首先，安装方法和angular路由类似，可以单独安装，也可以直接使用VUE-cli集成使用。 2.vue接收路由的渲染输出的标签是<ro ......
Vue学习笔记一（2019）
1.Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (sta ......
js 支持 超大上G,多附件上传
一、 功能性需求与非功能性需求 要求操作便利，一次选择多个文件和文件夹进行上传； 支持PC端全平台操作系统，Windows,Linux,Mac 支持文件和文件夹的批量下载，断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载，服务器端保留文件夹层级结构，服务器端文件夹 ......