编程开发 - 教程之家

编程开发

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

110浏览

0评论

使用Vue组件实现一个简单弹窗效果

最近在使用element-ui框架，用到了Dialog对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家分享一...

2020-05-27 05:35:20

75浏览

0评论

vue-devtools的安装步骤

vue-devtools 是一款基于chrome游览器的插件，用于调试vue应用，由于国内不能访问谷歌商店（要科学上网），所以安装比较麻烦，写个文章记录一下。第一步将vue-devtools clone到本地git...

2020-05-27 05:35:19

96浏览

0评论

Node.js应用设置安全的沙箱环境

有哪些动态执行脚本的场景？
在一些应用中，我们希望给用户提供插入自定义逻辑的能力，比如 Microsoft 的 Office 中的 VBA，比如一些游戏中的 lua 脚本，FireFox 的「油猴脚本」，能够...

2020-05-27 05:35:18

100浏览

0评论

JavaScript变量声明var,let.const及区别浅析

var声明变量的作用域限制在其声明位置的上下文中var x = 0; // x是全局变量，并且赋值为0。console.log(typeof z); // undefined，因为z还不存在。function a() { // 当a被调用...

2020-05-27 05:35:17

89浏览

0评论

详解vue 计算属性与方法跟侦听器区别(面试考点)

计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split('').reve...

2020-05-27 05:35:16

81浏览

0评论

vue2.0 移动端实现下拉刷新和上拉加载更多的示例

本人正在基于 vue2.0 + webpack + es6 搭建前端架构，整理了部分插件，下面这个是下拉更新上拉更多的，挺好用的，分享给大家。直接上代码，不懂的多看几遍，下面我换会告诉大家如何使...

2020-05-27 05:35:15

64浏览

0评论

详解Vue2.0配置mint-ui踩过的那些坑

最近开发项目的时候逐渐采用vue.js+mint-ui的技术栈，但是昨天开始配置开发环境的时候，遇到了各种报错，即使是按照两家的官方文档配置，也还是会报错，晚上下班后回去配置了一晚上，才...

2020-05-27 05:35:14

74浏览

0评论

Vue 中mixin 的用法详解

说下我对vue中mixin的一点理解　　vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们...

2020-05-27 05:35:13

83浏览

0评论

Vue前端开发规范整理(推荐)

基于Vue官方风格指南整理一、强制
1. 组件名为多个单词组件名应该始终是多个单词的，根组件 App 除外。正例：
export default { name: 'TodoItem', // ...}反例：export default...

2020-05-27 05:35:12

111浏览

0评论

JS中获取 DOM 元素的绝对位置实例详解

在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置，例如本文左侧的悬浮导航，当页面滚动到它以前会正常地渲染到文档流中，当页面滚动超过了它的位置，就会始终悬浮在左侧。...

2020-05-27 05:35:11

50浏览

0评论

vue.js中实现登录控制的方法示例

本文实例讲述了vue.js中实现登录控制的方法。分享给大家供大家参考，具体如下：vue中使用vue-router实现登录的控制在做后台管理系统中很常见，但是不想之前熟悉的流程那样，不过只...

2020-05-27 05:35:10

87浏览

0评论

微信小程序之swiper轮播图中的图片自适应高度的方法

小程序中的轮播图很简单，官方都有例子的，但是唯一的缺陷就是swiper是固定死的150px高度，这样如果传入的图片大于这个高度就会被隐藏。辣么，怎样让图片自适应不同分辨率捏。我的...

2020-05-27 05:35:09

65浏览

0评论

再谈Angular4 脏值检测(性能优化)

Summary
Angular 4的脏值检测是个老话题了，而理解这个模型是做Angular性能优化的基础。因此，今天我们再来聊聊Angular 4脏值检测的原理，并看看性能优化的小提示。
进入点 - Zon...

2020-05-27 05:35:08

68浏览

0评论

jQuery+ajax实现动态添加表格tr td功能示例

本文实例讲述了jQuery+ajax实现动态添加表格tr td功能。分享给大家供大家参考，具体如下：功能：ajax获取后台返回数据给table动态添加tr/tdhtml部分：<table><tbody></tbody></tabl...

2020-05-27 05:35:07

83浏览

0评论

vue.js数据绑定操作详解

本文实例讲述了vue.js数据绑定操作。分享给大家供大家参考，具体如下：数据绑定响应式的数据绑定系统。建立绑定之后，DOM将和数据保持同步，无须手动维护DOM。使代码能够更加简洁易...

2020-05-27 05:35:06

86浏览

0评论

vue-cli2.9.3 详细教程

一、安装vue-cli1.使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），命令如下：npm install vue-cli -g2.可以用vue -V来进行查看 vue-cli的版本号。注意这...

2020-05-27 05:35:05

84浏览

0评论

浅谈vue中.vue文件解析流程

我们平时写的 .vue 文件称为 SFC(Single File Components)，本文介绍将 SFC 解析为 descriptor 这一过程在 vue 中是如何执行的。vue 提供了一个 compiler.parseComponent(fil...

2020-05-27 05:35:03

79浏览

0评论

vue webpack实用技巧总结

利用 webpack 给生产环境和发布环境配置不同的接口地址
在开发时，前后端分离同时进行开发。前端调用后端给的接口也是在局域网内部的。但是，当项目推到线上的时候,会从真实服...

2020-05-27 05:35:02

96浏览

0评论

详解开发react应用最好用的脚手架 create-react-app

1. 介绍在开发react应用时，应该没有人用传统的方法引入react的源文件(js)，然后在html编辑吧。大家都是用webpack + es6来结合react开发前端应用。这个时候，我们可以手动使用npm...

2020-05-27 05:35:01

76浏览

0评论

react配合antd组件实现的管理系统示例代码

前言：此文需要有一定react，redux基础，具体学习资料请科学上网。使用create-react-app脚手架具体基础配置请参考
配合antd组件实现的管理系统demo,线上地址开发前反思1. 按需加...

2020-05-27 05:34:59

73浏览

0评论

js 图片转base64的方式(两种)

方式一：Blob和FileReader 对象
实现原理：
使用xhr请求图片,并设置返回的文件类型为Blob对象[xhr.responseType = "blob"]
使用FileReader 对象接收blob
<!DOCTYPE html><html...

2020-05-27 05:34:58

365浏览

0评论

Vue手把手教你撸一个 beforeEnter 钩子函数

为什么要自造beforeEnter钩子函数？
看下问题场景：项目中有一单词列表页面，每个cell都会备注该单词是否已经掌握，点击cell进入详情页，可对该单词进行学习，并标记单词是否掌握，并且在...

2020-05-27 05:34:57

80浏览

0评论

vue实现选项卡及选项卡切换效果

这里不跟大家再去把Vue文档上的一些指令用法或者基础知识再复述一遍，既然是从入门到实战，我直接将平时项目中需要实现的一些效果拆分成模块。你们遇到了相关的指令或者不知道...

2020-05-27 05:34:56

74浏览

0评论

vue中$refs的用法及作用详解

一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，然后在获取input1的值。但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定inpu...

2020-05-27 05:34:55

61浏览

0评论

vue+webpack实现异步加载三种用法示例详解

1.第一例const Home = resolve => { import("@/components/home/home.vue").then( module => { resolve(module) }}注：（上面import的时候可以不写后缀）export default [...

2020-05-27 05:34:54

67浏览

0评论

vue router动态路由下让每个子路由都是独立组件的解决方案

vue-router 之动态路由vue-router官网上面是这样说的// 带查询参数，变成 /register?plan=privaterouter.push({ path: 'register', query: { plan: 'private' }})然后，我...

2020-05-27 05:34:53

71浏览

0评论

vue.js前后端数据交互之提交数据操作详解

本文实例讲述了vue.js前后端数据交互之提交数据操作。分享给大家供大家参考，具体如下：前端小白刚开始做页面的时候，我们的前端页面中经常会用到表单，所以学会提交表单也是一个基...

2020-05-27 05:34:52

82浏览

0评论

Vue 动态设置路由参数的案例分析

在vue中可以动态设置路由参数：1.使用this.$router.go()，与js histroy.go() 用法一直,前进1，后退-1，当前页面:0注意使用go时必须是已经有访问历史记录了案例：<template> <div>...

2020-05-27 05:34:51

67浏览

0评论

详解Vue.js中.native修饰符

修饰符（Modifiers）是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。这篇文章给大家介绍Vue.js中.native修饰符，感兴趣的朋友一起看看吧。.native修饰符官方...

2020-05-27 05:34:49

80浏览

0评论

vue短信验证性能优化如何写入localstorage中

平时我们在项目中进行注册等的时候,会经常用到短信验证的功能,但是现在现在很多短信验证都是存在下面几个问题,例如短信验证时间为60s的时候,1. 当点击完按钮时,倒计时还没...

2020-05-27 05:34:48

90浏览

0评论

父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法

场景：我实际用到的是这样的，我父组件引用子组件related,父组件调用获取页面详情的方法，更新了state值related，子组件根据该related来渲染相关新闻内容，但是页面打开的时候总是先...

2020-05-27 05:34:47

52浏览

0评论

vue项目中vue-i18n和element-ui国际化开发实现过程

在vue构建的项目中，我们常用element-ui插件，在我的博客前面有讲述，具体怎么用vue-i18n插件进行国际化开发，但是在前面博客中，如果项目中使用了element-ui插件，插件中的语言文字替...

2020-05-27 05:34:46

83浏览

0评论

Vue中使用vue-i18插件实现多语言切换功能

在基于vue-cli项目开发过程中，多语言切换功能可使用vue-i18插件，具体实现方法如下：step1: 在项目中安装vue-i18插件cnpm install vue-i18n --save-dev step2:在项目的入口文件m...

2020-05-27 05:34:45

85浏览

0评论

vue 组件使用中的一些细节点

细节一基础例子运行结果:以上大家都懂，这边就不多说，回到代码里，有时候我们需要 tbody 里面每一行是一个子组件，那我们代码可以怎么写呢？我们可以这样写，定义一个全局组件，如下：然后...

2020-05-27 05:34:44

63浏览

0评论

你点的 ES6一些小技巧,请查收

ES6出来已经有好几年了，同时很多新特性可以被巧妙地运用在项目中。我想要列下其中一些，希望它们对你有用。如果你还知道其他一些小技巧，欢迎留言。我很高兴把它们补充进来。1....

2020-05-27 05:34:42

68浏览

0评论

微信小程序商品详情页的底部弹出框效果

电商项目中商品详情页，加入购物车或者下单时可以选择商品属性的弹出框，通过设置view的平移动画，达到从底部弹出的样式1.js代码(一般情况下只调用显示对话框的函数，当点击对话框...

2020-05-27 05:34:41

81浏览

0评论

vuex操作state对象的实例代码

Vuex是什么？VueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vue有五个核心概念，state, get...

2020-05-27 05:34:40

92浏览

0评论

基于Vue实现拖拽功能

本文实例为大家分享了Vue实现拖拽功能的具体代码，供大家参考，具体内容如下效果图：HTML代码：<div id="box"> 位置 <br>x:{{val.x}} <br>y:{{val.y}} <div v-drag="...

2020-05-27 05:34:39

97浏览

0评论

Vue 使用中的小技巧

在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~1. 多...

2020-05-27 05:34:38

91浏览

0评论

node打造微信个人号机器人的方法示例

现在，日常生活已经离不开微信，本文将会抛砖引玉演示如何使用 wechaty 操作微信个人号做一些有意思的东西，可以实现自动通过好友请求、关键词回复、自动拉群等功能。大大提高了...

2020-05-27 05:34:37

70浏览

0评论

react 创建单例组件的方法

需求背景
最近有个需求，需要在项目中添加一个消息通知弹窗，告知用户一些信息。
用户看过消息后，就不再弹窗了。问题
很明显，这个需要后端的介入，提供相应的接口（这样可扩展性更好）...

2020-05-27 05:34:37

80浏览

0评论

JavaScript实现微信红包算法及问题解决方法

专栏停更了很久，向大家说声抱歉。今天的主题是使用JavaScript模拟实现微信抢红包的算法。这个题目看起来很简单，不就是一个随机函数吗？我们一起实现看看。我们假设有一个100元...

2020-05-27 05:34:36

62浏览

0评论

vue自定义filters过滤器

官方给出Vue.filters(id , [definition])//id {string}//definition {function}详情查看在项目中我们如果有多个filters，那么我怎么一次注册，全局可用，我们在项目里新建一个fil...

2020-05-27 05:34:34

76浏览

0评论

vue 中filter的多种用法

1、自定义的过滤器，当然这包括注册在全局和注册在实例化的内部（1）注册在全局的fliter (1)全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面
(2) 过滤器函数...

2020-05-27 05:34:33

73浏览

0评论

vue如何判断dom的class

vue点击给dom添加class然后获取含有class的dom<div class="chose-ck" v-for="(item,index2) in colors" :key="index2" ref="chosebox"> <p>{{item.name}}...

2020-05-27 05:34:32

72浏览

0评论

详解Vue项目编译后部署在非网站根目录的解决方案

同一个生产部署项目，基内外网的访问路径并不相同，内网是基于域名根目录来访问，而外网却指向了一个子目录。eg. ：vue-router: history模式内网环境：192.168.1.1:8080/index.html...

2020-05-27 05:34:31

64浏览

0评论

Hexo已经看腻了，来手把手教你使用VuePress搭建个人博客

VuePress
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。一个基于 Vue SSR 的静态站生成器，本来...

2020-05-27 05:34:29

92浏览

0评论

jQuery length 和 size()区别总结

jQuery length和size()区别总结如下：1.length是属性，size()是方法。2.如果你只是想获取元素的个数，两者效果一样既 ("img").length和("img").length和("img").size() 获取的值...

2020-05-27 05:34:28

103浏览

0评论

vue 做移动端微信公众号采坑经验记录

自己用vue做微信公众号项目有一段时间了，遇到各种奇葩的问题，下面细数那些坑：第一坑：微信分享导致安卓手机无法调起相册和无法调起微信充值解决方案：setTimeout(_ => { wx.c...

2020-05-27 05:34:27

81浏览

0评论

在vue-cli搭建的项目中增加后台mock接口的方法

用vue-cli搭建一个前端开发环境确实是极其方便，在写前端代码肯定也是少不了需要调用后台提供的业务接口进行前后端交互，特别在敏捷开发中，前后端都要提前确定业务接口并进行打...

2020-05-27 05:34:26

首页 «1329 133013311332 1333 »尾页

热门文章