vue----仿淘宝滑动验证码 因为touch事件和mouse事件不同，和获取clientX在移动端和pc端也不同！！！所以分两端下面有PC端和移动端！！！本文基于vue，引入下面组件 可以直接使用1、实际效果begin.pngsuccess.png2、PC端！！！ vue组件（下面是一个vue组件，可以引入直接使用）<template> <div class="drag" re...
如何答一道惊艳面试官的数组去重问题？ 当面试官问到时怎么回答？首先:我知道多少种去重方式？1、双层 for 循环function distinct(arr) { for (let i=0, len=arr.length; i<len; i++) { for (let j=i+1; j<len; j++) { if (arr[i] == arr[j]) { ...
vue element-ui实现input输入框金额数字添加千分位【转载】 在util.js中定义方法包含金额添加过滤千分位，验证金额格式等1、在util.js中定义方法const MoneyTest = /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/;// 金额添加千分位const comdify = function (n) { if(!n) return n; let str = n.split('.');...
VScode格式化ESlint-方法 ESlint-是用来统一JavaScript代码风格的工具，不包含css、html等。在vscode的文件-首选项-设置里，右侧配置里添加如下代码即可（代码有注释！），从此直接 Ctrl+S 就能一键格式化了{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设...
【mpvue-wxparse】 thirdScriptError Constructor is not a constructor; 好多个帖子都是如下的写法，但是会报错啊。有没有哪位大神遇见过啊。求助~~1、安装$ npm i mpvue-wxparse --save2、使用<template> <div> <wxParse :content="article" /> </div></template><script&g...
微信小程序：日历功能实现 1.Wxml<!-- 日历年月 --><view class='calendar_title flex_nowrap'> <view class='icon' bindtap='lastMonth'> <image src='/images/icon/28.png' /> </view> <view&...
canvas基本画图 <img src="img/lamp.gif" id="lamp"/><img src="img/eg_tulip.jpg" id="tulip"/><!-- <video id="video" autoplay controls><source src="img/mov_bbb.m
Vue.js系列之项目结构说明 1.build——[webpack配置]build文件主要是webpack的配置，主要启动文件是dev-server.js，当我们输入npm run dev首先启动的就是dev-server.js，它会去检查node及npm版本，加载配置文件，启动服务。2.config——[vue项目配置]config文件主要是项目相关配置，我们常用的就是当端口冲突时配置监听端口，打包输出路径...
apache + phpStudy 配置vue history模式 1、将打包的dist文件放到 D:\phpStudy\PHPTutorial\WWW 这个文件夹下2、在dist文件夹中放入.htaccess文件，意思大概是将所有文件都指向index.html文件，文件内容如下： <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / ...
vue下history与hash模式遇到的问题 一：hash更换为history模式更换需要修改2个地方：1、router->index.js // mode:'hash', mode: 'history',2、config->index.js assetsPublicPath: '/', //publicPath: assetsPublicPath[process.env.NODE_ENV]二：hash模...
v-model在组件上的使用 vue中v-model如何进行父子组件的通信？如何在组件中使用呢？父组件代码如下： <template> <div id="demo"> <test-model v-model="haorooms"></test-model> <span>{{haorooms}}</span></
vue 验证码倒计时60s //html <div class="input-div" v-show="formData.phone"> <input type="text" class="input code" name="code" v-model.trim="formData.code" placeholder="验证码">
vue入门第5天：子组件怎么能不改变父组件传过来的对象 父组件：app.vue<el-header> <sucaiheader :testData='copyDataT'></sucaiheader> </el-header><script> import sucaiheader from "components/sucaiHeader.vue"; expo...
vue入门第4天：vue实现全选反选 父组件给5个子组件传值，同时子组件和父组件的相关值对应改变。参考checkbox单选和全选。知识点：1、子组件给父组件回传id2、子组件监听父组件值的改变3、父组件尽量不要给子组件传递对象和数组代码如下，父组件：app.vue：<template> <div class="testCon"> <div> <o...
vue入门第3天：vue2.0父子组件以及非父子组件如何通信 1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>data(){ return { msg: [1,2,3] };}12345678...
vue入门第2天 今天主要是3个知识点一、CSS作用域写法1、正常的CSS <style scope></style> <div class="mint-cell-title”></div> scope:在当前的作用域有效2、SCSS <style lang=“scss” module></style> &l
vue入门第1天 https://cn.vuejs.org/v2/guide/官网学习文档第一页看到这么一句：message: 'Hello Vue.js!'this.message = this.message.split('').reverse().join('')所以来回顾一下JS基础知识。一、split() 方法用于把一个字符串分割成字符串数组。"hello".split("") //可返回 ["h", "...
JS写页面不操作则跳出 script>jumpOut(0.2)//判断用户有没有操作页面 function jumpOut(time) { var userTime = (time || 2) * 60; var objTime = { init:0, time:function(){ objTim
关于上拉加载的刷新 原理：做了一个判断getScrollHeight() - (getScrollTop() + getClientHeight()) 10，第一个函数获取滚动条的位置，第二个函数获取当前屏幕可见的高度，第三个函数获取当前文档的总高度，当前两个参数跟第三个参数快相等的时候，就表示文档已经拉到底部了，触发事件向后台请求数据。这样一个分页功能就写出来了。//获取滚动条当前的位置function getSc
artTemplate的函数使用 script id="main_panel_big_sale_template" type="text/html"> {{each products as product i}} {{if i 3}} li> img src="{{product.pictographicIconList[0].image.url | getImage
关注
