vue2.0 实现富文本编辑器功能
前端富文本编译器使用总结：UEditor：百度前端的开源项目，功能强大，基于 jQuery，但已经没有再维护，而且限定了后端代码，修改起来比较费劲bootstrap-wysiwyg：微型，易用，小而美，只是 Bootst...
2020-05-27
小程序封装路由文件和路由方法(5种全解析)
小程序5种路由方法使用场景，封装路由文件和路由方法，提升小程序体验和开发效率
明确要解决的问题 每次使用路由时，总是粘贴复制路径，这样在路径有修改时，需要修改所有用到该路径...
2020-05-27
Node.js 多进程处理CPU密集任务的实现
Node.js 单线程与多进程
大家都知道 Node.js 性能很高，是以异步事件驱动、非阻塞 I/O 而被广泛使用。但缺点也很明显，由于 Node.js 是单线程程序，如果长时间运算，会导致 CPU 不...
2020-05-27
使用JS判断页面是首次被加载还是刷新
1 利用window.name属性在页面刷新时不会重置判断（在该属性空置的情况下可使用）if(window.name == ""){ console.log("首次被加载"); window.name = "isReload"; // 在首次进入...
2020-05-27
分享一个vue项目“脚手架”项目的实现步骤
搭建缘由源于公司每次新启动一个由多人协同开发的项目都由负责人初始化项目之后，每个人再去从私服pull一下项目才开始开发。但是每次初始化工程都是一步步的造轮子，一个个依赖...
2020-05-27
了解JavaScript表单操作和表单域
一、表单的获取方式
1.document.getElementById()
2.document.forms[index];
3.document.forms[form_name]
4.document.form_namefunction testGetForm() {var frm = docume...
2020-05-27
优化Vue项目编译文件大小的方法步骤
与其说是优化 Vue，不如说主要是在 webpack 打包的配置中做些文章，使得 Vue 编译后的文件尽可能的小。以下介绍自己在项目中进行优化的过程，其中的内容也许并不适合于每个项目，但...
2020-05-27
详解JavaScript中的坐标和距离
一 前言
在前端开发中总会遇到各种各样需要使用或计算坐标和距离的情况，但是这些属性和方法众多，全部熟练地记下来并非是一件易事，大多只能现查，耗费不少时间精力，于是便有了整理...
2020-05-27
node.js命令行教程图文详解
本文先介绍原生的node.js实现命令行交互，了解原生的api,然后通过commander.js和inquirer.js实现一个完整的交互命令行工具。项目地址 process （进程）process对象是一个全局变量...
2020-05-27
图解javascript作用域链
先来一段简单的javascript代码：window.onload=function(){function sub(a,b){return a-b;}var result=sub(10,5);}这段代码中的执行环境已经数清楚了，可是执行环境只是代码在...
2020-05-27
实现高性能javascript的注意事项
1.少用全局变量原因：因为作用域链是一个堆栈的结构，所以遵循先进先出的原则，而javascript引擎在解析代码的时候，将全局对象放在栈底，然后向上依次出现的是不同作用域的活动对象（这...
2020-05-27
通过jQuery学习js类型判断的技巧
1. isFunction中typeof的不靠谱源码：
var isFunction = function isFunction( obj ) {// Support: Chrome <=57, Firefox <=52// In some browsers, typeof returns "functio...
2020-05-27
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
前提：之前写过关于keep-Alive组件，来实现在列表页进入详情页后，后退，返回列表，显示上次访问的位置（原理就是缓存列表页数据来实现），目前发现另外一个问题，就是如果后台操作改变数据的...
2020-05-27
jquery实现动态改变css样式的方法分析
本文实例讲述了jquery实现动态改变css样式的方法。分享给大家供大家参考，具体如下：jquery 几乎成了现在开发WEB应用的标准JS库，这与其简单性和易用性是分不开的。作为一个后端...
2020-05-27
jquery实现动态创建form并提交的方法示例
本文实例讲述了jquery实现动态创建form并提交的方法。分享给大家供大家参考，具体如下：有时候在写web 应用的时候，需要临时动态构造一个form 并提交，form 里面的参数以及action,...
2020-05-27
初学node.js中实现删除用户路由
一、users_model.js 功能:定义用户对象模型var mongoose=require('mongoose'),Schema=mongoose.Schema;var UserSchema=new Schema({username:{type:String,unique:true},em...
2020-05-27
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
本文实例讲述了jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能。分享给大家供大家参考，具体如下：最近都成为页面仔了，主要工作都放在了前段，以前总是写后台程...
2020-05-27
基于vue实现一个禅道主页拖拽效果
效果图如下所示：源码地址bb两句最近在做一个基于vue的后台管理项目。平时项目进度统计就在上禅道上进行。so~ 然后领导就感觉这个拖拽效果还行，能不能加到咱们项目里面。 既然...
2020-05-27
了解javascript中变量及函数的提升
javascript中变量以及函数的提升，在我们平时的项目中其实还是挺常用的，尤其是大型项目中，不知不觉就会顺手添加一些变量，而有时候自己的不小心就会酿成一些不必要错误，趁有时间整...
2020-05-27
vue项目前端错误收集之sentry教程详解
sentry简介Sentry 是一个开源的错误追踪工具，可以帮助开发人员实时监控和修复系统中的错误。其专注于错误监控以及提取一切事后处理所需的信息;支持几乎所有主流开发语言( JS...
2020-05-27
JavaScript怎样在删除前添加确认弹出框?
一,【前言】
最近架构组开发的”异常监控平台”,虽说是公司内部基础研发部业务组上百人用的一个系统,但是对一下体验度的提升还是要的,例如,删除是直接删除还是删除之前有一...
2020-05-27
深入浅出了解Node.js Streams
什么是流（steams）
流（stream）是 Node.js 中处理流式数据的抽象接口。Streams 不是 Node.js 独有的概念。它们是几十年前在 Unix 操作系统中引入的。它们能够以一种有效的方式来...
2020-05-27
vue cli3.0 引入eslint 结合vscode使用
它的目标是提供一个插件化的javascript代码检测工具。官网地址最近一个项目里，最开始使用 cli3.0 搭建的时候没有默认选用 eslint ，导致现在有的人使用其他编辑器，就会出现格式...
2020-05-27
Vue项目使用localStorage+Vuex保存用户登录信息
本文实例为大家分享了Vue使用localStorage+Vuex保存用户登录信息的具体代码，供大家参考，具体内容如下api.jsimport axios from 'axios'const baseURL = 'http://XXX// 全局的...
2020-05-27
了解javascript中的Dom操作
DOM（Document Object Model）：
结点的概念：整个文档就是由层次不同的多个节点组成，可以说结点代表了全部内容。
结点类型
1.元素结点
2.属性结点
3.文本结点
结点的注意点：
1.文本...
2020-05-27
Vue使用localStorage存储数据的方法
本文实例为大家分享了Vue使用localStorage存储数据的具体代码，供大家参考，具体内容如下通过下面这个案例来了解localStorage的基本使用方法。输入评论人、评论内容，点击发表评...
2020-05-27
vue使用localStorage保存登录信息 适用于移动端、PC端
众所周知，vue可以用来开发移动端app，可以使用hbuilder将build好的vue打包成一个移动端app，但是用过之后就会发现，使用cookies或者session保存登录的token，在手机端无法保存，每次打...
2020-05-27
Vue实现根据hash高亮选项卡
本文实例为大家分享了Vue实现根据hash高亮选项卡的具体代码，供大家参考，具体内容如下<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>a...
2020-05-27
深入学习JavaScript中的bom
BOM（Broswer Object Model）
凡是 window 的属性和方法，均可以省略“window.”
方法：
框窗
1.警告框
window.alert("msg");2.确认框
window.confirm("msg");3.询问框
window.prom...
2020-05-27
原生js实现each方法实例代码详解
jquery里面有个each方法，将循环操作简化、便捷。 随后es出了个forEach方法，两个虽然用法相近，但是不能处理对象类型。且无法通过return true达到continue效果。 此外还有个ever...
2020-05-27
Vue实现导航栏点击当前标签变色功能
本文实例为大家分享了Vue实现导航栏点击当前标签变色功能的具体代码，供大家参考，具体内容如下1.效果2.所有代码<template> <div class="now-time"> <div class="timebox"> <a...
2020-05-27
vue实现按需加载组件及异步组件功能
说实话,我一开始也不知道什么叫按需加载组件,组件还可以按需加载???后来知道了学不完啊...没关系,看我的按需加载组件,或者异步组件,主要是应用了component的 i...
2020-05-27
vue实现带复选框的树形菜单
本文实例为大家分享了vue实现带复选框的树形菜单展示的具体代码，供大家参考，具体内容如下代码：<template> <div id="checkTree"> <div class="tree-box"> <div class=...
2020-05-27
如何实现双向绑定mvvm的原理实现
本文能帮你做什么？
1、了解vue的双向数据绑定原理以及核心代码模块
2、缓解好奇心的同时了解如何实现双向绑定
为了便于说明原理与实现，本文相关代码主要摘自vue源码, 并进行...
2020-05-27
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
1. 测试环境win7JQuery-3.2.1.min.js下载地址：https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.jsBootstrap-3.3.7-dist下载地址：https://gitee....
2020-05-27
vue实现搜索功能
本文实例为大家分享了vue实现搜索功能的具体代码，供大家参考，具体内容如下methods (要有一定的触发条件才能执行，如点击事件)<template> <div class="safetyInfo"> <input type...
2020-05-27
微信小程序 image组件遇到的问题
远程图片在真机上测试时 image组件只能显示http请求的图片， 对https 与 //xxx.xxx.xx 之类的不能显示。可显示'http://img.alicdn.com/i2/83231071/TB2B03RsYplpuFjSspiXXcdf...
2020-05-27
vue实现搜索过滤效果
本文实例为大家分享了vue实现搜索过滤效果的具体代码，供大家参考，具体内容如下html：<table id="tfhover_1" class="tftable_1" border="1"> <tr> <th>名称</th> <th>链...
2020-05-27
Vue 无限滚动加载指令实现方法
也不存在什么加载咯， 就是一个判断滚动条是否到达浏览器底部了。 如果到了就触发事件，米到就不处理。计算公式提简单的 底部等于（0） = 滚动条高度 - 滚动条顶部距离 - 可视高...
2020-05-27
vue实现路由切换改变title功能
由于vue项目通常是单页应用，因此在入口文件index.html只有一个title，单页所展示的若干页面只是随着路由的切换而在同一个index.html上不同的渲染而已，因此此时的title属性是不...
2020-05-27
vue实现多条件和模糊搜索功能
本文实例为大家分享了vue实现多条件和模糊搜索的具体代码，供大家参考，具体内容如下html
<div class="content"> <div class="right"> <select name="sex" width='100' v-mode...
2020-05-27
React中使用外部样式的3种方式(小结)
一、关于css-in-js的认识1、css-in-js是一种使用 js 编写 css 样式的 css 处理方案。它的实现方案有很多，比如styled-components、polished、glamorous(paypal 开源的，不再维...
2020-05-27
js 将线性数据转为树形的示例代码
在日常开发工作中，我们经常碰到将线性的数据转换成树的需求，今天给大家分享一个简单的转换算法。
数据结构
下面是我们转换前的数据：
[ { "id":1, "parent_id":0, "n...
2020-05-27
vue实现前台列表数据过滤搜索、分页效果
本文实例为大家分享了vue实现列表数据过滤搜索、分页效果的具体代码，供大家参考，具体内容如下job.vue页面<style lang="scss">.job-wrapper { padding-top: 50px;}.job-left {...
2020-05-27
php结合js实现多条件组合查询
本文实例为大家分享了php结合js实现多条件组合查询的具体代码，供大家参考，具体内容如下一、效果图二、前端代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"...
2020-05-27
利用原生JS实现data方法示例代码
前言在开发中经常会在DOM上存储一些自定义数据，我们可以通过setAttribute方法来实现。但是当数据为引用类型时，存储后的数据却无效。这里将用原生的JS对data方法进行实现。
使...
2020-05-27
jQuery实现高级检索功能
初学JQuery，写了一个高级检索的动态输入框，如图所示：
实现的功能：* 当选择属性下拉框中不同类型（字符串、数字、日期）的属性时，后面弹出不同数量的和不同格式的文本框（字符串弹出...
2020-05-27
详解ES6 export default 和 import语句中的解构赋值
解构赋值
有如下 config 对象
const config = { host: 'localhost', port: 80}要获取其中的 host 属性
let { host } = config拆分成模块
以上两段代码，放到同一个文件当中不...
2020-05-27
webpack4 从零学习常用配置(小结)
webpack 的核心价值就是前端源码的打包，即将前端源码中每一个文件（无论任何类型）都当做一个 pack ，然后分析依赖，将其最终打包出线上运行的代码。webpack 的四个核心部分 entry...
2020-05-27
vue实现条件叠加搜索的解决方法
案例场景:现在有个文章管理模块，在该模块中有栏目选择、文章搜索、分页功能。这些功能改变其中一个都会对查询的文章有所改变。案例图如下:实现方案有两种：其一、我们开始可能...
2020-05-27
