vue实现路由懒加载及组件懒加载的方式
一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进...
2020-05-27
详解ng-alain动态表单SF表单项设置必填和正则校验
在使用动态表单时对表单项进行非空校验及正则校验。
使用手机号进行校验，示例如下：
动态表单的基本使用：https://ng-alain.com/form/getting-started/zh基于基本示例，增加手机号...
2020-05-27
javascript防抖函数debounce详解
定义及解读
防抖函数 debounce 指的是某个函数在某段时间内，无论触发了多少次回调，都只执行最后一次。假如我们设置了一个等待时间 3 秒的函数，在这 3 秒内如果遇到函数调用请...
2020-05-27
NodeJs生成sitemap站点地图的方法示例
如果博客是使用Hexo管理的，sitemap可以使用插件来生成。但对于一个内容管理网站，后端可能是express、koa之类的框架，这时sitemap就需要自己来生成了什么是sitemap
Sitemap可方...
2020-05-27
深入学习JavaScript 高阶函数
高阶函数
高阶函数英文叫 Higher-order function，它的定义很简单，就是至少满足下列一个条件的函数： 接受一个或多个函数作为输入 输出一个函数也就是说高阶函数是对其他函数...
2020-05-27
vue安装遇到的5个报错及解决方法
前言这篇博文不会教你怎么安装vue，但会告知安装过程中可能遇到的5个问题5个报错①：若使用vue -V查询是否安装vue时提示没有找到指令，可能是你没有安装vue-cli脚手架（vue-cli可快...
2020-05-27
浅谈webpack 四个核心概念之Entry
因为webpack是基于nodejs的一款工具，所以在学习过程中涉及到的nodejs知识也会进行解释进行发散性拓展。webpack中文文档
一、module.exports
module.exports = { entry:...
2020-05-27
基于vue-cli搭建多模块且各模块独立打包的项目
如果我们在开发系统A时，能够按模块划分生成多份静态资源包，最终的成果物中，会有多个子目录，每个子目录可独立运行，完成一个业务功能。这样的话，我们有任何系统需要我们开发过的任...
2020-05-27
详解如何提升JSON.stringify()的性能
1. 熟悉的JSON.stringify()在浏览器端或服务端，JSON.stringify()都是我们很常用的方法： 将 JSON object 存储到 localStorage 中； POST 请求中的 JSON body； 处理响应体中的...
2020-05-27
React 全自动数据表格组件——BodeGrid的实现思路
表格是在后台管理系统中用的最频繁的组件之一，相关的功能有数据的新增和编辑、查询、排序、分页、自定义显示以及一些操作按钮。我们逐一深入进行探讨以及介绍我的设计思路：表...
2020-05-27
vue项目中将element-ui table表格写成组件的实现代码
表格中我们经常需要动态加载数据， 如果有多个页面都需要用到表格， 那我希望可以有个组件， 只传数据过去显示， 不用每个页面都去写这么一段内容：<el-table :data="tableData" bord...
2020-05-27
小程序组件之自定义顶部导航实例
前言微信小程序凭借着“不占内存，即用即走”等特点，加上微信的社交的属性，其用户量一路保持快速的增长。对其的应用要求也日渐增高，使用更多样化、个性化。其中，对顶部导航的自定...
2020-05-27
JS实现点击生成UUID的方法完整实例【基于jQuery】
本文实例讲述了JS实现点击生成UUID的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn 用JS生成U...
2020-05-27
JavaScript使用面向对象实现的拖拽功能详解
本文实例讲述了JavaScript使用面向对象实现的拖拽功能。分享给大家供大家参考，具体如下：面向对象有个前提： 前提：所有东西都必须包含在onload里 改写：不能有函数嵌套，可以有全局...
2020-05-27
Vue + Elementui实现多标签页共存的方法
这个主题，早在一年前就已经创建，也写了一些内容，碍于在应用上体验始终不够完美，一直只存着草稿。经过多个平台实践，多次迭代，一些功能加了又减了，最后还是回归了最精简的版本，已适用...
2020-05-27
基于Vue实现平滑过渡的拖拽排序功能
最近重读Vue官方文档，在 列表的排序过渡 这一小节，文档提到，<transition-group> 组件有一个特殊的地方，不仅可以实现进入和离开动画，还可以改变定位，官网示例如下： 例子中实现的效...
2020-05-27
详解vue中的父子传值双向绑定及数据更新问题
在进行父子组件传值时，用到子组件直接控制父组件中的变量值以及在vue中直接更改对象或者数组的值，视图未发生变化的解决办法，当时完成项目时，一直未找到原因，修改了好久。
1.父子...
2020-05-27
探索JavaScript中私有成员的相关知识
坑
首先挖个坑 —— 这是一段 JS 代码，BusinessView 中要干两件事情，即对表单和地图进行布局。代表将 _ 前缀约定为私有class BaseView {layout() {console.log("BaseView Lay...
2020-05-27
js使用cookie实现记住用户名功能示例
本文实例讲述了js使用cookie实现记住用户名功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" co...
2020-05-27
vue/vue-cli+express手把教你搭建SSR
最近简单的研究了一下SSR，对SSR已经有了一个简单的认知，主要应用于单页面应用，Nuxt是SSR很不错的框架。也有过调研，简单的用了一下，感觉还是很不错。但是还是想知道若不依赖于框...
2020-05-27
深入了解JavaScript代码覆盖
它为什么是有用的?
作为一名JavaScript开发者，你可能经常发现自己处于代码覆盖可能有用的情景。例如： 对测试套件的质量感兴趣？ 重构一个大型的遗留项目？ 代码覆盖可以准...
2020-05-27
javascript实现的时间格式加8小时功能示例
本文实例讲述了javascript实现的时间格式加8小时功能。分享给大家供大家参考，具体如下：第一种方式：<script> var oldTimes1 = "2017-07-10 03:28:54" var eosFormatTime2 =...
2020-05-27
javascript实现的字符串转换成数组操作示例
本文实例讲述了javascript实现的字符串转换成数组操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn...
2020-05-27
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
本文实例讲述了javascript数组常见操作方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn 数组的...
2020-05-27
微信小程序前端自定义分享的实现方法
背景
目前手上有一个小程序的项目，希望转发时分享消息的界面能够自定义,然而微信小程序只提供设置图片的url和title。
/** * 用户点击右上角分享 */ onShareAppMessage: f...
2020-05-27
微信小程序实现渐入渐出动画效果
前言
在做小程序列表展示的时候，接到了一个需求。需要在列表展示的时候加上动画效果。设计视频效果如下图：需要在进入列表页的时候，依次展示每一条卡片，在展示完成后需要隐藏掉...
2020-05-27
json数据格式常见操作示例
本文实例讲述了json数据格式常见操作。分享给大家供大家参考，具体如下：json数据格式第一种，对象形式<script>//var json3={name:"longzhoufeng",age:123}//第一种方式var json3...
2020-05-27
微信小程序位置授权处理方法
这两天在做小程序调取地图的时候遇到一个问题，如果用户第一次拒绝了位置权限请求。那么就不会再次唤起授权弹出。需要我们引导用户去开启。具体做法如下。 在 aap.json中加入...
2020-05-27
微信小程序页面间跳转传参方式总结
前言在做微信小程序的时候，经常会遇到需要页面间传递参数的情况，根据目前项目经验，总结了以下几种方式：URL传参、缓存和方法调用。URL传参
这种方式是最简单也是最常用的，这里就...
2020-05-27
vue store之状态管理模式的详细介绍
状态管理
一、状态管理（vuex）简介
uex是专为vue.js应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化...
2020-05-27
详解vuex之store源码简单解析
关于vuex的基础部分学习于https://www.freexyz.cn/article/163008.htm使用Vuex的时候，通常会实例化Store类，然后传入一个对象，包括我们定义好的actions、getters、mutations、sta...
2020-05-27
在JavaScript中使用严格模式(Strict Mode)
前言ECMAScript5中引入的严格模式,通过让JavaScript运行环境对一些开发过程中最常见和不易发现的错误做出和当前不同的处理,来让开发者拥有一个”更好”的JavaScript语言。...
2020-05-27
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
后台使用freeMarker和前端使用vue的方法及遇到的问题
一：freeMarker的使用1：java后台使用freeMarker是通过Model，将值传给前端：如：@Controllerpublic class MobileNewsFreeMarkerController { @RequestMapping("page/test") pu...
2020-05-27
移动端底部导航固定配合vue-router实现组件切换功能
在我们平时练习或者实际项目中也好，我们常常遇到这么一个需求：移动端中的导航并不是在顶部也不是在底部，而是在最底部且是固定的，当我们点击该导航项时会切换到对应的组件。相信...
2020-05-27
在Vue中使用icon 字体图标的方法
1.使用线上的阿里iconfont图标库1.打开 iconFont官网 选择自己喜欢的图标，并且添加购物车2.点击购物车，添加至项目3 生成链接4在我们的vue项目中，找到index.html文件，引入css样...
2020-05-27
Vue 实现前进刷新后退不刷新的效果
需求一:在一个列表页中，第一次进入的时候，请求获取数据。点击某个列表项，跳到详情页，再从详情页后退回到列表页时，不刷新。也就是说从其他页面进到列表页，需要刷新获取数据，从详情...
2020-05-27
深度了解vue.js中hooks的相关知识
背景
最近研究了vue3.0的最新进展，发现变动很大，总体上看，vue也开始向hooks靠拢，而且vue作者本人也称vue3.0的特性吸取了很多hooks的灵感。所以趁着vue3.0未正式发布前，抓紧时间...
2020-05-27
基于Proxy的小程序状态管理实现
微信小程序的市场在进一步的扩大，而背后的技术社区仍在摸索着最好的实践方案。我在帮助Nike，沃尔玛以及一些创业公司开发小程序后，依旧认为使用小程序原生框架是一个更高效，稳定...
2020-05-27
Vue动态创建注册component的实例代码
前言在深入了解Vue动态创建Component前先了解一下常规组件声明形式。
Vue 的组件通常可以通过两种方式来声明，一种是通过 Vue.component，另外一种则是 Single File Components...
2020-05-27
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
本文实例讲述了CKeditor富文本编辑器使用技巧之添加自定义插件的方法。分享给大家供大家参考，具体如下：首先就是在CKeditor的plugins目录下新建一个目录qchoice：qchoice目录下...
2020-05-27
利用JavaScript将Excel转换为JSON示例代码
前言JSON是码农们常用的数据格式，轻且方便，而直接手敲JSON却是比较麻烦和令人心情崩溃的（因为重复的东西很多），所以很多码农可能会和我一样，选择用Excel去输入数据，然后再想办法转...
2020-05-27
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
本文实例讲述了CKEditor 4.4.1 添加代码高亮显示插件功能。分享给大家供大家参考，具体如下：随着CKEditor4.4.1的发布，以前一直困扰的代码高亮问题终于完美的得到解决，在CKEditor...
2020-05-27
通过JS深度判断两个对象字段相同
代码:
/*** 判断此对象是否是Object类型* @param {Object} obj */function isObject(obj){return Object.prototype.toString.call(obj)==='[object Object]';};/*** 判断此...
2020-05-27
简单了解Ajax表单序列化的实现方法
原生表单序列化
随着Ajax的出现，表单序列化已经成为一种需求,在学习原生Ajax时,若用POST方法向后台提交数据时,就需要将表单序列化
在JavaScript中可以利用表单字段的type属...
2020-05-27
ES6数组与对象的解构赋值详解
本文实例讲述了ES6数组与对象的解构赋值。分享给大家供大家参考，具体如下：数组的解构赋值基本用法ES6允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这被称之为解构(D...
2020-05-27
通过Nodejs搭建网站简单实现注册登录流程
1. 使用Backbone实现前端hash路由
初步设想将注册和登录作为两个不同的url实现，但登录和注册功能的差距只有form表单部分，用两个url实现显然开销过大，所以最终方案为使用hash作...
2020-05-27
ES6顶层对象、global对象实例分析
本文实例讲述了ES6顶层对象、global对象。分享给大家供大家参考，具体如下：顶层对象顶层对象，在浏览器环境指的是window对象，在Node指是的global对象。ES5之前中，顶层对象的属性与...
2020-05-27
ES6 Promise对象的含义和基本用法分析
本文实例讲述了ES6 Promise对象的含义和基本用法。分享给大家供大家参考，具体如下：1.Promise的含义Promise是异步编程的一种解决方案，比传统的解决方案（回调函数和事件）更合理更...
2020-05-27
深入剖析JavaScript instanceof 运算符
instanceof 运算符简介
在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它...
2020-05-27
