nodejs 如何手动实现服务器
这是一个连续的node学习笔记, 本文是第一章, 会持续更新, 持续完善python好用,用久了就会把人的脾气养起来, nodejs不好用, 但效率很好, 也能彻底治好你的坏脾气nodejs的回...
2020-05-27
RequireJS用法简单示例
本文实例讲述了RequireJS用法。分享给大家供大家参考，具体如下：建立如下工程目录：|-test |-index.html |-index.js |-main.js |-require.min.js |-test.js其中，index....
2020-05-27
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
本文实例讲述了JavaScript作用域、闭包、对象与原型链概念及用法。分享给大家供大家参考，具体如下：1 JavaScript变量作用域1.1 函数作用域没有块作用域：即作用域不是以{}包围的...
2020-05-27
Vue2.0生命周期的理解
网上已经有很多关于vue生命周期的文章，我的这篇文章的由来，其实是我对官网上描述的一句话的思考与理解：“el被新创建的vm.$el替换”，所以文章更多的内容可能是在对vue生命周期中...
2020-05-27
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
vue-quill-editor是个较为轻量级富文本框，相较于ueditor，开发更编辑，更加直观，如果大家伙在需求允许的情况下，还是会比较建议使用vue-quill-editor。vue-quill-editor的使用方法...
2020-05-27
解决jquery有正确返回值但不执行success函数的问题
从后台返回的结果是这样的:{“readyState”:4,”responseText”:”success”, “status”:200, “statusText”:”OK”}前端代码$.ajax({ url:'save', type:'POST', dataTyp...
2020-05-27
实例详解Vue项目使用eslint + prettier规范代码风格
团队开发的项目，如果没有对代码风格作要求，有多少团队成员，就当然会出现多少种不同的代码风格。因此，我们需要一种能够统一团队代码风格的工具，作为强制性的规范，统一整个项目的代...
2020-05-27
Vue插件打包与发布的方法示例
插件打包与发布
插件功能开发完成后，若需要发布到公共组件库中（例如：npmjs），需要对插件进行打包并发布，简单说明一下这个过程，以插件名 dialog 为例1、创建 dialog 目录，并进入2、运...
2020-05-27
微信小程序中使用自定义图标（阿里icon）的方法
weui提供的图标比较少，有时我们需要更多的图标，可以使用以下方法自定义图标库：1，到阿里巴巴矢量图标库(http://iconfont.cn/)生成自己的字体图标，下载代码，解压，打开iconfont.css2，...
2020-05-27
vue监听对象及对象属性问题
监听整个对象，使用watch就行export default { data() { return { a: { b: 1, c: 2 } } }, watch() { a: { handler(newVal, oldVa...
2020-05-27
Mint-UI时间组件起始时间问题及时间插件使用
在使用Mint-UI的时候，官方的demo是这样的<template> <mt-datetime-picker ref="picker" type="time" v-model="pickerValue"> </mt-datetime-picker></template><script> exp...
2020-05-27
详解微信小程序的 request 封装示例
背景
之前小程序代码混乱，所以新项目一开始就准备弄个微信小程序的 request 的封装httpUtils.js
const request = function (path, method, data, header) { let user_id = "...
2020-05-27
小程序开发基础之view视图容器
本文介绍了小程序开发基础之view视图容器，分享给大家，具体如下：视图容器// wxml<view class="section"> <view class="section__title">flex-direction: row</view> <view clas...
2020-05-27
javascript和php使用ajax通信传递JSON的实例
JS和PHP直接通信常用ajax完成，以实现js上UI的动态变化。通信使用JSON或者XML传递数据。下面详细描述两者直接JSON字符串的传递。下面案例是要传递这样的json数据：{ "bookid":...
2020-05-27
JavaScript事件发布/订阅模式原理与用法分析
本文实例讲述了JavaScript事件发布/订阅模式原理与用法。分享给大家供大家参考，具体如下：1、发布/订阅模式也是诸多设计模式当中的一种；2、这种方式可以在es5下相当优雅地处理...
2020-05-27
详解Vue结合后台的列表增删改案例
首先列表内容还是与之前的列表内容类似，不过此处我们会采用Vue中数据请求的方式来实现数据的增删。那么我们使用的Vue第三方组件就是vue-resource，vue发起请求的方式与jQuery...
2020-05-27
JQuery扩展对象方法操作示例
本文实例讲述了JQuery扩展对象方法操作。分享给大家供大家参考，具体如下：应项目需求，对JQuery进行了一个扩展，需求如下：项目中需要在浏览器右下角提示操作错误和系统提示内容，并有...
2020-05-27
js实现轮播图的完整代码
今天写一个完整的轮播图，首先它需要实现三个功能：1.鼠标放在小圆点上实现轮播2.点击焦点按钮实现轮播3.无缝自动轮播轮播图的原理：一系列的大小相等的图片平铺，利用CSS布局只显...
2020-05-27
js实现简单选项卡功能
本文为大家分享了js实现简单选项卡功能的具体代码，供大家参考，具体内容如下首先我们来写HTML代码，构建出整体结构代码如下：<!--导航栏部分HTML代码--><nav id="nav"> <ul> <li c...
2020-05-27
Nodejs中的JWT和Session的使用
最近的项目需要在node服务端做一个用户登录的校验以及权限拦截，专业一点叫用户认证与授权，经过一番收集资料，目前常用的有两种——JWT和Session使用JWT
JWT是JsonWebTokens的简...
2020-05-27
js canvas实现红包照片效果
今天跟着学习了一个制作红包照片类似功能的demo，很有意思，所以在这里分享代码给大家，可以直接使用。先贴出效果图大家看一下：点击重置后会以随机一个点为圆心生成半径为50px的圆...
2020-05-27
Vue开发实现吸顶效果的示例代码
因为项目需求，最近开始转到微信公众号开发，接触到了Vue框架，这个效果的实现虽说是基于Vue框架下实现的，但是同样也可以借鉴到其他地方，原理都是一样的。进入正题，先看下效果图： 其...
2020-05-27
Canvas实现微信红包照片效果
本篇文章来源慕课网课程《canvas玩转红包照片》，用canvas及css3结合，实现红包照片的效果，并不做支付过程，代替的是使用2个按钮，显示清晰图片和重置圆圈可见区域。未做移动的屏幕...
2020-05-27
js动态设置select下拉菜单的默认选中项实例
利用javascript设置select下拉菜单的选中项。代码实例如下：<!--js动态设置select下拉菜单的默认选中项--> <html> <head> <title>下拉菜单</title> <script type="text/javas...
2020-05-27
jquery获取select选中值的文本,并赋值给另一个输入框的方法
html 代码：<select id="ReviewStatus" name="ReviewStatus"><option selected="selected" value="0">空号</option><option value="1">不接</option><option value="2">不需...
2020-05-27
VUE中v-on:click事件中获取当前dom元素的代码
在开发中总是忘记，特意在此记录关键字： $event<div class="bed" v-on:click="updateBed(index,$event)">{{item.BedID}}<br>{{item.CriminalName}}</div>updateBed: functio...
2020-05-27
vue2.0 下拉框默认标题设置方法
昨天到今天，用vue2.0在写一个性别选择框，一给option添加seledted属性就报错这里下面是报错的代码ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-c231dfa2!...
2020-05-27
微信小程序有旋转动画效果的音乐组件实例代码
在微信开发中，写过的一个简单的音乐播放组件，记录下。music
音乐播放组件。属性 属性名 类型 默认值 说明 music String...
2020-05-27
基于vue.js中关于下拉框的值默认及绑定问题
一、今天遇到vue中下拉框问题，故而写点东西留个脚印<template> <select v-model='selected' @click="disable()"> <option v-for="(option,index) in options" v-bind:value=...
2020-05-27
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
最近还没来得及更新文章，就发现vue-cli已经更新到3.0版本了。
//想了想还是用升级吧，反正最终都逃不掉，不如在这个项目上实验一下3.0的威力(并不会)。升级vue-clinpm install...
2020-05-27
VUE 全局变量的几种实现方式
1、全局变量专用模块
意思是说，用一个模块（js or vue）管理这套全局变量，模块里的变量用export （最好导出的格式为对象，方便在其他地方调用）暴露出去，当其它地方需要使用时，用import...
2020-05-27
React中使用UEditor百度富文本的方法
前言
本文将介绍笔者在React的项目中使用百度的富文本编辑器Ueditor的过程。注意本文不提供一条龙式的使用方法，只是将使用过程中的一些实现思路进行总结，供以参考。react项目...
2020-05-27
Vue之mixin全局的用法详解
先贴上官方定义。个人觉得全局mixin就是给全部Vue文件添加一些公用的实例（方法，过滤器and so on）使用场景：货币单位，时间格式。这些如果在用到的页面使用的话代码会重复的很多，所...
2020-05-27
Vue2.2.0+新特性整理及注意事项
大家对vue的基本概念了解吗？不太清楚的朋友可以先熟悉下。vue基础教程Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向...
2020-05-27
微信小程序调用摄像头隐藏式拍照功能
微信小程序最近非常火热，小编最近做了一个新项目，使用小程序开发考试系统，在使用App参加考试的时候调用摄像头抓拍用户是否作弊，在开发过程中遇到点问题，下面小编把问题描述和解...
2020-05-27
Vue动态获取width的方法
vue里想用Bootstrap的进度条，<div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-va...
2020-05-27
微信小程序 Animation实现图片旋转动画示例
最近小程序中有一个图片旋转的需求，最初是想着通过切换多张图片达到旋转的效果，后来发现微信小程序带有动画api，然后就改由image+Animation来实现。首先在wxml中定义image<imag...
2020-05-27
解决element-ui中下拉菜单子选项click事件不触发的问题
将@click改为@click.native='logoutHandle';即可监听选项的点击事件。<el-dropdown class="pull-right" > <span class="el-dropdown-link"> <img src="./img/header.j...
2020-05-27
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
一、使用APIwx.chooseImage(OBJECT) wx.chooseImage(OBJECT)
从本地相册选择图片或使用相机拍照。OBJECT参数说明： 参数 类型 必填 说明...
2020-05-27
解决element UI 自定义传参的问题
如下所示：<el-autocomplete v-model="state4" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" @select="handleSelect"></el-autocomplete>这里的 hanleSe...
2020-05-27
详解微信小程序canvas圆角矩形的绘制的方法
微信小程序允许对普通元素通过 border-radius 的设置来进行圆角的绘制，但有时候在使用 canvas 绘图的时候，也需要圆角，例如需要将页面上某块区域导出为图片下载到本地的时候，常...
2020-05-27
element-ui使用导航栏跳转路由的用法详解
最近初学vue，试着做一个小项目熟悉语法与思想，其中使用elemen-ui的导航栏做路由跳转切换页面。下面记录一下学习过程element-ui引入vue项目的用法参考element官网首先复制官网...
2020-05-27
element-ui 设置菜单栏展开的方法
element-ui 侧边栏默认要全部展开怎么做？element-ui文档中是这么写的default-openeds 当前打开的sub-menu的key数组给<el-menu></el-menu>标签加上这个属性<el-menu class="e...
2020-05-27
当vue路由变化时,改变导航栏的样式方法
当我们需要做一个类似顶部 或 底部导航栏公共组件的时候，单击某个导航栏按钮，跳转到另一个组件，并且改变导航栏按钮的样式，如果用<router-link to=""><router-link/> 跳转的时候...
2020-05-27
JS封装的模仿qq右下角消息弹窗功能示例
本文实例讲述了JS封装的模仿qq右下角消息弹窗功能。分享给大家供大家参考，具体如下：在我们的日常开发中，或者生活中，经常需要用到弹出窗。这里我们就用js模拟一下qq消息一样的弹...
2020-05-27
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
鼠标移入添加class样式HTMLHTML绑定事件,加入或者移出class为active<div class="col-lg-3 col-xs-6 paddingLeft com_marginBtm10 choosePlan" v-on:mouseover="changeActiv...
2020-05-27
基于vue中对鼠标划过事件的处理方式详解
鼠标事件进行监听需求中，在一个table（组件）表中，对于其中一列（该列为图片列），当鼠标划过该列的某个单元格子（图片）时，需要展示出该单元格子对应的遮罩层翻阅了一些博客，发现好多都提到...
2020-05-27
详解如何在webpack中做预渲染降低首屏空白时间
一、浏览器渲染过程
1、用户打开页面，空白屏，等待html的返回
2、html下载完毕，开始解析html，初始渲染
3、下载css、js等资源，执行js渲染虚拟DOM
4、发起请求、获取数据，渲染内容...
2020-05-27
vuejs选中当前样式active的实例
如下所示：<template> <div> <table id="longzhoufeng" class="table table-striped table-bordered" width="100%" style="border: 0 solid #fff;margin-top: 10px;"> <th...
2020-05-27
Vue2.0点击切换类名改变样式的方法
1、使用index<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2020-05-27
