vue2.0使用swiper组件实现轮播的示例代码
1、安装swipernpm install swiper@3.4.1 --save-dev2、引用组件import Swiper from 'swiper';import 'swiper/dist/css/swiper.min.css';3、html页面代码 <div class="swipe...
2020-05-27
js操作二进制数据方法
最近做了几个项目，用js操作二进制数据，通过socket与后台进行传输。在此用博客做个记录首先是新建一个socket：var socket=new WebSocket("ws://192.168.0.147");接着定义socket...
2020-05-27
Vue2.0中集成UEditor富文本编辑器的方法
在vue的'项目中遇到了需要使用富文本编辑器的需求，在github上看了很多vue封装的editor插件，很多对图片上传和视频上传的支持并不是很好，最终还是决定使用UEditor。这类的文章网...
2020-05-27
vue实现图片滚动的示例代码(类似走马灯效果)
上次写了一个简单的图片轮播，这个相当于在上面的一些改进。这个组件除了可以进行图片滚动外，也可以嵌入任何内容的标签进行滚动，里面用了slot进行封装。父：<template> <div id="...
2020-05-27
vue.js-div滚动条隐藏但有滚动效果的实现方法
组件被包在一个高度固定的divmounted () { var boDiv = document.getElementById(this.id); if(boDiv == undefined){ return; } var isFirefox=navigator.userAgent.i...
2020-05-27
vue中实现移动端的scroll滚动方法
一、首先安装安装npm install better-scroll --save二、 并在组件中引用import BScroll from ‘better-scroll'template中引用指向将要滚动的DOM元素根据官方文档ref属性的...
2020-05-27
jQuery实现左右滑动的toggle方法
我们知道使用 jQuery 来实现上下移入移除，可以直接使用 slideUp() 和 slideDown() 方法。slideUp()方法和slideDown()方法只会改变元素的高度。如果一个元素的 display 属性...
2020-05-27
JS表单传值和URL编码转换
注意：这里写了两个网页
因为URL传过去的数据不支持中文字符和一些特殊符号 所以需要转换一下编码
实现效果：网页1的表单数据传到网页2并显示出来网页1代码如下：<!DOCTYPE html...
2020-05-27
基于vue v-for 循环复选框-默认勾选第一个的实现方法
应用场景：在进行多选的时候一般默认显示第一个。实现方法：纯vue实现例子：<span v-for="(one,index) in site"><input type="checkbox" :checked="index == 0" style="vertical-...
2020-05-27
Vuejs在v-for中,利用index来对第一项添加class的方法
（1）在v-for中，利用index来对第一项添加class 在CODE上查看代码片派生到我的代码片<a class="list-group-item" :class="{'active':!index}" v-for="(i,index) in announcement"...
2020-05-27
vue.js select下拉框绑定和取值方法
最近在做mui+vue.js的移动项目，遇到了这个解决了，所以记录一下：1、绑定select下拉框的代码很简单sendlist就是下拉框的集合，这个可以去看vue.js的文档：地址：https://cn.vuejs.org/...
2020-05-27
基于Vuejs的搜索匹配功能实现方法
最近一直在看vue，查了很多资料，看了很多文档和博客，大概半知半解了，然后利用所理解的知识写了一个简单的搜索匹配功能。大概长这个样子：数据都是假的代码部分（注意我引用的是本地v...
2020-05-27
基于vue中解决v-for使用报红并出现警告的问题
代码报红对于追求优美代码的强迫症患者来说看着很不舒服，报红如下：控制台中也会有：(Emitted value instead of an instance of Error) <Option v-for="item in searchTypeList"...
2020-05-27
vue中v-for加载本地静态图片方法
vue-cli 项目中本地图片放在assets目录下（原因vue-cli最开始的vue图片就在里面，就把所有图片放在里面了）；之后v-for 动态加载图片路径就遇到了问题源码：<ul><li v-for="(item,ind...
2020-05-27
Vue用v-for给src属性赋值的方法
我的代码结构如下面代码所示，无法执行，在img中的src属性中无法用mustache表示法<div id="test"> <div v-for="item in lists"> <img src="{{item.img}}"> </div></div>ne...
2020-05-27
代码详解javascript模块加载器
定义var MyModules = (function Manager() { var modules = {}; function define (name, deps, impl) { for(var j = 0, length = deps.length; j < length; j++){...
2020-05-27
Vue组件开发技巧总结
前言
临近毕业，写了个简单个人博客，项目地址是点我访问项目地址（顺便求star），本篇是系列总结第一篇。接下来会一步一步模仿一个低配版的Element 的对话框和弹框组件。正文
Vue 单...
2020-05-27
编写React组件项目实践分析
当我刚开始写React的时候，我看过很多写组件的方法。一百篇教程就有一百种写法。虽然React本身已经成熟了，但是如何使用它似乎还没有一个“正确”的方法。所以我（作者）把我们团队...
2020-05-27
微信web端后退强制刷新功能的实现代码
具体代码如下所示：<script> //生成uuid var uuidChars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""); function uuid() { var r;...
2020-05-27
JavaScript图片处理与合成总结
引言图片处理现在已经成为了我们生活中的刚需，想必大家也经常有这方面的需求。实际前端业务中，也经常会有很多的项目需要用到图片加工和处理。由于过去一段时间公司的业务需求...
2020-05-27
Vue.directive 自定义指令的问题小结
1.今天复习一下Vue自定义指令的代码，结果出现一个很无语的结果，先贴代码。2.<div id="example" v-change-by="myColor"></div> <script src="vue.min.js"></script> <script...
2020-05-27
Vue.directive()的用法和实例详解
官网实例：https://cn.vuejs.org/v2/api/#Vue-directivehttps://cn.vuejs.org/v2/guide/custom-directive.html指令定义函数提供了几个钩子函数（可选）：
bind: 只调用一次，指令第一...
2020-05-27
ionic2中使用自动生成器的方法
ionic generator是命令行的功能，ionic2自动帮我们创建应用程序，从而节省了大量的时间，并增加我们的速度来开发一个项目的关键部分。ionic generator使我们可以自动创建以下几部...
2020-05-27
JsChart组件使用详解
JsChart是什么？JSChart能够在网页上生成图标，常用于统计信息，十分好用的一个JS组件。使用JsChart一。导入jscharts.js 二。编写jscharts.jsp测试页面1.下载JScharts库 从官网下...
2020-05-27
AjaxUpLoad.js实现文件上传
AjaxUpload.js文件的代码，供大家参考，具体内容如下/** * AJAX Upload ( http://valums.com/ajax-upload/ ) * Copyright (c) Andris Valums * Licensed under the MIT lice...
2020-05-27
基于Vue渲染与插件的加载顺序的问题详解
Vue实践分享（三）在实际项目的开发过程中，经常会遇到页面还没渲染完成而插件就已经开始加载的问题，这样就会导致显示和功能出错。可以通过Vue中的nextTick来解决Vue.nextTick(fun...
2020-05-27
Node.js爬取豆瓣数据实例分析
一直自以为自己vue还可以，一直自以为webpack还可以，今天在慕课逛node的时候，才发现，自己还差的很远。众所周知，vue-cli基于webpack，而webpack基于node，对node不了解，谈什么了解webpa...
2020-05-27
快速处理vue渲染前的显示问题
添加css[v-cloak] {display: none;}给vue对象加上v-cloak<div v-cloak>{{ message }}</div>以上这篇快速处理vue渲染前的显示问题就是小编分享给大家的全部内容了，希望能给大...
2020-05-27
vue项目中使用ueditor的实例讲解
以vue-cli生成的项目为例1.static文件夹下先放入ueditor文件2.index.html添加如下代码<script type="text/javascript" charset="utf-8" src="static/ueditor/ueditor.confi...
2020-05-27
vue项目中引入noVNC远程桌面的方法
1 、首先，先简单介绍一下概念。VNCServer 是一个为了满足分布式用户共享服务器资源，而在服务器开启的一项服务，对应的客户端软件有图形化客户端 VNCViewer，而 noVNC 则是 HTML5...
2020-05-27
nodejs爬虫初试superagent和cheerio
前言
早就听过爬虫，这几天开始学习nodejs，写了个爬虫https://github.com/leichangchun/node-crawlers/tree/master/superagent_cheerio_demo，爬取 博客园首页的文章标题、...
2020-05-27
Vue 中使用vue2-highcharts实现曲线数据展示的方法
1、要实现的效果如下图： 2、vue前端页面如下：<template> <div> <div> <div> <img src="../assets/index/back.png" class="rank-head-back" @click="routerBack"/> <s...
2020-05-27
Vue 中使用vue2-highcharts实现top功能的示例
1、要实现的效果如下图： 2、首先项目中引用vue2-highcharts package.json中如下：在命令行中输入：cnpm install vue2-highcharts3、页面代码如下：<template> <div > <div> <div...
2020-05-27
vue.js 使用axios实现下载功能的示例
本文主要来源于知乎一个回答，这里红色部分做了自己的处理，虽然自己的少，可是很有用的几句代码哦只好回答一下axios如何拦截get请求并下载文件的了。Ajax无法下载文件的原因浏览...
2020-05-27
完美解决axios在ie下的兼容性问题
首先说下axios虽说是支持ie8+，不过其原理是基于promise之上实现的所以会有不兼容ie的问题 也就是trident内核的全不行，会报：vuex requires a Promise polyfill in this browser...
2020-05-27
axios拦截设置和错误处理方法
现在vue的官方包已经不更新vue-resource了，转而推荐axios，下面是项目实战是总结的axios插件设置：/** * @file Axios的Vue插件（添加全局请求/响应拦截器） */// https://github.com...
2020-05-27
axios全局请求参数设置,请求及返回拦截器的方法
应用场景：1，每个请求都带上的参数，比如token，时间戳等。2，对返回的状态进行判断，比如token是否过期代码如下：axios.interceptors.request.use( config => { var xtoken = getXto...
2020-05-27
Angular利用内容投射向组件输入ngForOf模板的方法
现在，我们写一个组件puppiesListCmp，用于显示小狗狗的列表：//puppies-list.component.ts@Component({ selector: 'puppies-list', template: ` <div *ngFor="let puppy of pup...
2020-05-27
详解vue项目打包后通过百度的BAE发布到网上的流程
经过两天的研究终于将VUE打包后的项目通过BAE发布到了网上。虽然接口方面还有一下问题但是自己还是很高兴的。首先说一下这个项目需要用到的技术，vue+express+git+百度的应用...
2020-05-27
Angular @HostBinding()和@HostListener()用法
@HostBinding()和@HostListener()在自定义指令时非常有用。@HostBinding()可以为指令的宿主元素添加类、样式、属性等，而@HostListener()可以监听宿主元素上的事件。@HostBin...
2020-05-27
在vue项目中引入highcharts图表的方法(详解)
npm进行highchars的导入，导入完成后就可以进行highchars的可视化组件开发了npm install highcharts --save1、components目录下新建一个chart.vue组件<template> <div class=...
2020-05-27
解决vue2中使用axios http请求出现的问题
使用axios处理post请求时，出现的问题解决默认情况下： axios.post(url, params).then(res => res.data);当url是远程接口链接时，会报404的错误：Uncaught (in promise) Error: Req...
2020-05-27
解决vue处理axios post请求传参的问题
很多朋友在使用vue的过程中肯定会用到axios 请求，包括现在vux中已经自带了axios，而且用法也很简单，文档中写的比较清楚，但是当我们使用post提交时，却发现有时候会出现参数没有发...
2020-05-27
基于vue 添加axios组件,解决post传参数为null的问题
好，下面上货。1、安装axiosnpm install axios --save2、添加axios组件import axios from 'axios'axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-u...
2020-05-27
axios发送post请求springMVC接收不到参数的解决方法
axios发送post请求时，出现了参数后台接收不到的情况，分析了下请求，发现是请求头content-type不对，是application/json，正常应该是application/x-www-form-urlencoded。解决方法有...
2020-05-27
node.js通过axios实现网络请求的方法
1、使用Npm 下载axios npm install --save axios var update_url = axios.create({ baseURL:'debug url'});update_url.get('/debug url').then(function (response){ //re...
2020-05-27
vue axios 在页面切换时中断请求方法 ajax
如下所示：Vue.prototype.$ajax=axios; const CancelToken = axios.CancelToken;let cancel;let cancelAjaxText = '中断成功';Vue.prototype.post = function(url,data,loadi...
2020-05-27
js获取html页面代码中图片地址的实现代码
第一种方法：js通过正则实现/** * 获取html代码中图片地址 * @param htmlstr * @returns {Array} */ function getimgsrc(htmlstr) { var reg = /<img.+?src=('|")&...
2020-05-27
JavaScript基础心法 数据类型
由于自己是野生程序员，在刚开始学习程序设计的时候没有在意内存这些基础知识，导致后来在提到“什么什么是存在栈中的，栈中只是存了一个引用”这样的话时总是一脸懵逼。。后来渐...
2020-05-27
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
前言说到深浅拷贝，必须先提到的是JavaScript的数据类型，之前的一篇文章JavaScript基础心法——数据类型说的很清楚了，这里就不多说了。需要知道的就是一点：JavaScript的数据类型...
2020-05-27
