Colese-CSDN博客

原创 vue微信分享微信 js-SDK

1. vue 前期配置 ( 此操作一般由后台童鞋配置 )1.0.1 配置 js安全域名配置js 安全域名 ,配置对于 vue框架只需要配置到页面的 #(哈希前) index 就可以了.点击设置—公众号设置—功能设置进入设置界面1.0.2 配置 ip白名单配置IP白名单,微信公众平台出于安全考虑，根据appId和appSecret去获取access_token的时候，...

2019-11-24 17:40:59 439

原创 vue中根据变量来设置不同的class和style及css背景图过大的问题

1.改变class// 判断isreply是否为false, 若为false, 则拥有m-light-reply的class名<div :class="{'m-light-reply': !isreply}"></div>// 判断lang=='en' 是否为false, 若为false, 则拥有text-p的class名 <p v-bind:class=...

2019-06-02 16:25:32 7045

原创 vue-Scroller上拉加载，下拉刷新及 element-ui分页的使用

1.官方文档地址vue-Scroller github地址：https://github.com/wangdahoo/vue-scrollerelement分页地址：https://element.eleme.io/#/zh-CN/component/pagination移动端上拉加载，下拉刷新，及分页是基本业务场景中常见的需求，2.vue-Scroller的使用2.0.1 npm 安装...

2019-05-09 17:41:05 6659

原创 vue 微信支付

微信支付1.相关官方文档https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=62.给支付按钮绑定点击事件<span class="three" @click="pay()" v-if="payshow">立即支付</span>3.调起微信支付的接口 pay() { ...

2019-02-22 12:00:12 2161

原创在vue中使用swiper，vue轮播图插件vue-awesome-swiper

参考官方文档：https://github.com/surmon-china/vue-awesome-swiper附上 swiper 中文网：https://www.swiper.com.cn/1.npm安装npm install vue-awesome-swiper --save2在main.js中引入import VueAwesomeSwiper from 'vue-awesome...

2019-02-01 14:22:19 2658 1

原创 swiper (轮播图) 插件的使用

中文官网https://www.swiper.com.cn/api/autoplay/19.html1.首先引入文件 <link rel="stylesheet" href="./swiper-4.4.1/dist/css/swiper.min.css"> <script src="./swiper-4.4.1/dist/js/swiper.min.js">&lt...

2018-10-14 20:45:14 5715 1

1.0.0 node.js 安装node官网: http://nodejs.cn/download/根据电脑位数配置:安装对应的版本!安装完成后,执行 node-v检查版本显示版本号才算是安装成功!1.0.1 npm目前node.js 环境集成了 npm,所以不用重新安装 npmnpm的本地仓库，输入命令npm list -global输入命令npm config set registry=http://registry.npm.taobao.org 配置镜像站2.0.0 webpa

2020-05-14 11:26:14 676

原创 vue 中使用倒计时时分秒毫秒

1.直接上代码 //时间倒计时处理 countTime() { var date = new Date() var now = date.getTime() var end = this.treasu_data.etime * 1000 //this.treasu_data 在data中定义的 var leftTime = en...

2020-04-07 17:08:22 3460

原创在vue中使用axios请求数据 v-for渲染数据的时候结构没有出来的问题

1.问题说明在使用axios向后台请求数据时，根据后台接口返回的数据，res.data.data 返回的是一个数组对象，并且将这个数组对象赋值给了在data定义的一个空数组，打印这个空数组，是真实存在的数据 res.data.data 使用v-for循环结构的时候，数据并没有出来以上都是常规操作，但是渲染的结构并没有出来2.问题截图说明2.0.1 js代码截图并没有什么问题2.0.2...

2019-04-04 17:26:14 7811 7

原创 vue3.0 脚手架配置

版本需求vue cli 需求node.js版本8或者更高全局安装npm install -g @vue/cliyarn global add @vue/cli如果没有安装yarn的需要安装安装地址；https://yarnpkg.com/lang/zh-hans/docs/install/#windows-stable”检测安装1.vue项目创建1.0运行vue cre...

2019-02-28 15:27:55 3042

原创 qs 的使用 vue 的favicon.ico的配置

1.说明qs解决了axios向后台发送数据的默认格式为json。2.安装npm install qs --save-dev3.全局引入 main.jsimport Qs from 'qs'Vue.prototype.Qs = Qs4.引用this.$axios.post( "接口地址", this.Qs.stringify(...

2019-02-11 10:23:47 338

原创前端自我总结面试题

小编最近在找工作,总结了一下最近经常遇到的面试问题,唉!!..年底了,心酸,有没有哪位大佬在武汉的,能不能介绍下工作呗!不胜感激!!!排名不分先后1.你了解哪些h5c3新增的一些属性?针对h5的新增,大家可以看下我的这篇文章https://blog.csdn.net/weixin_43072453/article/details/82846150audio video 视频和音频播放...

2018-12-04 02:42:36 955

原创 webpack初始化配置 (史上最详细版本)

webpack官网: https://www.webpackjs.com/注意:因为webpack一些插件总是不断更新,所以在以后的工作中建议用vue脚手架生成!,此文章的目的只是介绍一些底层的原理,文章插入了一些简单的案例,适合新手学习,欢迎阅览!1 简单介绍webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具,借助于webpack这个前端自动化构建...

2018-11-18 22:00:18 11921 2

原创 vue 使用钩子函数完成购物车小球案例

1.本文直接上代码,基础请看个人其他文档<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&

2018-11-15 21:58:02 292

原创 vue基础总结钩子函数,组件,路由,过滤器,动画

vue的官网:https://cn.vuejs.org/1.基本指令{{msg}} 插值表达式v-cloak 解决插值表达式的闪烁问题v-text 渲染文本v-html 渲染html标签v-bind 属性绑定简化 :v-on 事件绑定简化: @v-model 双向数据绑定一般用于表单v-for 遍历数组或者对象 key用于属性绑定的唯一...

2018-11-15 21:54:36 401

原创 vue第二篇

vue day02v-for中key的使用在使用v-for渲染列表时, 如果涉及到数据顺序变化, 那么跟随数据的一些状态(例如: 勾选状态), 默认情况下不会跟随数据的顺序改变而改变, 也是vue默认的策略: 就地复用, 好处: 可以提高效率减少DOM操作, 问题: 一旦数据的顺序发生变化了, 状态不会随着数据改变而跟随着改变, 依旧会根据索引去勾选原位置的数据key的出现就是为了告诉vue...

2018-11-14 19:49:50 140

原创 vue的基础指令

vue的介绍vue的官网:https://cn.vuejs.org/1.定义2.MVC和MVVM的概念MVC 是后端的分层开发概念；MVVM是前端视图层的概念，主要关注于视图层分离，也就是说：MVVM把前端的视图层，分为了三部分 Model, View , VM ViewModel下面用一幅图来分析他们之间的关系:3.常见的指令3.1插值表达式{{msg}} &lt...

2018-11-10 15:04:39 151

原创 node.js基础篇 (第四篇) 更新ing....(MySQL模块)

mysql模块参照官网文档: https://www.npmjs.com/1.MySQL模块在node中连接mysql数据库的工具模块1.安装mysql模块npm install mysql2.引入mysql模块const mysql =require('mysql')3.创建连接const conn =mysql.create.Connection({ host:'l...

2018-11-02 20:31:34 364

原创 node基础(第三篇) 更新ing (http模块)

1.http模块1.1创建一个最基本的web服务器//1.引入http模块const http=require('http')//2.创建http服务器const httpServer=http.createServer();//3.绑定request事件httpServer.on('request',(req,res)=&amp;gt;{ //处理业务;逻辑 res.end('hell...

2018-11-02 19:49:42 231

原创 node.js 基础篇 (第二篇 ) 更新ing.......

node.js 中文网 http://nodejs.cn/1. path模块path.join():用来拼接路径片段参数1:可变参数(可以传1-N个参数),路径片段在路径片段中支持 ‘.’ 和 ‘…’ 操作,分别表示当前目录和上一级目录,传入的参数必须是字符串,返回的结果也是字符串(拼接好的路径)2.CommonJS规范node.js 实现了 CommonJS规范,在Common...

2018-10-30 20:41:19 301

原创 node.js 基础 (第一篇)

一 node.js 简介node 的javascript解析器就是v8 引擎在node中没有 dom 和 bom的概念 ,由以下三个部分组成;1. ECMAScript 核心标准2. 全局成员3. 核心模板API学习目标: 使用node平台搭建一个后台服务器,进行后端开发REPL环境: Read Eval Print Loop 同浏览器控制台二 ES6 语法1.l...

2018-10-29 20:35:03 169

原创 zepto.min.js的使用移动端的轮播图

1.Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。相关链接: http://www.css88.com/doc/zeptojs_api/2.首先引入zepto文件<link rel="stylesheet" href="css/base.css"><link re...

2018-10-12 08:50:44 5054

原创 css3 变换transform 过渡transition 动画 animation

1. 变换transform 通过 CSS3 transform转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸.1.1 translate(tx,ty，tz) :将元素从原来的位置移动到指定位置tx 表示向x轴移动的向量ty 表示向y轴移动的向量tz 表示向z轴移动的向量1.2 2d缩放 scale(sx,sy，sz) :将元素根据中心原点进行缩放，transform...

2018-09-29 09:48:08 1511

原创 H5 新增常用

一.H5 新增常用表单标签&lt;form action=""&gt; 邮箱:&lt;input type="email" name="email" id=""&gt;&lt;br&gt; 颜色:&lt;input typ

2018-09-27 11:24:43 464

原创 jQuery 第二篇

jQuery 第二篇操作元素样式的方式 css()设置元素的样式属性; addClass()添加类样式,//为dv添加cls和cls1样式属性$('#dv').addClass('cls').addClass('cls1');$('#dv').addClass('cls cls1');removeClass();移除类样式,传入一个字符串,多个类名之间空格隔开//不...

2018-09-25 08:23:06 174

原创 AJAX template-web.js (模板引擎) jquery.twbsPagination.js (分页插件) 的使用

模板引擎分页插件1.概念模板引擎不属于特定技术领域，它是跨领域跨平台的概念。在Asp下有模板引擎，在PHP下也有模板引擎，在C#下也有，甚至JavaScript、WinForm开发都会用到模板引擎技术。2.原理置换型模板引擎实现简单，但其效率低下，无法满足高负载的应用（比如有海量访问的网站），因此还出现了“解释型”模板引擎和“编译型”模板引擎等。3.用途模板引擎可以让（网站）程序...

2018-09-22 19:56:07 826 1

原创数组去重的四种常用方法

第一章数组1.数组的概念数组就是将多个元素(通常是同一种类型)按照一定的排序放到一个集合中,那么这个集合我们就称之为数组 2.数组的定义数组是一个有序的列表,可以在数组中存放任意的数组,并且数组的长度可以动态的调整. 通过数组字面量创建数组 var arr=[] //创建一个空数组 var arr1=[2,3,4] //创建有3个数...

2018-09-15 22:18:01 1220

原创 AJAX 编程

第一章 ajax编程1.1 Ajax 定义:Asynchronous Javascript And XML (异步的js和xml) 作用:可以在页面不断刷新的情况下,请求服务器,局部更新页面 (异步请求,局部刷新) 1.2异步定义:只某段程序执行时不会阻碍其他条件的执行,其表现形式为程序的执行顺序不依赖与本身的书写程序,相反则为同步(程序执行时不会阻碍其他条...

2018-09-14 14:17:06 953

原创 jQuery JavaScript 前端(第一篇)

jQuery 简约介绍1.顶级对象 $ jQuery 2.页面加载事件 $(function(){页面加载后执行代码}); 3.其他事件 jQuery对象.事件名(function (){事件处理程序}); 事件名没有on,例如click() mouseover(); 4.jQuery对象和DOM对象的装换 DOM...

2018-09-01 00:11:21 286

原创 javascript API (第二篇)

innerText 兼容性处理 1.innerText:能用就用element.innerText获取文本内容, 不能用就用 :element.innerContent//装换为boolean类型的情况有: 0 null undefined NaN &quot;//innerText有可能是空字符串,所以首先得先判断是不是string类型if (typeof element.innerTex...

2018-08-31 00:19:29 153

原创 javascript API (第一篇)

WEB API 概念 API(Application Programming Interface) 应用程序编程接口;DOM的概念所有的网页内容都被称之为节点 1. 文本节点 2. 注释节点 3. 属性节点 4. 元素节点元素节点就是标签,在网页元素中使用率最高 DOM常见的操作元素获取元素对元素进行操作动态创建...

2018-08-27 11:28:21 573

weixin_43072453的博客