简单学习5种处理Vue.js异常的方法
错误大全
为了测试各种异常处理技巧，我故意触发三种类型的错误。第一种：引用一个不能存在的变量：<div id="app" v-cloak>Hello, {{name}}</div>上述代码运行后不会抛出错误，但是...
2020-05-27
vue中typescript装饰器的使用方法超实用教程
VueConf ，尤大说， Vue 支持 Ts 了，网上关于 Vue + Ts 的资料有点少， 楼主踩了一个星期坑，终于摸明白了 修饰器 的玩法，下面我们就来玩下 Vue 的 decorator 吧1，data 值的声明 在这...
2020-05-27
简单了解Javscript中兄弟ifream的方法调用
兄弟ifream的方法调用
兄弟ifream A
var ifreamId = window.frameElement && window.frameElement.id || '';var url = 'url?ifreamId='+ifreamId;parent.layer.open({t...
2020-05-27
JS删除String里某个字符的方法
方法一 正则关于JS删除String里的字符的方法，一般使用replace()方法。但是这个方法只会删除一次，如果需要将string里的所以字符都删除就要用到正则。var str = "abcdaabbssaaa...
2020-05-27
用Vue.js在浏览器中实现裁剪图像功能
你是否写了一个需要接受用户上传图片的 Web 应用，后来才意识到用户总是提供各种形状和大小的图像来破坏你的网站主题？在网络上处理图像很容易成为一种痛苦 —— 当然，除非你使...
2020-05-27
在JavaScript中如何访问暂未存在的嵌套对象
前言JavaScript 是个很神奇的东西。但是 JavaScript中的一些东西确实很奇怪，让人摸不着头脑。其中之一就是当你试图访问嵌套对象时，会遇到这个错误Cannot read property 'foo'...
2020-05-27
小程序click-scroll组件设计
一. 背景
有些业务需求，要求前端展示的内容多时可以通过scroll的形式拖拉查看，但是太多的滚动条又造成页面太乱，于是封装了这个click-scroll 组件。在组件上设定好展示的位置和...
2020-05-27
Angular中innerHTML标签的样式不起作用的原因解析
1.背景 在最近angular的项目中,需要用到[innerHTML]标签来指定一个div的样式： //HTML部分 <div class="contents" [innerHTML]="contents"></div> //TS部分 contents...
2020-05-27
实用Javascript调试技巧分享(小结)
见过太多同学调试Javascript只会用简单的console.log甚至alert，看着真为他们捉鸡。。因为大多数同学追求优雅而高效地写代码，却忽略了如何优雅而高效地调试代码，不得不说是有点...
2020-05-27
vue中利用Promise封装jsonp并调取数据
Promise就是一个给一步操作提供的容器，在这个容器里，有两个阶段无法改变的阶段，第一个阶段就是Pending(进行)，第二个阶段就是结果阶段，包含Fulfilled(成功)、Rejected(失败)两个...
2020-05-27
利用js-cookie实现前端设置缓存数据定时失效
一、背景
业务需要在前端进行数据的缓存，到期就删除再进行获取新数据。
二、实现过程
前端设置数据定时失效的可以有下面2种方法：
1、当数据较大时，可以利用localstorage，存数据...
2020-05-27
详解Vue3.0 前的 TypeScript 最佳入门实践
前言我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。然鹅最近的一个项目中，是 TypeScript + Vue ，毛计喇，学之...…真香！注意此篇标题的“前”，本文旨在...
2020-05-27
jquery中为什么能用$操作
前言jq对dom节点的操作相信大家都很熟悉，$("input").val("value");直接用$来获取dom节点的方式也非常便捷方便，那么他是怎么实现的呢？猜想在没看源码之前，我的猜想是这样的funct...
2020-05-27
使用js在layui中实现上传图片压缩
一、关于js上传图片压缩的方法，百度有很多种方法，这里我参考修改了一下function photoCompress(file, w, objDiv) {var ready = new FileReader();/*开始读取指定的Blob对象或...
2020-05-27
Typescript 中的 interface 和 type 到底有什么区别详解
interface VS type
大家使用 typescript 总会使用到 interface 和 type，官方规范 稍微说了下两者的区别 An interface can be named in an extends or implements clause, b...
2020-05-27
手把手教你 CKEDITOR 4 扩展插件制作
本文实例讲述了CKEDITOR 4 扩展插件制作。分享给大家供大家参考，具体如下：今天让我们来探索一下ckeditor的扩展功能，换句话说就是自定义按钮，以及点击按钮之后实现的功能。要实...
2020-05-27
手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解
本文实例讲述了CKEDITOR 4 实现Dialog 内嵌 IFrame操作。分享给大家供大家参考，具体如下：在上一篇博文《CKEDITOR 4 扩展插件制作》中，姜哥跟大家探讨了在ckeditor中添加dialog...
2020-05-27
如何使用CSS3+JQuery实现悬浮墙式菜单
前言大家好，今天我要教你如何创建一个有用的悬停式用户界面，使用jQuery，CSS3，HTML5和@ font – face。你可能会问我，为什么是一个基于悬停的用户界面？好吧，由于现在很流行的基础触...
2020-05-27
通过JQuery，JQueryUI和Jsplumb实现拖拽模块
前言由于时间的原因。这个demo只兼容IE8，IE9。其他浏览器暂时不支持。不过jsplumb本身是支持各种浏览器的。写这篇文章是因为我在实际开发中遇到一个需求，支持拖拽模块到指定...
2020-05-27
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
1.导语首先来简单介绍一下webpack：现代 JavaScript 应用程序的 静态模块打包工具 。当 webpack 处理应用程序时，它会在内部构建一个会映射项目所需的每个模块 的依赖图(depend...
2020-05-27
如何使用CSS3和JQuery easing 插件制作绚丽菜单
前言在本教程中，我们将创建一个独特的滑动框导航。这样做可以让有菜单的盒子滑出，并且弹出缩略图。在某些菜单项中我们还包含着有进一步链接的子菜单。取决于我们鼠标在菜单项...
2020-05-27
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
问题默认情况下，你的网站在移动设备上展现的可能不太好。当然，有的移动设备足够让你的网站在它上显示。但是这也不是稳妥的。可能你不希望为移动电话创建一个全新的网站，成本太...
2020-05-27
使用异步controller与jQuery实现卷帘式分页
问题今天很多网站与数据库交互。如果您的网站接收大量的流量，SQL查询来检索数据，是相当激烈的。更重要的是因为普通用户点击一个在15秒内到达您的网站的链接， 检索和生成内容的...
2020-05-27
使用JQuery自动完成插件Auto Complete详解
问题当你查找一些特殊的东西，当你输入准确的词时，找到它可能是困难的（或者很耗时）。在输入的时候展示出结果（自动完成），使查找变得更简单。解决方案使用JQuery自动完成插件，更新现有...
2020-05-27
利用vue-i18n实现多语言切换效果的方法
前言有些项目我们需要支持多种语言切换，满足国际化需求。 vue-i18n是一个vue插件，主要作用就是让项目支持国际化多语言，使用方便快捷，能很轻松的将我们的项目国际化。本文主要介...
2020-05-27
了解Javascript中函数作为对象的魅力
前言Javascript赋予了函数非常多的特性，其中最重要的特性之一就是将函数作为第一型的对象。那就意味着在javascript中函数可以有属性，可以有方法， 可以享有所有对象所拥有的特...
2020-05-27
详解在Angular4中使用ng2-baidu-map的方法
一、引言之前在Angular4使用过百度地图，记录一下踩过的坑二、实现1.安装npm install angular2-baidu-map2.在app.module.ts配置ak key在http://lbsyun.baidu.com/apiconsole/...
2020-05-27
基于Node.js的大文件分片上传示例
我们在做文件上传的时候，如果文件过大，可能会导致请求超时的情况。所以，在遇到需要对大文件进行上传的时候，就需要对文件进行分片上传的操作。同时如果文件过大，在网络不佳的情况...
2020-05-27
JavaScript箭头函数中的this详解
前言箭头函数极大地简化了this的取值规则。
普通函数与箭头函数
普通函数指的是用function定义的函数：
var hello = function () {console.log("Hello, Fundebug!");}箭头函...
2020-05-27
vue实现后台管理权限系统及顶栏三级菜单显示功能
•效果演示地址项目demo展示重要功能总结权限功能的实现权限路由思路：
根据用户登录的roles信息与路由中配置的roles信息进行比较过滤，生成可以访问的路由表，并通过route...
2020-05-27
ionic4+angular7+cordova上传图片功能的实例代码
前言ionic是一个垮平台开发框架，可通过web技术开发出多平台的应用。但只建议开发简单应用。复杂的应用需要用到许多cordova插件，而cordova插件的更新或者移动平台的更新很可能...
2020-05-27
js简单遍历获取对象中的属性值的方法示例
本文实例讲述了js简单遍历获取对象中的属性值的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...
2020-05-27
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法。分享给大家供大家参考，具体如下：<script> var values=function(object) { var values = [];...
2020-05-27
Vue 2.0 侦听器 watch属性代码详解
用法--------------------------------------------------------------------------------先来看看官网的介绍:官网介绍的很好理解了，也就是监听一个数据的变化，当该数据变化...
2020-05-27
javascript创建元素和删除元素实例小结
本文实例讲述了javascript创建元素和删除元素。分享给大家供大家参考，具体如下：1、创建元素动态创建新的DOM元素，是js操作网页对象模型的重要手段之一。<!DOCTYPE html><html l...
2020-05-27
vue axios重复点击取消上一次请求封装的方法
使用场景
重复点击或者多tab标签使用一个视图等（当然也可以用加载中或者透明背景禁止请求中再次点击）封装代码
来自于互联网let pending = []; //声明一个数组用于存储每个请...
2020-05-27
Vue-Cli 3.0 中配置高德地图的两种方式
vue 中使用高德地图有两种方式一、vue-amap 组件官网： https://elemefe.github.io/vue-amap/#/开始的时候是打算用这个组件做地图功能的，但是尝试之后存在些问题，所以就放弃了...
2020-05-27
使用jquery-easyui的布局layout写后台管理页面的代码详解
先在官网下载easyui文档引入头部文件<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/themes/default/easy...
2020-05-27
js JSON.stringify()基础详解
JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，如果指定了replacer是一个函数，则可以选择性的替换值，或者如果指定了replacer是一个数组，可选...
2020-05-27
如何在微信小程序中实现Mixins方案
前言在原生开发小程序的过程中，发现有多个页面都使用了几乎完全一样的逻辑。由于小程序官方并没有提供 Mixins 这种代码复用机制，所以只能采用非常不优雅的复制粘贴的方式去“...
2020-05-27
JS去除字符串最后的逗号实例分析【四种方法】
本文实例讲述了JS去除字符串最后的逗号。分享给大家供大家参考，具体如下：<script> window.onload=function() { var obj = {name: "xxx", age: 30, sex: "female"};//定义一...
2020-05-27
express如何解决ajax跨域访问session失效问题详解
前言最近在学习express，就用以前做的项目来进行express前后端分离的练手了，在做登陆注册的时候发现跨域的时候，session的值是会失效的，导致session里面的数据获取为undefined，网...
2020-05-27
npm的lock机制解析
npm是什么
npm是一个包管理工具，开源作者可以把开源包发布在平台上供其他人下载使用。前端的同学基本都使用过npm，这里就不做过多介绍。日常工作中npm的主要用途就是根据项目...
2020-05-27
JavaScript命名空间模式实例详解
本文实例讲述了JavaScript命名空间模式。分享给大家供大家参考，具体如下：前言命名空间可以被认为是唯一标识符下代码的逻辑分组。为什么会出现命名空间这一概念呢？因为可用的单...
2020-05-27
Vue 动态添加路由及生成菜单的方法示例
写后台管理系统，估计有不少人遇过这样的需求：根据后台数据动态添加路由和菜单。为什么这么做呢？因为不同的用户有不同的权限，能访问的页面是不一样的。在网上找了好多资料，终于想...
2020-05-27
JavaScrip数组去重操作实例小结
本文实例讲述了JavaScrip数组去重操作。分享给大家供大家参考，具体如下：内置的for-of方法<script>var arr=[2,1,1,3,'','','e','e',true,'true',true,false,false,'false',und...
2020-05-27
node基于async/await对mysql进行封装
前言
node是基于异步的，因此在进行数据库查询操作的通常是通过回调来操作查询结果。但是在有了es7的async/await，基本不再需要回调了，所以本篇是基于async/await对mysql进行一...
2020-05-27
javascript获取select值的方法完整实例
本文实例讲述了javascript获取select值的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn javas...
2020-05-27
jQuery实现文本显示一段时间后隐藏的方法分析
本文实例讲述了jQuery实现文本显示一段时间后隐藏的方法。分享给大家供大家参考，具体如下：点击button时，提示信息显示，8秒后，信息隐藏。<input id="place_order" name="place_ord...
2020-05-27
Vue 页面权限控制和登陆验证功能的实例代码
页面权限控制页面权限控制是什么意思呢？就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越权访问，这时就得做出限制...
2020-05-27
