JavaScript - 教程之家

83浏览

0评论

原生JS进行前后端同构

什么是前后端同构明确三个概念：「后端渲染」指传统的 ASP、Java 或 PHP 的渲染机制；「前端渲染」指使用 JS 来渲染页面大部分内容，代表是现在流行的 SPA 单页面应用；「同构渲染...

2020-05-27

44浏览

0评论

深入理解JavaScript和TypeScript中的class

前言对于一个前端开发者来说，很少用到 class ，因为在 JavaScript 中更多的是函数式编程，抬手就是一个 function，几乎不见 class 或 new 的踪影。所以设计模式也是大多数前端...

2020-05-27

81浏览

0评论

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

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

2020-05-27

58浏览

0评论

vue-devtools的安装步骤

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

49浏览

0评论

Vue 中mixin 的用法详解

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

35浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

58浏览

0评论

vue.js数据绑定操作详解

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

2020-05-27

56浏览

0评论

vue-cli2.9.3 详细教程

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

44浏览

0评论

vue webpack实用技巧总结

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

309浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

32浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

41浏览

0评论

详解Vue.js中.native修饰符

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

30浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

48浏览

0评论

vuex操作state对象的实例代码

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

2020-05-27

62浏览

0评论

基于Vue实现拖拽功能

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

2020-05-27

71浏览

0评论

Vue 使用中的小技巧

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

38浏览

0评论

react 创建单例组件的方法

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

44浏览

0评论

vue自定义filters过滤器

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

2020-05-27

47浏览

0评论

vue 中filter的多种用法

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

2020-05-27

40浏览

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

47浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

66浏览

0评论

jQuery length 和 size()区别总结

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

2020-05-27

热门文章