零度空间0520-优快云博客

转载 vue----仿淘宝滑动验证码

因为touch事件和mouse事件不同，和获取clientX在移动端和pc端也不同！！！所以分两端下面有PC端和移动端！！！本文基于vue，引入下面组件可以直接使用1、实际效果begin.pngsuccess.png2、PC端！！！ vue组件（下面是一个vue组件，可以引入直接使用）<template> <div class="drag" re...

2020-04-02 23:30:50 727

转载如何答一道惊艳面试官的数组去重问题？

当面试官问到时怎么回答？首先:我知道多少种去重方式？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]) { ...

2020-01-09 17:45:07 361

转载 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('.');...

2019-12-27 11:14:13 5235 1

原创 VScode格式化ESlint-方法

ESlint-是用来统一JavaScript代码风格的工具，不包含css、html等。在vscode的文件-首选项-设置里，右侧配置里添加如下代码即可（代码有注释！），从此直接 Ctrl+S 就能一键格式化了{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设...

2019-07-29 09:28:26 1364

原创【mpvue-wxparse】 thirdScriptError Constructor is not a constructor;

好多个帖子都是如下的写法，但是会报错啊。有没有哪位大神遇见过啊。求助~~1、安装$ npm i mpvue-wxparse --save2、使用<template> <div> <wxParse :content="article" /> </div></template><script&g...

2019-07-19 10:17:08 635 1

转载微信小程序：日历功能实现

1.Wxml<view class='calendar_title flex_nowrap'> <view class='icon' bindtap='lastMonth'> <image src='/images/icon/28.png' /> </view> <view&...

2019-04-11 09:08:19 3330 6

转载 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

2018-12-27 09:35:50 257

转载 Vue.js系列之项目结构说明

1.build——[webpack配置]build文件主要是webpack的配置，主要启动文件是dev-server.js，当我们输入npm run dev首先启动的就是dev-server.js，它会去检查node及npm版本，加载配置文件，启动服务。2.config——[vue项目配置]config文件主要是项目相关配置，我们常用的就是当端口冲突时配置监听端口，打包输出路径...

2018-07-18 15:03:57 268

原创 apache + phpStudy 配置vue history模式

1、将打包的dist文件放到 D:\phpStudy\PHPTutorial\WWW 这个文件夹下2、在dist文件夹中放入.htaccess文件，意思大概是将所有文件都指向index.html文件，文件内容如下： <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / ...

2018-07-12 09:00:41 2613 1

原创 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模...

2018-06-22 23:09:48 2645

转载 v-model在组件上的使用

vue中v-model如何进行父子组件的通信？如何在组件中使用呢？父组件代码如下： <template> <div id="demo"> <test-model v-model="haorooms"></test-model> <span>{{haorooms}}</span></

2018-06-05 17:35:22 977

转载 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="验证码">

2018-06-05 17:33:26 425

原创 vue入门第5天：子组件怎么能不改变父组件传过来的对象

父组件：app.vue<el-header> <sucaiheader :testData='copyDataT'></sucaiheader> </el-header><script> import sucaiheader from "components/sucaiHeader.vue"; expo...

2018-05-28 17:09:57 1079

原创 vue入门第4天：vue实现全选反选

父组件给5个子组件传值，同时子组件和父组件的相关值对应改变。参考checkbox单选和全选。知识点：1、子组件给父组件回传id2、子组件监听父组件值的改变3、父组件尽量不要给子组件传递对象和数组代码如下，父组件：app.vue：<template> <div class="testCon"> <div> <o...

2018-05-28 16:50:36 1890

转载 vue入门第3天：vue2.0父子组件以及非父子组件如何通信

1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>data(){ return { msg: [1,2,3] };}12345678...

2018-05-28 16:41:12 166

原创 vue入门第2天

今天主要是3个知识点一、CSS作用域写法1、正常的CSS <style scope></style> <div class="mint-cell-title”></div> scope:在当前的作用域有效2、SCSS <style lang=“scss” module></style> &l

2018-04-26 19:12:57 262

https://cn.vuejs.org/v2/guide/官网学习文档第一页看到这么一句：message: 'Hello Vue.js!'this.message = this.message.split('').reverse().join('')所以来回顾一下JS基础知识。一、split() 方法用于把一个字符串分割成字符串数组。"hello".split("") //可返回 ["h", "...

2018-04-23 22:13:38 295

转载 JS写页面不操作则跳出

script>jumpOut(0.2)//判断用户有没有操作页面 function jumpOut(time) { var userTime = (time || 2) * 60; var objTime = { init:0, time:function(){ objTim

2017-12-28 17:20:14 394

转载关于上拉加载的刷新

原理：做了一个判断getScrollHeight() - (getScrollTop() + getClientHeight()) 10，第一个函数获取滚动条的位置，第二个函数获取当前屏幕可见的高度，第三个函数获取当前文档的总高度，当前两个参数跟第三个参数快相等的时候，就表示文档已经拉到底部了，触发事件向后台请求数据。这样一个分页功能就写出来了。//获取滚动条当前的位置function getSc

2017-12-04 16:05:38 250

转载 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

2017-11-14 11:04:58 1409

转载 artTemplate嵌套使用

artTemplate嵌套使用

2017-11-13 10:49:31 1097

转载一个入门的arttemplate模板

一个入门的arttemplate模板

2017-11-13 09:15:29 492

原创 MUI-首页tab选项卡切换功能

测试subpagehtml,body {background-color: #efeff4;}库存库存个人中心设置//mui初始化mui.init({swipeBack: false});var menu = null,m

2017-09-25 16:45:51 20992 1

转载 webstorm中js文件被识别成txt类型

问题描述：webstorm中index.js文件被识别成txt格式，如下图。原因：webstorm中js文件被识别成txt文件，原因在于txt类型识别了以当前js文件名命名的模式。解决办法：File—Editor—FileTypes找到Text类型，将其中的index.js格式从中取消，apply—ok拓展：同理其他被识别成txt（或其他格式）的js文件

2017-06-01 16:49:29 6912

转载 iOS9 HTTP 不能正常使用的解决办法

今天升级Xcode 7.0 bata发现网络访问失败。输出错误信息The resource could not be loaded because the App Transport Security policy requires the use of a secure connection.Google后查证，iOS9引入了新特性App Transport Security (AT

2017-02-14 11:30:47 352

原创关于移动端h5实现顶部吸附

今天的一点感悟：就是希望自己可以养成分享的思维方式。故记录下了这篇：1.页面大致样式： 2.功能点： (1)当页面往上滑动时：最新和精华这一行的导航条吸附到搜索栏下面。 (2)需要判断App版本，因为是新加的功能，所以之前的版本不用这个功能。 (3)需要判断是网页，还是手机打开。网页打开也不需要这个功能，因为网页无法获取搜索栏高度。3.实现当中出现的问题：

2017-02-13 23:39:08 5797

转载韩顺平_轻松搞定网页设计(html+css+javascript)_第24讲_js案例讲解_js自定义函数_学习笔记_源代码图解_PPT文档整理

（1）打印完整金字塔我自己的思考过程，参看上一篇博文：javascript打印完整金字塔型_完整菱形_空心菱形_思路算法详解_js源代码观察发现：第一行星号的个数为1；第二行的星号个数为2*2-1；第三行星号的个数为2*3-1；第四行星号的个数为2*4-1；以此类推…星号的个数，即为要循环打印几次，这里设置i=1更好

2016-10-07 13:32:25 767

转载 react native 学习笔记----网络

原链接为http://blog.youkuaiyun.com/wxq888/article/details/52388990#comments下面为原文内容。React Native提供了和web标准一致的Fetch API，用于满足开发者访问网络的需求。发起网络请求要从任意地址获取内容的话，只需简单地将网址作为参数传递给fetch方法即可：fetch(

2016-09-19 11:38:48 350

转载 Nodejs 发送HTTP POST请求实例

项目里面需要用到使用NodeJs来转发HTTP POST请求，研究了很久最后才弄通，把过程记录一下：接收端代码很简单，就是回送body.address属性：[javascript] view plain copy print?exports.sendEmail = function (req, res) { res.se

2016-06-20 16:14:01 601

翻译 node.js中的url.parse方法使用说明

这篇文章主要介绍了node.js中的url.parse方法使用说明,本文介绍了url.parse的方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下方法说明：讲一个URL字符串转换成对象并返回。语法：url.parse(urlStr, [parseQueryString], [slashesDenoteHost])接收参数：u

2016-06-20 15:03:13 1003

转载 js面向对象之公有、私有、静态属性和方法详解

现下，javascript大行其道，对于网站开发人员来说，javascript是必需掌据的一门语言，但随着jquery等框架的流行和使用，许多人对于原生javascript缺乏深入的理解，习惯了函数式的编辑风格，对于闭包、原型总是说不清道不明．对于js面向对象蹩脚的用着，而要了解js面向对象，就必需先了解js中什么是公有方法、特权方法、静态方法方法/步骤1.公有属性和公有方法

2015-11-25 18:32:40 973

转载 JQuery弹出层，点击按钮后弹出遮罩层，有关闭按钮

DOCTYPE html>html xmlns="http://www.w3.org/1999/xhtml">head>title>jQuery弹出层效果title>meta content="网页特效,特效代码,jQuery,css特效,Js代码,广告幻灯,图片切换" name="keywords" />meta content="jQuery弹出层效果，有关闭按钮，代码简单易懂，你可

2015-11-16 18:06:08 2792

转载 JS,Jquery获取各种屏幕的宽度和高度

Javascript:网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.bod

2015-11-16 17:41:29 431

原创最简单的点击展开关闭效果

无标题文档function show(obj){var obj=document.getElementById(obj); //获得id为b的容器//如果下面的内容显示的话就隐藏if(obj.style.display=="block"){obj.style.display="none";}elseobj.style.display="block";}

2015-09-01 11:52:05 1924

原创 sass基础教程

1. 使用变量;$highlight-color: #F90;.selected { border: 1px solid $highlight-color;}//编译后.selected { border: 1px solid #F90;}2. 嵌套CSS 规则;#content { article { h1 { color: #333 }

2015-08-18 11:17:58 1037

转载 SVG -椭圆曲线简介

1、椭圆曲线简介 A(a)elliptical arc(rx ry x-axis-rotation large-arc-flag sweep-flag x y) ；参数含义：rx：横轴的长度；ry：纵轴的长度；x-axis-rotation：椭圆的横轴与x轴的角度；large-arc-flag：区分弧度的大小（0表示小角度弧度，1表示大

2015-08-06 12:06:43 837

转载纯CSS3实现的8种Loading动画效果

加载中我们从左到右从上到下列出效果对应的CSS代码。1#效果CSS代码：.load1 .loader,.load1 .loader:before,.load1 .loader:after {background: #FFF;-webkit-animation: load1 1s infinite ease-in-out;animati

2015-08-05 16:59:10 1606

原创 CSS3圆圈旋转的样式

#loading{ color:#000; border-width: 4px; width: 40px; height: 40px; border-style: solid; border-col

2015-08-05 16:14:37 3546

转载移动端H5页面之iphone6的适配

iphone6 及 iphone 6 plus 已经出来一段时间了。很多移动端网站，以前写死body 为320px的，现在估计也忙着做适配了。大屏幕手机其实一直有，只是以前大家没怎么重视，移动端的H5页面大部分都以320px为基准宽度进行布局，那些大屏屌丝android用户也懒得去理，而现在iphone也搞起多屏幕，老板们重视程度就不一样了。回归正题，兼容iphone各版本机型最佳的方式就

2015-08-03 16:55:18 1063

原创 Retina屏下的1px边框的实现

Retina 下的真 1px 的东东现在常见的实现无非就是图片阴影缩放每种都有各自的用处。前段时间写了个“软图片”的实现.border { background-image:linear-gradient(180deg, red, red 50%, transparent 50%), linear-gradient(270deg, red, red 50%, t

2015-08-03 15:20:07 1132