Vincentyun

package.json ... "version": "1.3.0", "lastVersion": "1.2.0", "lastTwoVersion": "1.1.0", ...vue.config.jsconst fs = require('fs')const rimraf = require('rimraf')module.exports = { publicPath: "./", outputDir: "dist", assetsDir: 'static

基于 Vue3.0 + Typescript + Vant 的H5项目例子主要用到的技术如下： "vant": "^3.0.0-beta.2", "vue": "^3.0.0-0", "vue-router": "^4.0.0-0", "vuex": "^4.0.0-0", "typescript": "~3.9.3"项目地址：https://github.com/vincentzyc/vue3-demo预览地址：https://vincentzyc.gith

基于vue的二进制格式多段时间选择器二进制格式的多段时间选择器，主要用于广告营销时段选择项目地址：https://github.com/vincentzyc/form-design如果觉得对你有用的话就给个 star 呗 ~~...

原理：打开遮罩的时候记录滑动距离 lockMaskScrollTop ，同时设置 body 的 position: fixed; body.style.top= - lockMaskScrollTop；关闭遮罩的时候 移除 body 的 position: fixed 即可。代码如下：css: body.popup-open { position: fixed; }j...

1.创建项目vue create mynpm2.写组件3.在src目录下创建index.js，代码如下，根据实际情况修改import Vue from "vue"import mycomponent from './components/mycomponent .vue'let MyPlugin = { version: '1.0.0'};MyPlugin.install ...

demo地址代码如下：Html<div id="app"> <el-select v-for="(arrItem,key) in selectList" :key="key" v-model="selectArr[key]" filterable placeholder="请选择" value-key="value" @change="selected" @focu...

以使用v-charts为例在vue.config.js中添加 configureWebpack: { // 把webpack的配置写在这里 会自动合并 // 以下库使用cdn，不会被打包 externals: { "v-charts": "VeIndex", } },externals 配置中，左边 “v-charts” 表示 引入的模块名称，右边的 VeIndex...

function fullScreenFun() { var iFullscreen = false; //当前是否全屏状态 var fullscreenEnabled = document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEna...

// vue.config.jsmodule.exports = { chainWebpack: config => { // 移除 prefetch 插件 config.plugins.delete('prefetch') // 或者 // 修改它的选项： config.plugin('prefetch').tap(options =>...

总结以下三种清空canvas画布的方式：最简单的方法：由于canvas每当高度或宽度被重设时，画布内容就会被清空，因此可以用以下方法清空：function clearCanvas&amp;amp;lt;span style=&amp;quot;font-family: Verdana, Arial, 宋体;&amp;quot;&amp;amp;gt;()&amp;amp;lt;/span&amp;amp;gt; { var c=docu

本文讲的是vue基于原生select标签实现的动态多级联动选择基于element-ui的Select选择器实现的请看我的另外一篇文章vue基于element-ui的Select选择器实现的动态多级联动下拉选择本文demo地址：http://jsrun.net/yxXKp代码如下：Html<div id="app"> <select v-for="(arr...

&amp;lt;!-- js实现 --&amp;gt;&amp;lt;p id=&quot;scrollobj&quot; style=&quot;white-space:nowrap;overflow:hidden;width:300px;margin: auto;&quot; onmouseover=&quot;jsStop()&quot; onmouseout=&quot;jsStart()&quot;&

css媒体查询：html{ font-size: 88px;}@media screen and (min-width: 340px){ html{ font-size: 94px; }}@media screen and (min-width: 360px){ html{ font-size: 100px; ...

(function() { var yui = { /** * 获取url参数 * @param {String} name */ getUrlParam(name) { var reg = new RegExp(&quot;(^|&amp;amp;)&quot; + name + &quot;=([^...

Object.assign(this.$data, this.$options.data())解析：1.Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 Object.assign(target, …sources)； 参数： target =&amp;gt; 目标对象。 sources =&amp;gt; 源对象。 返回值: 目标对象。2....

/* * 图片压缩，默认同比例压缩 * @param {Object} path * pc端传入的路径可以为相对路径，但是在移动端上必须传入的路径是照相图片储存的绝对路径 * @param {Object} obj * obj 对象 有 width， height， quality(0-1) * @param {Object} callbac...

1. iframe + postMessage //主页面： var iframe = document.createElement("iframe"); iframe.src = "http://localhost:3000"; iframe.id = "myFrame"; iframe.width = "100%"; ifr...

基于vue的拖拽式动态表单自助建站工具根据自己需求自助搭建移动端营销、投放、信息采集、推广、宣传等页面使用vuecli3生成项目，主要用到的技术如下： "element-ui": "^2.4.5", "vuedraggable": "^2.23.0", "vue": "^2.6.10", "vue-router": "^3.0.3", "vuex": "^3.0.1"

1.对象属性去重（哈希表法）function uniqueArr(arr) { var temp = {}; var result = []; for (var i = 0, j = arr.length; i &amp;lt; j; i++) { if (!temp[arr[i]]) { temp[arr[i]] = true; result.push...