编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

101浏览

0评论

vue使用Proxy实现双向绑定的方法示例

前言：vue3.0要用Proxy来实现双向绑定，因此先来尝试一下实现方法。1 Object.defineProperty 实现
原来vue2的实现使用Object.defineProperty，监听set，但对于数组直接下标给数组设...

2020-05-27 03:49:01

85浏览

0评论

vue大数据表格卡顿问题的完美解决方案

前言vue渲染小数据挺快,大数据vue开始出现卡顿现象，本文讲给大家详细介绍关于vue大数据表格卡顿问题的解决方法点我在线体验Demo(请用电脑查看)亲测苹果电脑，chrome浏览器无卡...

2020-05-27 03:49:00

99浏览

0评论

详解VS Code使用之Vue工程配置format代码格式化

编辑器另外一个很重要的功能就是代码格式化了，VS Code默认提供常见文件的格式化，如.js,.html等。添加对.vue文件的格式化支持
这里我们添加对 .vue 文件的格式化支持。
1. 安...

2020-05-27 03:48:59

107浏览

0评论

利用Promise自定义一个GET请求的函数示例代码

写在最前面近期 review 自己以前的代码的时候，看到 promise 的使用方法，用的比较模糊。含义不清，用法凌乱，这里重新温习一下基础知识。前言JavaScript 是单线程工作，但是浏览器是...

2020-05-27 03:48:58

114浏览

0评论

vscode配置vue下的es6规范自动格式化详解

前言
最近在写Vue的时候，遇见了js es6格式化问题，因为我平时用vscode在写php，所以会安装一些格式化插件，也包括html-css-js的插件导致的问题：由于vue语法规范问题，导致保存自动格...

2020-05-27 03:48:57

108浏览

0评论

vue实现微信二次分享以及自定义分享的示例

微信二次分享／自定义分享从App中使用App分享（一次分享）使用微信导航栏的分享（二次分享）－－已做处理使用微信导航栏的分享（二次分享）－－未做处理如上图，如果不做相关处理，页面进行二次分享...

2020-05-27 03:48:56

91浏览

0评论

vue踩坑记录之数组定义和赋值问题

问题场景：vue页面初始化展示请求后台返回的数据失败，没有报错
<el-form-item label="有效日期"> <div class="block"> <el-date-picker v-model="effective_date" type="...

2020-05-27 03:48:54

99浏览

0评论

小程序显示弹窗时禁止下层的内容滚动实现方法

小程序显示弹窗时禁止下层的内容滚动实现方法，具体如下
① 第一种方式
利用position:fixed. 禁止页面滚动.一. 页面结构html <view class="indexPage {{proInfoWindow?...

2020-05-27 03:48:53

111浏览

0评论

浅谈JavaScript面向对象--继承

一、继承的概念子类共享父类的数据和方法的行为，就叫继承。二、E55如何实现继承？探索JavaScript继承的本质2.1构造函数之间的“复制粘贴”第一条路是通过构造函数来继承，这可以...

2020-05-27 03:48:52

108浏览

0评论

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 03:48:51

93浏览

0评论

详解vue中axios的使用与封装

分享下我自己的axios封装
axios是个很好用的插件，都是一些params对象，所以很方便做一些统一处理当然首先是npm安装axios 很简单$ npm install axios --save
在src下新建文件夹...

2020-05-27 03:48:50

104浏览

0评论

详解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 03:48:49

96浏览

0评论

js实现unicode码字符串与utf8字节数据互转详解

js的string变量存储字符串使用的是unicode编码，要保存时必须选择其他编码后进行传输，比如转成utf-8,utf-32等。存储到数据库中为utf-8编码，读取出来如何转换成正确的字符串就成...

2020-05-27 03:48:48

105浏览

0评论

详解React项目如何修改打包地址（编译输出文件地址）

好吧，笔者是一个后端开发。以前是做C/S项目出身，毫无Web前端基础，为了更好地理解Web开发，去年开始尝试使用公司使用的前端框架React来搭建团队内部使用的系统。通过这个项目的开...

2020-05-27 03:48:47

114浏览

0评论

基于node简单实现RSA加解密的方法步骤

因项目登录密码字段没有加密引起安全问题，琢磨了下如何基于RSA加密，进行前后端通信（Java项目）。空余时间，看了下在node下的实现。一、准备
前端是利用jsencrypt.js去加密，后端利用...

2020-05-27 03:48:46

85浏览

0评论

vue里如何主动销毁keep-alive缓存的组件

问题产生的背景我们一个后台，在切换一些标签页的时候，是使用的 keep-alive 缓存的标签页，也使用了 include 属性来决定哪个页面进行缓存，而标签页的切换实际上是路由的切换，也就...

2020-05-27 03:48:45

135浏览

0评论

vue实现微信获取用户信息的方法

本次项目做到一个点赞功能，即分享出去一个页面给微信好友，微信好友点开并点赞，需要将点赞用户的微信昵称，微信头像以及微信openid，微信unionid（这个需要关注公众号才会有该字段）传...

2020-05-27 03:48:44

246浏览

0评论

javascript中call()、apply()的区别

call()、apply()的区别:相同点：1.call()和apply()都可以用来间接调用函数，都可以显式调用所需的this。即，任何函数可以作为任何对象的方法来调用。2.两个方法都可以指定调用实...

2020-05-27 03:48:43

121浏览

0评论

详解基于React.js和Node.js的SSR实现方案

基础概念SSR：即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java，php 等开发语言来实现，随着 Node.js 和相关前端领域技术的不断进步，前端同学也可以基于此完成独...

2020-05-27 03:48:42

98浏览

0评论

详解bootstrap-fileinput文件上传控件的亲身实践

经理让我帮服务器开发人员开发一个上传文件功能界面，我就想着以前使用过bootstrap-fileinput插件进行文件上传，很不错。赶紧就撸起来了。1、下载压缩包。插件地址https://gith...

2020-05-27 03:48:41

127浏览

0评论

js控制随机数生成概率代码实例

基本思路：把Math.random()生成的数看着百分比，然后定义每个整数值取值范围。具体内容如下，供大家参考'use strict';export default class GL { /** * 构造函数 * @param {...

2020-05-27 03:48:40

107浏览

0评论

详解ES6中的Map与Set集合

集合的概念以及和数组的区别
其实数组也是集合, 只不过数组的索引是数值类型.当想用非数值类型作为索引时, 数组就无法满足需要了.
而 Map 集合可以保存多个键-值对(key-val...

2020-05-27 03:48:39

130浏览

0评论

Vue服务端渲染实践之Web应用首屏耗时最优化方案

随着各大前端框架的诞生和演变，SPA开始流行，单页面应用的优势在于可以不重新加载整个页面的情况下，通过ajax和服务器通信，实现整个Web应用拒不更新，带来了极致的用户体验。然而，对...

2020-05-27 03:48:38

118浏览

0评论

如何从零开始手写Koa2框架

01、介绍 Koa-- 基于 Node.js 平台的下一代 web 开发框架 Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造，致力于成为 web 应用和 API 开发领域中的一个更小、更...

2020-05-27 03:48:37

135浏览

0评论

使用node搭建自动发图文微博机器人的方法

本文仅供学习交流，请勿用于商业用途，并遵守新浪微博相关规定。代码目录此微博机器人的实现功能如下：模拟登陆新浪微博,获取cookie；自动上传图片至微博图床；自动发送内容不...

2020-05-27 03:48:36

105浏览

0评论

微信小程序城市选择及搜索功能的方法

实现搜索城市功能参考微信小程序之『仿美团城市选择城市切换』
https://github.com/cinoliu/-selectCityjs文件// pages/address/address.jsvar app = getApp()Page({ da...

2020-05-27 03:48:35

128浏览

0评论

Vue-CLI 3.X 部署项目至生产服务器的方法

本教程主要讲解的是 Vue-CLI 3.x 脚手架搭建的vue项目, 先构建生成dist文件(纯静态应用), 然后自动化部署到静态文件服务器 Nginx。一、Nginx服务器文件的配置server { l...

2020-05-27 03:48:34

105浏览

0评论

JavaScript面试技巧之数组的一些不low操作

前言
本文主要从应用来讲数组api的一些骚操作;
如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等；
上面这些应用场景你可以用一行代码...

2020-05-27 03:48:33

121浏览

0评论

浅谈Angular单元测试总结

测试分类按开发阶段划分
单元测试单元测试又称模块测试，针对软件设计中的最小单位——程序模块，进行正确性检查的测试工作。集成测试集成测试又叫组装测试，通常在单元测试...

2020-05-27 03:48:32

125浏览

0评论

vueScroll实现移动端下拉刷新、上拉加载

移动端开发，处理列表翻页和数据的时候，下拉刷新和上拉加载应用的比较广泛，今天给大家推荐一个vue的插件，vueScroll，首先上图：话不多说，上代码了：一、引入并使用VueScrollimport VueS...

2020-05-27 03:48:30

89浏览

0评论

vue中axios请求的封装实例代码

axios
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中, 也是vue官方推荐使用的http库；封装axios，一方面为了以后维护方便，另一方面也可以对请求进行自定义处...

2020-05-27 03:48:27

99浏览

0评论

如何通过setTimeout理解JS运行机制详解

序
setTimeout()函数：用来指定某个函数或某段代码在多少毫秒之后执行。它返回一个整数，表示定时器timer的编号，可以用来取消该定时器。
例子
console.log(1);setTimeout(functi...

2020-05-27 03:48:26

96浏览

0评论

setTimeout与setInterval的区别浅析

前言在制作网页动态效果时，一定会遇到某些需求，要求某段程序等待多时时间后再开始执行，就像在我们的生活中一样，待会儿再开始做一件事。在JavaScript中主要通过定时器实现此类需...

2020-05-27 03:48:25

106浏览

0评论

ES6入门教程之Array.from()方法

前言ES6为Array增加了from函数用来将其他对象转换成数组。当然，其他对象也是有要求，也不是所有的，可以将两种对象转换成数组。1.部署了Iterator接口的对象，比如：Set，Map，Array。2....

2020-05-27 03:48:24

130浏览

0评论

vue中组件的3种使用方式详解

前言组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在vue angular react三大前端框架的大前端时代。许多人选择了vue，在 github 上的star，vue已经超...

2020-05-27 03:48:22

115浏览

0评论

如何在Angular应用中创建包含组件方法示例

理解组件包含
包含组件就是指可以包含其它组件的组件，以 Bootstrap 的卡片 (Card) 为例，它包含页眉 (header) 、主体 (body) 和页脚 (footer) ，如下图所示：<div class="car...

2020-05-27 03:48:21

93浏览

0评论

Javascript的this详解

在理解javascript的this之前，首先先了解一下作用域。作用域分为两种： 1、词法作用域：引擎在当前作用域或者嵌套的子作用域查找具有名称标识符的变量。（引擎如何查找和在哪查找...

2020-05-27 03:48:20

119浏览

0评论

Node.js之readline模块的使用详解

什么是readlinereadline允许从可读流中以逐行的方式读取数据，比如process.stdin等。在node.js命令行模式下默认引入了readline模块，但如果是使用node.js运行脚本的话，则需要自...

2020-05-27 03:48:19

103浏览

0评论

vue在自定义组件中使用v-model进行数据绑定的方法

本文介绍了vue v-model进行数据绑定，分享给大家，具体如下官方例子https://vuefe.cn/v2/api/#model有这么一句话：默认情况下，一个组件上的 v-model 会把 value 用作 prop 且把 i...

2020-05-27 03:48:18

123浏览

0评论

详解javascript函数写法大全

1.常规写法 function fnName(){ console.log("常规写法");}2.匿名函数，函数保存到变量里var myfn = function(){ console.log("匿名函数，函数保存到变量里"); }3.如果有多个...

2020-05-27 03:48:17

111浏览

0评论

elementUI select组件默认选中效果实现的方法

首先，v-model的值为当前被选中的el-option的 value 属性值需求：进入编辑页面，状态栏默认选中生效，如下显示：
html部分代码：<el-form-item label="状态"> <el-select v-model="for...

2020-05-27 03:48:16

89浏览

0评论

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 03:48:14

87浏览

0评论

详解原生JS回到顶部

第一次知道可以用超链接（锚点）实现回到顶部的时候我是很震惊的，想着原来可以这么简单啊！但是作为一个正在学习JS的小白，不能就这么轻易止步，所以查资料自己整了一个JS的回到顶部。...

2020-05-27 03:48:13

117浏览

0评论

9102了，你还不会移动端真机调试吗

移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一...

2020-05-27 03:48:12

114浏览

0评论

Vue框架下引入ActiveX控件的问题解决

最近参与了山东某一公司的呼叫中心系统的开发项目，我负责的模块是在公司已有的前端Vue框架下集成他们的软电话条功能。从开始到结束所遇到的几个问题如下：1.如何将ActiveX控件...

2020-05-27 03:48:11

97浏览

0评论

js实现鼠标拖拽缩放div实例代码

封装为了jq插件，如下drag.js;(function ($) { $.fn.dragDiv = function (options) { var def = { maxW:600,// 可伸缩的最大宽度 minW:50// 可伸缩的最小宽度 };// 参...

2020-05-27 03:48:09

80浏览

0评论

详解javascript设计模式三：代理模式

代理模式是一种对程序对象进行控制性访问的一类解决方案。引入代理模式，其实是为了实现单一职责的面向对象设计原则。单一职责其实就是指在一个类中（js中通常指对象和函数等），应...

2020-05-27 03:48:09

127浏览

0评论

详解用JS添加和删除class类名

下面介绍一下如何给一个节点添加和删除class名添加：节点.classList.add("类名")；删除：节点.classList.remove("类名")；以tab切换为例：在写tab切换的时候，通常我们会给选中的tab设...

2020-05-27 03:48:07

173浏览

0评论

vue cli3.0结合echarts3.0与地图的使用方法示例

前言echarts 提供了直观，交互丰富，可高度个性化定制的数据可视化图表。而vue更合适操纵数据。最近一直忙着搬家，就没有更新博客，今天抽出空来写一篇关于vue和echarts的博客。下...

2020-05-27 03:48:06

102浏览

0评论

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 03:48:05

首页 «1430 143114321433 1434 »尾页

热门文章