JS实现动态添加外部js、css到head标签的方法
本文实例讲述了JS实现动态添加外部js、css到head标签的方法。分享给大家供大家参考，具体如下：function appendJQCDN() { var head = document.head || document.getElements...
2020-05-27
Node.js 路由的实现方法
我们平时工作中，涉及到后台开发，路由基本上是我们第一个需要建的，路由还是很重要的。那么，什么是路由呢，通俗点举个例子，一个宾馆前台，来了十位客人，前台会安排十位客人入住，每位客人...
2020-05-27
原生JS使用Canvas实现拖拽式绘图功能
一、实现的功能1、基于oop思想构建，支持坐标点、线条（由坐标点组成，包含方向）、多边形（由多个坐标点组成）、圆形（包含圆心坐标点和半径）等实体2、原生JavaScript实现，不依赖任何第三...
2020-05-27
优雅的处理vue项目异常实战记录
背景 你还在为处理Uncaught (in promise) ReferenceError烦恼吗？ 你还在为捕获异常反复的写try catch吗？ 你还在为每一个promise写catch吗？是时候一站式统一处理异常！！！（针对vue...
2020-05-27
JS中实现浅拷贝和深拷贝的代码详解
（一）JS中基本类型和引用类型JavaScript的变量中包含两种类型的值：基本类型值 和 引用类型值，在内存中的表现形式在于：前者是存储在栈中的一些简单的数据段，后者则是保存在堆内存中...
2020-05-27
详解vue父子组件关于模态框状态的绑定方案
日常开发中经常遇到的一个场景，父组件有很多操作，需要弹窗，例如：<template> <div class="page-xxx"> //点击打开新增弹窗 <button>新增</button> //点击打开编辑弹窗...
2020-05-27
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
前言：微信H5项目，ios端出现了软键盘输完隐藏后页面不会回弹，下方会有一大块留白最近微信和ios都有版本升级，不知道是哪边升级造成的，但是经过测试，软键盘收起后，再滚动一下页面，下面...
2020-05-27
原生js通过一行代码实现简易轮播图
这是一个简易的js无限循环轮播图，只用了一行js代码就实现了无限循环，记录一下三目运算符的伟大！<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="vie...
2020-05-27
Vue响应式原理Observer、Dep、Watcher理解
开篇
最近在学习Vue的源码，看了网上一些大神的博客，看起来感觉还是蛮吃力的。自己记录一下学习的理解，希望能够达到简单易懂，不看源码也能理解的效果😆Object.defineProp...
2020-05-27
vue中的过滤器实例代码详解
过滤器1.过滤器规则Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值{{}}和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤...
2020-05-27
vue中v-show和v-if的异同及v-show用法
一、官方解释：
1.v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。
2.v-if 也是惰性的：如果在初始渲染时条件为假，则什么...
2020-05-27
js常见遍历操作小结
本文实例讲述了js常见遍历操作。分享给大家供大家参考，具体如下：for循环var a = new Array("first", "second", "third") for(var i = 0;i < a.length; i++) {document.write(...
2020-05-27
详解Vue 如何监听Array的变化
回忆
在上一篇Vue响应式原理-理解Observer、Dep、Watcher简单讲解了Observer、Dep、Watcher三者的关系。
在Observer的伪代码中我们模拟了如下代码:
class Observer { const...
2020-05-27
JavaScript中将值转换为字符串的五种方法总结
前言如果您关注Airbnb的样式指南，首选方法是使用“String（）”👍
它也是我使用的那个，因为它是最明确的 - 让其他人轻松地遵循你的代码的意图🤓
请记住，最好的代码...
2020-05-27
vue2配置scss的方法步骤
1、安装文件npm install --save-dev sass-loadernpm install --save-dev node-sass2、配置 webpack.base.conf.js
找到webpack.base.conf.js文件的module模块下面的rules添...
2020-05-27
vue中keep-alive组件的入门使用教程
一、问题触发并解决最近自己在写vue练习，内容相对简单，主要是对vue进行熟悉和相关问题发现，查漏补缺。简单说下练习的项目内容及问题的产生：练习使用的vue-cli 2.0脚手架搭建，内...
2020-05-27
node.js的http.createServer过程深入解析
下面是nodejs创建一个服务器的代码。接下来我们一起分析这个过程。var http = require('http');http.createServer(function (request, response) { response.end('Hello W...
2020-05-27
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
本文实例讲述了jquery+ajax实现上传图片并显示上传进度功能。分享给大家供大家参考，具体如下：jquery上传文件用的formdata，上传进度条需要添加xhr的onprogresshtml代码如下：<!DO...
2020-05-27
vue 插件的方法代码详解
在开发项目的时候，我们一般都用 vue-cli 来避免繁琐的 webpack 配置和 template 配置。但是官方 cli3 现在并不支持搭建 plugin 开发的项目。还好，已经有大神（Kazupon）走在了我...
2020-05-27
webpack4之如何编写loader的方法步骤
之前学习过webpack3的知识，但是webpack4升级后还是有很多变动的，所以这次重新整理一下webpack4的知识点，方便以后复习。这次学习webpack4不仅仅要会配置，记住核心API，最好还要理...
2020-05-27
解决vue组件props传值对象获取不到的问题
先说问题，父组件利用props向子组件传值，浏览器 console 有这个值，但是获取不到内部的属性，困了我3个小时，真的**personal
console以下为原代码1、home.vue（父组件）--personal是被传...
2020-05-27
vue-cli配置全局sass、less变量的方法
一、全局配置less1.下载插件**vue add style-resources-loader**vue add pluginName 是vue-cli3提供的。vue add 是用yarn安装插件的， yarn源的问题有可能导致失败。如果上面...
2020-05-27
详解新手使用vue-router传参时注意事项
1. 使用name和params组合传参this.$router.push({name: 'details', params: {'id': 233}})路由配置import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)e...
2020-05-27
详解vue-cli@2.x项目迁移日志
vue-cli@2.x项目迁移日志
虽然 vue-cli@3 早就已经巨普及了，新项目应该已经很少有人还有使用 vue-cli@2.x 。 但是对于一些稍微早些时候的 vue 项目，如果当时没有做一些优化、...
2020-05-27
vue-cli脚手架打包静态资源请求出错的原因与解决
问题 vue-cli默认配置打包后部署到特定路径下静态资源路径错误问题。 静态资源打包使用相对路径后css文件引入大图片路径错误问题使用vue-cli2脚手架生成的默认打包配置文...
2020-05-27
Vue项目总结之webpack常规打包优化方案
由于新建项目发版打包时间大概需要 30分钟 ，发版时 严重 拖慢 下班 时间，所以特意查看了相关文档来优化打包速度，争取早点下班，^_^。分析打包文件要优化，先分析。我们先要知道到...
2020-05-27
了解在JavaScript中将值转换为字符串的5种方法
如果您关注Airbnb的样式指南，首选方法是使用“String（）”
它也是我使用的那个，因为它是最明确的 - 让其他人轻松地遵循你的代码的意图
请记住，最好的代码不一定是最聪明的方式，它...
2020-05-27
JS根据json数组多个字段排序及json数组常用操作
js 根据json数组多个字段排序的实现代码如下所示：/**数组根据数组对象中的某个属性值进行排序的方法 * 使用例子：newArray.sort(sortByArr(['number'],false)) //表示根据nu...
2020-05-27
jQuery+ajax实现批量删除功能完整示例
本文实例讲述了jQuery+ajax实现批量删除功能。分享给大家供大家参考，具体如下：效果展示：完整代码如下：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <me...
2020-05-27
vue如何自动化打包测试环境和正式环境的dist/test文件
使用vue现在已经差不多2年了，想起来两年前的一次和某阿里处理的技术大牛（当时我们的技术总监）一起开发一个SPA项目的时候被硬着头皮去解决的一个难题，因为技术老大是阿里出身的，...
2020-05-27
详解微信小程序开发(项目从零开始)
一、序微信小程序，估计大家都不陌生，现在应用场景特别多。今天就系统的介绍一下小程序开发。注意，这里只从项目代码上做解析，不涉及小程序如何申请、打包、发布的东西。（这些跟着...
2020-05-27
微信小程序如何使用globalData的方法
微信小程序在JavaScript文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。如果希望在各个页面之间共同使用某些信息，并且可以...
2020-05-27
怎么使用javascript深度拷贝一个数组
有两种数组拷贝类型：浅拷贝 & 深拷贝。浅拷贝只会拷贝数组的第一层，剩下的会引用。如果你需要一个嵌套的数组的拷贝，那需要你去深度拷贝这个数组。深拷贝，选择JSON方法或者Lodsh...
2020-05-27
小试小程序云开发(小结)
微信小程序刚出没多久时，曾经上手写过demo，但开发体验比较差，所以一直没怎么关注。不过自从诸多适配方案出炉，以及云端的开通，觉得还是有必要上手体验一番的，于是为我的技术博客也...
2020-05-27
通过seajs实现JavaScript的模块开发及按模块加载
seajs实现了JavaScript 的 模块开发及按模块加载。用来解决繁琐的js命名冲突，文件依赖等问题，其主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载。首先看看seajs是怎...
2020-05-27
vue 父组件中调用子组件函数的方法
在父组件中调用子组件的方法： 1.给子组件定义一个ref属性。eg:ref="childItem" 2.在子组件的methods中声明一个函数。eg: useInPar:function (str) {console.log(str)} 2. 在...
2020-05-27
Vue中实现权限控制的方法示例
一、前言在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细：1、接口访问的权限控制2、页面的权限控制 菜单...
2020-05-27
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
Vue-draggable 的github传送门 :https://github.com/SortableJS/Vue.Draggable一. 下载依赖包：npm install vuedraggable -S 二. 在需要使用的当前界面引入依赖，注册组件：impo...
2020-05-27
sortable+element 实现表格行拖拽的方法示例
背景
1、vue项目中的表格需要实现行拖拽功能2、表格使用element组件库中el-table方案介绍
Sortable.js
介绍：Sortable.js是一款轻量级的拖放排序列表的js插件引用自官方文档：N...
2020-05-27
详解vue项目中实现图片裁剪功能
演示地址
https://my729.github.io/picture-crop-demo/dist/#/前言
vue版本：3.6.3 https://cli.vuejs.org/zh/ cropperjs: 1.5.1 https://github.com/fengyuanchen/croppe...
2020-05-27
Element实现表格分页数据选择+全选所有完善批量操作
后台管理系统中的列表页面，一般都会有对列表数据进行批量操作的功能，例如：批量删除、批量删除等。之前项目中只是简单的用到Element框架中常规的属性、事件。在一次机缘巧合下，...
2020-05-27
vue-cli3项目展示本地Markdown文件的方法
【版本】 vue-cli3 webpack@4.33.0【步骤】1、安装插件vue-markdown-loadernpm i vue-markdown-loader -Dps：这个插件是基于markdown-it的，不需要单独安装markdown-it。2、...
2020-05-27
vue+element 模态框表格形式的可编辑表单实现
要实现的效果如下,初始化的时候,不可编辑,点击编辑按钮,编辑按钮隐藏,取消编辑按钮显示;部分input输入框变为可编辑
<el-dialog title="营销单详情" width="920px" @close="...
2020-05-27
ES6小技巧之代替lodash
Javascript ES6标准实行后，Lodash或者Ramada中的一些功能我们就不需要了，可以使用ES6的语法来实现
获取Object中指定键值
我们现在可以使用解包的方法快速获取对象中指定键值...
2020-05-27
Nodejs异步流程框架async的方法
Async的简单介绍：
Async是一个流程控制工具包，提供了直接而强大的异步功能。基于Javascript为Node.js设计，同时也可以直接在浏览器中使用。Async提供了大约20个函数，包括常用的m...
2020-05-27
你了解vue3.0响应式数据怎么实现吗
从 Proxy 说起 什么是Proxyproxy翻译过来的意思就是”代理“，ES6对Proxy的定位就是target对象(原对象)的基础上通过handler增加一层”拦截“，返回一个新的代理对象，之后所有在P...
2020-05-27
Vue使用Proxy监听所有接口状态的方法实现
在开发项目过程中几乎所有接口都需要知道它的返回状态，比如失败或者成功，在移动端通常后台会返回结果，而我们只需要一个弹窗来弹出来结果就可以了。但是这个弹窗如果在整个项目...
2020-05-27
vue集成kindeditor富文本的实现示例代码
指令
该指令的作用是dom渲染后触发，因为非vue的插件有的是dom必须存在的情况下才可以执行Vue.directive('loaded-callback', { inserted: function (el, binding, vnode) { b...
2020-05-27
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
前言昨天因为小程序功能要获取小程序程序码，看了微信文档爬了好多坑。（留一下记录以防后面被坑）操作因为我获取到了微信那里的图片的图片流一直不知道怎么处理，今天总算找到相关...
2020-05-27
微信小程序如何刷新当前界面的实现方法
在微信小程序开发的过程中，在一个页面中对数据操作之后我们大多数时间都需要刷新一下当前界面以把操作之后的结果显示出来，但是如何在执行操作后进行本页面的刷新就成了一个问...
2020-05-27
