JavaScript - 教程之家

70浏览

0评论

ES6 Proxy实现Vue的变化检测问题

Vue变化检测Object使用DefineProperty、数组使用方法拦截实现。最近，Vue3.0将采用ES6 Proxy的形式重新实现Vue的变化检测，在官方还没给出新方法之前，我们先实现一个基于Proxy的...

2020-05-27

50浏览

0评论

jQuery实现Ajax功能分析【与Flask后台交互】

本文实例讲述了jQuery实现Ajax功能。分享给大家供大家参考，具体如下：jQuery 是一个小型的 JavaScript 库，它通常被用来简化 DOM 和 JavaScript 操作。通过在服务器和客户端之间...

2020-05-27

117浏览

0评论

vue.js中导出Excel表格的案例分析

有一个项目需求，要求在前端项目中导出Excel表格，经过查找代码,Vue.js确实可以实现，具体实现步骤为：1.安装依赖npm install -S file-saver xlsxnpm install -D script-loader2.导...

2020-05-27

80浏览

0评论

vue+element模态框中新增模态框和删除功能

实现效果如下
结构 <el-table-column sortable label="操作"> <template slot-scope="scope"> <el-button type="primary" @click="getMembers(scope.row.id)">...

2020-05-27

68浏览

0评论

聊聊Vue 中 title 的动态修改问题

由于之前的 Vue 项目打包成果物一直是嵌入集成平台中，所以一直没有关注过项目的 title。直到最近，突然有个需求，要求点击按钮在集成平台外新开一个页面，此时我才发现，原来我的项...

2020-05-27

68浏览

0评论

JavaScript动态检测密码强度原理及实现方法详解

本文实例讲述了JavaScript动态检测密码强度原理及实现方法。分享给大家供大家参考，具体如下：在注册账户，设置密码时，会出现密码强度动态检测，网上看了一些帖子，大多只写了具体的实...

2020-05-27

62浏览

0评论

Flutter部件内部状态管理小结之实现Vue的v-model功能

Flutter部件内部状态管理本文是 Flutter 部件内部状态管理的小结，从部件的基础开始，到部件的状态管理，并且在过程中实现一个类似 Vue 的 v-model 的功能。widget 基础widget（部...

2020-05-27

263浏览

0评论

Vue+element 解决浏览器自动填充记住的账号密码问题

我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,自动的填充到表单中input 为 type="password" 的框中登录页面也就算了,但是注册页面就很难受了,有一种...

2020-05-27

59浏览

0评论

vue实现路由懒加载及组件懒加载的方式

一、为什么要使用路由懒加载　　为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。二、定义　　懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进...

2020-05-27

189浏览

0评论

详解ng-alain动态表单SF表单项设置必填和正则校验

在使用动态表单时对表单项进行非空校验及正则校验。
使用手机号进行校验，示例如下：
动态表单的基本使用：https://ng-alain.com/form/getting-started/zh基于基本示例，增加手机号...

2020-05-27

193浏览

0评论

javascript防抖函数debounce详解

定义及解读
防抖函数 debounce 指的是某个函数在某段时间内，无论触发了多少次回调，都只执行最后一次。假如我们设置了一个等待时间 3 秒的函数，在这 3 秒内如果遇到函数调用请...

2020-05-27

62浏览

0评论

NodeJs生成sitemap站点地图的方法示例

如果博客是使用Hexo管理的，sitemap可以使用插件来生成。但对于一个内容管理网站，后端可能是express、koa之类的框架，这时sitemap就需要自己来生成了什么是sitemap
Sitemap可方...

2020-05-27

51浏览

0评论

深入学习JavaScript 高阶函数

高阶函数
高阶函数英文叫 Higher-order function，它的定义很简单，就是至少满足下列一个条件的函数：接受一个或多个函数作为输入输出一个函数也就是说高阶函数是对其他函数...

2020-05-27

71浏览

0评论

vue安装遇到的5个报错及解决方法

前言这篇博文不会教你怎么安装vue，但会告知安装过程中可能遇到的5个问题5个报错①：若使用vue -V查询是否安装vue时提示没有找到指令，可能是你没有安装vue-cli脚手架（vue-cli可快...

2020-05-27

77浏览

0评论

浅谈webpack 四个核心概念之Entry

因为webpack是基于nodejs的一款工具，所以在学习过程中涉及到的nodejs知识也会进行解释进行发散性拓展。webpack中文文档
一、module.exports
module.exports = { entry:...

2020-05-27

51浏览

0评论

基于vue-cli搭建多模块且各模块独立打包的项目

如果我们在开发系统A时，能够按模块划分生成多份静态资源包，最终的成果物中，会有多个子目录，每个子目录可独立运行，完成一个业务功能。这样的话，我们有任何系统需要我们开发过的任...

2020-05-27

105浏览

0评论

详解如何提升JSON.stringify()的性能

1. 熟悉的JSON.stringify()在浏览器端或服务端，JSON.stringify()都是我们很常用的方法：将 JSON object 存储到 localStorage 中； POST 请求中的 JSON body；处理响应体中的...

2020-05-27

78浏览

0评论

React 全自动数据表格组件——BodeGrid的实现思路

表格是在后台管理系统中用的最频繁的组件之一，相关的功能有数据的新增和编辑、查询、排序、分页、自定义显示以及一些操作按钮。我们逐一深入进行探讨以及介绍我的设计思路：表...

2020-05-27

60浏览

0评论

vue项目中将element-ui table表格写成组件的实现代码

表格中我们经常需要动态加载数据，如果有多个页面都需要用到表格，那我希望可以有个组件，只传数据过去显示，不用每个页面都去写这么一段内容：<el-table :data="tableData" bord...

2020-05-27

47浏览

0评论

小程序组件之自定义顶部导航实例

前言微信小程序凭借着“不占内存，即用即走”等特点，加上微信的社交的属性，其用户量一路保持快速的增长。对其的应用要求也日渐增高，使用更多样化、个性化。其中，对顶部导航的自定...

2020-05-27

51浏览

0评论

JS实现点击生成UUID的方法完整实例【基于jQuery】

本文实例讲述了JS实现点击生成UUID的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn 用JS生成U...

2020-05-27

55浏览

0评论

JavaScript使用面向对象实现的拖拽功能详解

本文实例讲述了JavaScript使用面向对象实现的拖拽功能。分享给大家供大家参考，具体如下：面向对象有个前提：前提：所有东西都必须包含在onload里改写：不能有函数嵌套，可以有全局...

2020-05-27

205浏览

0评论

Vue + Elementui实现多标签页共存的方法

这个主题，早在一年前就已经创建，也写了一些内容，碍于在应用上体验始终不够完美，一直只存着草稿。经过多个平台实践，多次迭代，一些功能加了又减了，最后还是回归了最精简的版本，已适用...

2020-05-27

67浏览

0评论

基于Vue实现平滑过渡的拖拽排序功能

最近重读Vue官方文档，在列表的排序过渡这一小节，文档提到，<transition-group> 组件有一个特殊的地方，不仅可以实现进入和离开动画，还可以改变定位，官网示例如下：例子中实现的效...

2020-05-27

78浏览

0评论

详解vue中的父子传值双向绑定及数据更新问题

在进行父子组件传值时，用到子组件直接控制父组件中的变量值以及在vue中直接更改对象或者数组的值，视图未发生变化的解决办法，当时完成项目时，一直未找到原因，修改了好久。
1.父子...

2020-05-27

46浏览

0评论

探索JavaScript中私有成员的相关知识

坑
首先挖个坑 —— 这是一段 JS 代码，BusinessView 中要干两件事情，即对表单和地图进行布局。代表将 _ 前缀约定为私有class BaseView {layout() {console.log("BaseView Lay...

2020-05-27

54浏览

0评论

js使用cookie实现记住用户名功能示例

本文实例讲述了js使用cookie实现记住用户名功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" co...

2020-05-27

52浏览

0评论

vue/vue-cli+express手把教你搭建SSR

最近简单的研究了一下SSR，对SSR已经有了一个简单的认知，主要应用于单页面应用，Nuxt是SSR很不错的框架。也有过调研，简单的用了一下，感觉还是很不错。但是还是想知道若不依赖于框...

2020-05-27

62浏览

0评论

深入了解JavaScript代码覆盖

它为什么是有用的?
作为一名JavaScript开发者，你可能经常发现自己处于代码覆盖可能有用的情景。例如：对测试套件的质量感兴趣？重构一个大型的遗留项目？代码覆盖可以准...

2020-05-27

100浏览

0评论

javascript实现的时间格式加8小时功能示例

本文实例讲述了javascript实现的时间格式加8小时功能。分享给大家供大家参考，具体如下：第一种方式：<script> var oldTimes1 = "2017-07-10 03:28:54" var eosFormatTime2 =...

2020-05-27

52浏览

0评论

javascript实现的字符串转换成数组操作示例

本文实例讲述了javascript实现的字符串转换成数组操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn...

2020-05-27

53浏览

0评论

javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】

本文实例讲述了javascript数组常见操作方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn 数组的...

2020-05-27

62浏览

0评论

微信小程序前端自定义分享的实现方法

背景
目前手上有一个小程序的项目，希望转发时分享消息的界面能够自定义,然而微信小程序只提供设置图片的url和title。
/** * 用户点击右上角分享 */ onShareAppMessage: f...

2020-05-27

73浏览

0评论

微信小程序实现渐入渐出动画效果

前言
在做小程序列表展示的时候，接到了一个需求。需要在列表展示的时候加上动画效果。设计视频效果如下图：需要在进入列表页的时候，依次展示每一条卡片，在展示完成后需要隐藏掉...

2020-05-27

59浏览

0评论

json数据格式常见操作示例

本文实例讲述了json数据格式常见操作。分享给大家供大家参考，具体如下：json数据格式第一种，对象形式<script>//var json3={name:"longzhoufeng",age:123}//第一种方式var json3...

2020-05-27

73浏览

0评论

微信小程序位置授权处理方法

这两天在做小程序调取地图的时候遇到一个问题，如果用户第一次拒绝了位置权限请求。那么就不会再次唤起授权弹出。需要我们引导用户去开启。具体做法如下。在 aap.json中加入...

2020-05-27

67浏览

0评论

微信小程序页面间跳转传参方式总结

前言在做微信小程序的时候，经常会遇到需要页面间传递参数的情况，根据目前项目经验，总结了以下几种方式：URL传参、缓存和方法调用。URL传参
这种方式是最简单也是最常用的，这里就...

2020-05-27

71浏览

0评论

vue store之状态管理模式的详细介绍

状态管理
一、状态管理（vuex）简介
uex是专为vue.js应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化...

2020-05-27

78浏览

0评论

详解vuex之store源码简单解析

关于vuex的基础部分学习于https://www.freexyz.cn/article/163008.htm使用Vuex的时候，通常会实例化Store类，然后传入一个对象，包括我们定义好的actions、getters、mutations、sta...

2020-05-27

61浏览

0评论

在JavaScript中使用严格模式(Strict Mode)

前言ECMAScript5中引入的严格模式,通过让JavaScript运行环境对一些开发过程中最常见和不易发现的错误做出和当前不同的处理,来让开发者拥有一个”更好”的JavaScript语言。...

2020-05-27

52浏览

0评论

vue路由插件之vue-route

vue路由插件，vuer Router,使vue官方的路由管理其，和vue高度耦合　　1.vue-Router的使用　　import Vue from 'vue'import Router from 'vue-router' //引入路由组件Vue.use(Ro...

2020-05-27

101浏览

0评论

后台使用freeMarker和前端使用vue的方法及遇到的问题

一：freeMarker的使用1：java后台使用freeMarker是通过Model，将值传给前端：如：@Controllerpublic class MobileNewsFreeMarkerController {　　@RequestMapping("page/test")　　pu...

2020-05-27

64浏览

0评论

移动端底部导航固定配合vue-router实现组件切换功能

在我们平时练习或者实际项目中也好，我们常常遇到这么一个需求：移动端中的导航并不是在顶部也不是在底部，而是在最底部且是固定的，当我们点击该导航项时会切换到对应的组件。相信...

2020-05-27

42浏览

0评论

在Vue中使用icon 字体图标的方法

1.使用线上的阿里iconfont图标库1.打开 iconFont官网选择自己喜欢的图标，并且添加购物车2.点击购物车，添加至项目3 生成链接4在我们的vue项目中，找到index.html文件，引入css样...

2020-05-27

58浏览

0评论

Vue 实现前进刷新后退不刷新的效果

需求一:在一个列表页中，第一次进入的时候，请求获取数据。点击某个列表项，跳到详情页，再从详情页后退回到列表页时，不刷新。也就是说从其他页面进到列表页，需要刷新获取数据，从详情...

2020-05-27

55浏览

0评论

深度了解vue.js中hooks的相关知识

背景
最近研究了vue3.0的最新进展，发现变动很大，总体上看，vue也开始向hooks靠拢，而且vue作者本人也称vue3.0的特性吸取了很多hooks的灵感。所以趁着vue3.0未正式发布前，抓紧时间...

2020-05-27

73浏览

0评论

基于Proxy的小程序状态管理实现

微信小程序的市场在进一步的扩大，而背后的技术社区仍在摸索着最好的实践方案。我在帮助Nike，沃尔玛以及一些创业公司开发小程序后，依旧认为使用小程序原生框架是一个更高效，稳定...

2020-05-27

59浏览

0评论

Vue动态创建注册component的实例代码

前言在深入了解Vue动态创建Component前先了解一下常规组件声明形式。
Vue 的组件通常可以通过两种方式来声明，一种是通过 Vue.component，另外一种则是 Single File Components...

2020-05-27

75浏览

0评论

CKeditor富文本编辑器使用技巧之添加自定义插件的方法

本文实例讲述了CKeditor富文本编辑器使用技巧之添加自定义插件的方法。分享给大家供大家参考，具体如下：首先就是在CKeditor的plugins目录下新建一个目录qchoice：qchoice目录下...

2020-05-27

75浏览

0评论

利用JavaScript将Excel转换为JSON示例代码

前言JSON是码农们常用的数据格式，轻且方便，而直接手敲JSON却是比较麻烦和令人心情崩溃的（因为重复的东西很多），所以很多码农可能会和我一样，选择用Excel去输入数据，然后再想办法转...

2020-05-27

热门文章