vue踩坑记录之数组定义和赋值问题
问题场景：vue页面初始化展示请求后台返回的数据失败，没有报错
<el-form-item label="有效日期"> <div class="block"> <el-date-picker v-model="effective_date" type="...
2020-05-27
小程序显示弹窗时禁止下层的内容滚动实现方法
小程序显示弹窗时禁止下层的内容滚动实现方法，具体如下
① 第一种方式
利用position:fixed. 禁止页面滚动.一. 页面结构html <view class="indexPage {{proInfoWindow?...
2020-05-27
浅谈JavaScript面向对象--继承
一、继承的概念子类共享父类的数据和方法的行为，就叫继承。二、E55如何实现继承？探索JavaScript继承的本质2.1构造函数之间的“复制粘贴”第一条路是通过构造函数来继承，这可以...
2020-05-27
javascript数组去重方法总结（推荐）
第一种--对象键值去重Array.prototype.unique1 = function () { var r = {}, temp = [] for (var i = 0; i < this.length; i++) { if (!r[this[i]]) { r[th...
2020-05-27
详解vue中axios的使用与封装
分享下我自己的axios封装
axios是个很好用的插件，都是一些params对象，所以很方便做一些统一处理当然首先是npm安装axios 很简单$ npm install axios --save
在src下新建文件夹...
2020-05-27
详解JS取出两个数组中的不同或相同元素
1、取出两个数组的不同元素var arr1 = [0,1,2,3,4,5];var arr2 = [0,4,6,1,3,9];function getArrDifference(arr1, arr2) { return arr1.concat(arr2).filter(function(v...
2020-05-27
js实现unicode码字符串与utf8字节数据互转详解
js的string变量存储字符串使用的是unicode编码，要保存时必须选择其他编码后进行传输，比如转成utf-8,utf-32等。存储到数据库中为utf-8编码，读取出来如何转换成正确的字符串就成...
2020-05-27
详解React项目如何修改打包地址（编译输出文件地址）
好吧，笔者是一个后端开发。以前是做C/S项目出身，毫无Web前端基础，为了更好地理解Web开发，去年开始尝试使用公司使用的前端框架React来搭建团队内部使用的系统。通过这个项目的开...
2020-05-27
基于node简单实现RSA加解密的方法步骤
因项目登录密码字段没有加密引起安全问题，琢磨了下如何基于RSA加密，进行前后端通信（Java项目）。空余时间，看了下在node下的实现。一、准备
前端是利用jsencrypt.js去加密，后端利用...
2020-05-27
vue里如何主动销毁keep-alive缓存的组件
问题产生的背景我们一个后台，在切换一些标签页的时候，是使用的 keep-alive 缓存的标签页，也使用了 include 属性来决定哪个页面进行缓存，而标签页的切换实际上是路由的切换，也就...
2020-05-27
vue实现微信获取用户信息的方法
本次项目做到一个点赞功能，即分享出去一个页面给微信好友，微信好友点开并点赞，需要将点赞用户的微信昵称，微信头像以及微信openid，微信unionid（这个需要关注公众号才会有该字段）传...
2020-05-27
javascript中call()、apply()的区别
call()、apply()的区别:相同点：1.call()和apply()都可以用来间接调用函数，都可以显式调用所需的this。即，任何函数可以作为任何对象的方法来调用。2.两个方法都可以指定调用实...
2020-05-27
详解基于React.js和Node.js的SSR实现方案
基础概念SSR：即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java，php 等开发语言来实现，随着 Node.js 和相关前端领域技术的不断进步，前端同学也可以基于此完成独...
2020-05-27
详解bootstrap-fileinput文件上传控件的亲身实践
经理让我帮服务器开发人员开发一个上传文件功能界面，我就想着以前使用过bootstrap-fileinput插件进行文件上传，很不错。赶紧就撸起来了。1、下载压缩包。插件地址https://gith...
2020-05-27
js控制随机数生成概率代码实例
基本思路：把Math.random()生成的数看着百分比，然后定义每个整数值取值范围。具体内容如下，供大家参考'use strict';export default class GL { /** * 构造函数 * @param {...
2020-05-27
详解ES6中的Map与Set集合
集合的概念以及和数组的区别
其实数组也是集合, 只不过数组的索引是数值类型.当想用非数值类型作为索引时, 数组就无法满足需要了.
而 Map 集合可以保存多个键-值对(key-val...
2020-05-27
Vue服务端渲染实践之Web应用首屏耗时最优化方案
随着各大前端框架的诞生和演变，SPA开始流行，单页面应用的优势在于可以不重新加载整个页面的情况下，通过ajax和服务器通信，实现整个Web应用拒不更新，带来了极致的用户体验。然而，对...
2020-05-27
如何从零开始手写Koa2框架
01、介绍 Koa-- 基于 Node.js 平台的下一代 web 开发框架 Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更...
2020-05-27
使用node搭建自动发图文微博机器人的方法
本文仅供学习交流，请勿用于商业用途，并遵守新浪微博相关规定。代码目录此微博机器人的实现功能如下： 模拟登陆新浪微博,获取cookie； 自动上传图片至微博图床； 自动发送内容不...
2020-05-27
微信小程序城市选择及搜索功能的方法
实现搜索城市功能参考 微信小程序 之『仿美团城市选择 城市切换』
https://github.com/cinoliu/-selectCityjs文件// pages/address/address.jsvar app = getApp()Page({ da...
2020-05-27
Vue-CLI 3.X 部署项目至生产服务器的方法
本教程主要讲解的是 Vue-CLI 3.x 脚手架搭建的vue项目, 先构建生成dist文件(纯静态应用), 然后自动化部署到静态文件服务器 Nginx。一、Nginx服务器文件的配置server { l...
2020-05-27
JavaScript面试技巧之数组的一些不low操作
前言
本文主要从应用来讲数组api的一些骚操作;
如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等；
上面这些应用场景你可以用一行代码...
2020-05-27
浅谈Angular单元测试总结
测试分类按开发阶段划分
单元测试单元测试又称模块测试，针对软件设计中的最小单位——程序模块，进行正确性检查的测试工作。 集成测试集成测试又叫组装测试，通常在单元测试...
2020-05-27
vueScroll实现移动端下拉刷新、上拉加载
移动端开发，处理列表翻页和数据的时候，下拉刷新和上拉加载应用的比较广泛，今天给大家推荐一个vue的插件，vueScroll，首先上图：话不多说，上代码了：一、引入并使用VueScrollimport VueS...
2020-05-27
vue中axios请求的封装实例代码
axios
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中, 也是vue官方推荐使用的http库；封装axios，一方面为了以后维护方便，另一方面也可以对请求进行自定义处...
2020-05-27
如何通过setTimeout理解JS运行机制详解
序
setTimeout()函数：用来指定某个函数或某段代码在多少毫秒之后执行。它返回一个整数，表示定时器timer的编号，可以用来取消该定时器。
例子
console.log(1);setTimeout(functi...
2020-05-27
setTimeout与setInterval的区别浅析
前言在制作网页动态效果时，一定会遇到某些需求，要求某段程序等待多时时间后再开始执行，就像在我们的生活中一样，待会儿再开始做一件事。在JavaScript中主要通过定时器实现此类需...
2020-05-27
ES6入门教程之Array.from()方法
前言ES6为Array增加了from函数用来将其他对象转换成数组。当然，其他对象也是有要求，也不是所有的，可以将两种对象转换成数组。1.部署了Iterator接口的对象，比如：Set，Map，Array。2....
2020-05-27
vue中组件的3种使用方式详解
前言组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在vue angular react三大前端框架的大前端时代。许多人选择了vue，在 github 上的star，vue已经超...
2020-05-27
如何在Angular应用中创建包含组件方法示例
理解组件包含
包含组件就是指可以包含其它组件的组件， 以 Bootstrap 的卡片 (Card) 为例， 它包含页眉 (header) 、 主体 (body) 和 页脚 (footer) ， 如下图所示：<div class="car...
2020-05-27
Javascript的this详解
在理解javascript的this之前，首先先了解一下作用域。作用域分为两种： 1、词法作用域：引擎在当前作用域或者嵌套的子作用域查找具有名称标识符的变量。（引擎如何查找和在哪查找...
2020-05-27
Node.js之readline模块的使用详解
什么是readlinereadline允许从可读流中以逐行的方式读取数据，比如process.stdin等。 在node.js命令行模式下默认引入了readline模块，但如果是使用node.js运行脚本的话，则需要自...
2020-05-27
vue在自定义组件中使用v-model进行数据绑定的方法
本文介绍了vue v-model进行数据绑定，分享给大家，具体如下官方例子https://vuefe.cn/v2/api/#model有这么一句话： 默认情况下，一个组件上的 v-model 会把 value 用作 prop 且把 i...
2020-05-27
详解javascript函数写法大全
1.常规写法 function fnName(){ console.log("常规写法");}2.匿名函数，函数保存到变量里var myfn = function(){ console.log("匿名函数，函数保存到变量里"); }3.如果有多个...
2020-05-27
elementUI select组件默认选中效果实现的方法
首先，v-model的值为当前被选中的el-option的 value 属性值需求：进入编辑页面，状态栏默认选中生效，如下显示：
html部分代码：<el-form-item label="状态"> <el-select v-model="for...
2020-05-27
javascript验证form表单数据的案例详解
直接po截图和代码下面是CheckFormDemo.html<!DOCTYPE html><html><head><meta charset="UTF-8"><title>验证表单的案例</title><link rel="stylesheet" type="text/css" hre...
2020-05-27
详解原生JS回到顶部
第一次知道可以用超链接（锚点）实现回到顶部的时候我是很震惊的，想着原来可以这么简单啊！但是作为一个正在学习JS的小白，不能就这么轻易止步，所以查资料自己整了一个JS的回到顶部。...
2020-05-27
9102了，你还不会移动端真机调试吗
移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一...
2020-05-27
Vue框架下引入ActiveX控件的问题解决
最近参与了山东某一公司的呼叫中心系统的开发项目，我负责的模块是在公司已有的前端Vue框架下集成他们的软电话条功能。从开始到结束所遇到的几个问题如下：1.如何将ActiveX控件...
2020-05-27
js实现鼠标拖拽缩放div实例代码
封装为了jq插件，如下drag.js;(function ($) { $.fn.dragDiv = function (options) { var def = { maxW:600,// 可伸缩的最大宽度 minW:50// 可伸缩的最小宽度 };// 参...
2020-05-27
详解javascript设计模式三：代理模式
代理模式是一种对程序对象进行控制性访问的一类解决方案。引入代理模式，其实是为了实现单一职责的面向对象设计原则。单一职责其实就是指在一个类中（js中通常指对象和函数等），应...
2020-05-27
详解用JS添加和删除class类名
下面介绍一下如何给一个节点添加和删除class名添加：节点.classList.add("类名")；删除：节点.classList.remove("类名")；以tab切换为例：在写tab切换的时候，通常我们会给选中的tab设...
2020-05-27
vue cli3.0结合echarts3.0与地图的使用方法示例
前言echarts 提供了直观，交互丰富，可高度个性化定制的数据可视化图表。而vue更合适操纵数据。最近一直忙着搬家，就没有更新博客，今天抽出空来写一篇关于vue和echarts的博客。下...
2020-05-27
JS div匀速移动动画与变速移动动画代码实例
1.匀速移动代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> * { margin: 0; padding: 0; } div { margin-top:...
2020-05-27
vue-router 起步步骤详解
1.在main.js中导入vue-router和组件import VueRouter from 'vue-router'; // 导入vue-router并将它命名为VueRouterimport goods from './components/goods/goods'; // 引入...
2020-05-27
详解vue-element Tree树形控件填坑路
通过tree树形控件的default-checked-keys属性来设置默认选中的节点html.vue<el-form-item label="角色权限："> <el-tree :data="data2" show-checkbox node-key="id" @...
2020-05-27
node之本地服务器图片上传的方法示例
在自己做一个简单的后台管理系统时，用的是node作本地数据库，然后用了Element-ui的upload组件来实现图片的上传，中间有遇到那么点小坑，这里记录下，比较坑的一点就是，不知道文件的命...
2020-05-27
JavaScript的级联函数用法简单示例【链式调用】
本文实例讲述了JavaScript的级联函数用法。分享给大家供大家参考，具体如下：级联函数级联函数就是在对象调用中通过点的方式串联调用，在jQuery中就是链式调用, 其关键点就是在内...
2020-05-27
监听element-ui table滚动事件的方法
背景
做管理平台的项目,用到了element-ui，需要通过监听el-table滚动的位置来获取最新的数据，那么怎么样监听el-table的滚动呢？
准备
我们默认的技术栈是 vue+element-ui
templa...
2020-05-27
详解Nodejs get获取远程服务器接口数据
本文实例为大家分享了Nodejs get获取远程服务器接口数据的具体代码，供大家参考，具体内容如下
1.GET模块：_get.js/** * Created by jinx on 7/7/17. */var http = require('http...
2020-05-27
