新手快速入门JavaScript装饰者模式与AOP
什么是装饰者模式
当我们拍了一张照片准备发朋友圈时，许多小伙伴会选择给照片加上滤镜。同一张照片、不同的滤镜组合起来就会有不同的体验。这里实际上就应用了装饰者模式：是...
2020-05-27
JS实现给数组对象排序的方法分析
本文实例讲述了JS实现给数组对象排序的方法。分享给大家供大家参考，具体如下：JS中给数组对象排序假设有一个对象数组，我们想要根据某个对象属性对数组进行排序。而传递给数组so...
2020-05-27
JavaScript深入V8引擎以及编写优化代码的5个技巧
概述
JavaScript引擎是执行 JavaScript 代码的程序或解释器。JavaScript引擎可以实现为标准解释器，或者以某种形式将JavaScript编译为字节码的即时编译器。以为实现JavaScrip...
2020-05-27
前端天气插件tpwidget使用方法详解
本文实例为大家分享了前端天气插件tpwidget的具体使用方法，供大家参考，具体内容如下PS：需要放到服务器才会生效方法一：（心知天气）<div id="tp-weather-widget" style="background:...
2020-05-27
深入学习js函数的隐式参数 arguments 和 this
前言在函数调用时，arguments和this会被静默的传递给函数，并可以在函数体内引用它们，借以访问函数相关的一些信息。
其中arguments是一个类数组结构，它保存了调用时传递给函数的...
2020-05-27
Promise扫盲贴
then
then函数可以return另一个promise：
const p1 = new Promise((resolve, reject) =>{ resolve('p1')})const p2 = new Promise((resolve, reject) =>{ setTimeout(() =>{...
2020-05-27
webpack自动打包和热更新的实现方法
webpack常用配置
webpack dev server 功能：自动打包文件 配置dev server：在webpack.config.client.js中配置 const path = require('path'); const HTMlPlugin = require(...
2020-05-27
独立部署小程序基于nodejs的服务器过程详解
前言完全自定义的部署小程序服务器, 不依托于腾讯云服务器体系.
以阿里云服务器为基础建立.
服务器语言选用nodejs.目的
实现https基本访问请求 实现会话管理 实现socke...
2020-05-27
微信小程序-可移动菜单的实现过程详解
前言我们可以经常看到手机app里有的菜单栏是悬浮在首页的，用户可以拖动和点击菜单栏进行交互，今天代码君就教大家利用小程序的控件，实现一个可移动的菜单，效果图是这样的，要实现...
2020-05-27
微信小程序调用天气接口并且渲染在页面过程详解
前两天写了关于组件库 iView Weapp的教程，其实也就是把文档上的例子拿出来体验了一遍，今天写一个具体的例子，调用一个免费的天气接口的api，并且把所获取的内容展示在前端的界面，...
2020-05-27
前端Vue项目详解--初始化及导航栏
一、项目初始化
创建webpack模板项目如下所示：MacBook-Pro:PycharmProjects hqs$ vue init webpack luffy_project? Project name luffy_project? Project descripti...
2020-05-27
新手快速入门微信小程序组件库 iView Weapp
介绍iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称，大幅度降低了学习成本，是一套一套高质量的微信小程序 UI 组件库。使用步骤
1：首先在github上面下载组件库...
2020-05-27
基于vue+axios+lrz.js微信端图片压缩上传方法
业务场景
微信端项目是基于Vux + Axios构建的，关于图片上传的业务场景有以下几点需求:1、单张图片上传(如个人头像,实名认证等业务)2、多张图片上传(如某类工单记录)3、上传...
2020-05-27
vue 移动端注入骨架屏的配置方法
什么是骨架屏？简单的说，骨架屏就是在页面未渲染完成的时候，先用一些简单的图形大致勾勒出页面的基本轮廓，给用户造成页面正在加载的错觉，待页面渲染完成之后再用页面替换掉骨架屏...
2020-05-27
浅谈目前可以使用ES10的5个新特性
ECMAScript 2015，也称为ES6，是一个花了6年时间完成的主要版本。从那时起，负责ECMAScript标准开发的技术委员会39 (TC39)每年都会发布该标准的新版本。这个年度发布周期简化了这...
2020-05-27
Node.js实现简单的爬取的示例代码
学习【node.js】也有几天时间了，所以打算写着练练手；索然我作为一个后端的选手，写起来还有那么一丝熟悉的感觉。emmm~~ ‘货'不多讲 ，开搞........首先是依赖选择：代码块如下：//引...
2020-05-27
基于Node.js搭建hexo博客过程详解
一、安装新版本的nodejs和npm
安装n模块：npm install -g n升级node.js到最新稳定版n stable二、安装hexo
note: 参考github，不要去其官网安装Hexonpm install hexo-cli -gSetu...
2020-05-27
ES6模板字符串和标签模板的应用实例分析
本文实例讲述了ES6模板字符串和标签模板的应用。分享给大家供大家参考，具体如下：ES6 中对字符串进行了扩展，而模板字符串就是一个非常实用的方式，可以在html中实现与变量和方法...
2020-05-27
ES6 Object属性新的写法实例小结
本文实例讲述了ES6 Object属性新的写法。分享给大家供大家参考，具体如下：之前我们定义一个对象特别麻烦，现在ES6简化了这些麻烦，在对象属性的新定义方法中存在以下的优化我们之...
2020-05-27
ES6 Object方法扩展的应用实例分析
本文实例讲述了ES6 Object方法扩展的应用。分享给大家供大家参考，具体如下：在ES6中针对对象的方法做了一些扩展和优化，下面简单总结下常用的方法is方法判断两个对象是否全等con...
2020-05-27
微信小程序Echarts图表组件使用方法详解
1：下载 GitHub 上的 项目
2：但项目下载之后，打开小程序开发工具，可以看到效果如下，适配性还是比较完美的。如果是在项目里面引入组件的话，打开从github上面下载的代码，将ec-canvas...
2020-05-27
JS 封装父页面子页面交互接口的实例代码
定义标准接口 Interface= {}; Interface.ParentWin = {}; Interface.ChildWin = {}; /** * 父页面提供的标准接口函数名称 */ Interface.ParentWin.funName = { getDataFu...
2020-05-27
Vue 列表上下过渡效果的实例代码
最近有个需求，一个列表上下移动要有简单过渡效果，在网上找了找没找到，可能是我搜的关键词不对？试了试 Vue 的 transition-group ，也没有达到预期的效果，然后就花了点时间做了一个...
2020-05-27
js+html实现周岁年龄计算器
本文实例为大家分享了js+html实现周岁年龄计算器的具体代码，供大家参考，具体内容如下输入界面展示:输出结果展示:实现代码:<!DOCTYPE html><html> <head> <meta charset="utf-...
2020-05-27
微信小程序利用Canvas绘制图片和竖排文字详解
前言闲暇时间抽个空写了个三国杀武将手册的小程序，中间有个需求设计的是合成武将皮肤图、竖排的武将姓名、以及小程序码，然后提供保存图片到相册，最终让用户可以分享到朋友圈或...
2020-05-27
Vue移动端右滑屏幕返回上一页附源码下载
有些时候我们玩手机更喜欢使用手势滑动带来的用户操作体验。Vue touch directive是一个用于移动设备操作指令的轻量级的VUE组件。使用它可以轻松实现屏幕触控、滑动触发事件...
2020-05-27
微信小程序数据统计和错误统计的实现方法
某些情况下我们需要对小程序某些用户的行为进行数据进行统计，比如统计某个页面的UV, PV等，统计某个功能的使用情况等。好让产品对于产品的整个功能有所了解。 在网页里，我们很...
2020-05-27
Vue.js实现备忘录功能
本文实例为大家分享了Vue.js实现备忘录的具体代码，供大家参考，具体内容如下效果展示:html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <!-- 移动设备设置 -->...
2020-05-27
ES6 Array常用扩展的应用实例分析
本文实例讲述了ES6 Array常用扩展的应用。分享给大家供大家参考，具体如下：在ES6中又对Array扩展了不少方法，下面我们来看下from方法将伪数组转换为数组let obj = { '0':'h', '1...
2020-05-27
vue实现日历备忘录功能
用vue写了个日历备忘录的功能，省略了备忘录的增删改查功能。
直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>备忘录</title> <style t...
2020-05-27
ES6 Map结构的应用实例分析
本文实例讲述了ES6 Map结构的应用。分享给大家供大家参考，具体如下：Map 数据结构类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键...
2020-05-27
vue.js实现备忘录demo
本文实例为大家分享了vue.js实现备忘录demo的具体代码，供大家参考，具体内容如下代码：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...
2020-05-27
ES6 Set结构的应用实例分析
本文实例讲述了ES6 Set结构的应用。分享给大家供大家参考，具体如下：Set 类似于数组，但是成员的值都是唯一的，没有重复的值, 实现了iterator接口set 的值不可重复，数组的值可以重...
2020-05-27
vue实现记事本功能
本文实例为大家分享了vue实现记事本功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=U...
2020-05-27
vue实现简单的日历效果
最近在项目中遇到了一个需求，在vue中创建一个组件，这个组件显示的是当前的日期，以及在当前的日需要处理的事项，处理的事项的信息会以后端的接口的形式返回。需求确认后，搭建了一...
2020-05-27
ES6 Generator函数的应用实例分析
本文实例讲述了ES6 Generator函数的应用。分享给大家供大家参考，具体如下：Generator 函数是 一种异步编程解决方案，Generator 函数会返回一个遍历器对象，Generator 函数是一个普...
2020-05-27
js设置鼠标悬停改变背景色实现详解
看了网上那么多的js鼠标悬停时事件，大多数的，说了那么多话，也没解决什么问题，现在直接贴上代码，以供参考html:<div id="sign">this is test!</div>css: <style type="...
2020-05-27
亲自动手实现vue日历控件
之前项目中有用到日历控件，当时由于时间问题，是在网上找到一个demo，然后二次开发的，从那时就想着自己写一个日历控件。这篇文章说明日历数据的处理，去除月份天数判断以及是否闰年...
2020-05-27
ES6 Symbol数据类型的应用实例分析
本文实例讲述了ES6 Symbol数据类型的应用。分享给大家供大家参考，具体如下：Symbol，是ES6中引入的新的数据类型，表示独一无二的值。在面向对象中，每个对象都有字符串类型的属性，新...
2020-05-27
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
之前写了一篇周和月日历，但感觉体验不是太好，所以有重新做了一遍，加上了动画。还可以自定义显示日历里的内容。现在贴出项目源码,我现在是放在CSDN里的下载资源,这里哦现在我上...
2020-05-27
CKeditor4 字体颜色功能配置方法教程
本文实例讲述了CKeditor4 字体颜色功能配置方法。分享给大家供大家参考，具体如下：今天动手ckeditor编辑器的时候发现工具栏上并没有可以更改字体颜色和背景颜色的按钮，所以我上...
2020-05-27
vue-week-picker实现支持按周切换的日历
本文实例为大家分享了vue-week-picker实现按周切换的日历的具体代码，供大家参考，具体内容如下vue-week-picker安装npm install vue-week-picker --save-devDEMO 原生：线上DEMO...
2020-05-27
Vue组件实现触底判断
本文实例为大家分享了Vue组件实现触底判断的具体代码，供大家参考，具体内容如下非常简陋的代码，以后有空回来完善子组件代码：<template> <div class="scroll"></div></template>...
2020-05-27
微信小程序入口场景的问题集合与相关解决方法
前言
最近一段时间都在做小程序。虽然是第二次开发小程序，但是上次做小程序已经是一年前的事了，所以最终还是被坑得死去活来。这次是从零开始开发一个小程序，其实除了一些莫名...
2020-05-27
Vue实现日历小插件
本文实例为大家分享了Vue实现日历小插件的具体代码，供大家参考，具体内容如下先看下效果图吧， 如下源码可见于我的github实现关键点：1.组件的复用以及父子组件传值很明显每年每个...
2020-05-27
vue.js 打包时出现空白页和路径错误问题及解决方法
vue-cli输入命令：npm run build 即可打包vue.js的项目 打包出来后项目中就会多了一个文件夹dist，下图为我们打包过后的项目我们直接运行打包后的文件夹中的index.html文件，会...
2020-05-27
通过javascript实现段落的收缩与展开
主要是使用-webkit-line-clamp这个属性进行限制显示行数,通过计算文字在标签内的显示高度来计算当前文字行数,再与需要限制的行数进行对比,来确定是否显示 代码如下:<!--C...
2020-05-27
react koa rematch 如何打造一套服务端渲染架子
前言本次讲述的内容主要是 react 与 koa 搭建的一套 ssr 框架，是在别人造的轮子上再添加了一些自己的想法和完善一下自己的功能。本次用到的技术为： react | rematch | react-...
2020-05-27
JavaScript动态添加数据到表单并提交的几种方式
情景1：已经存在form对象了，动态为form增加对象并提交function formAppendSubmit(){var myform=$('#newArticleForm'); //得到form对象var tmpInput=$("<input type='text' nam...
2020-05-27
javascript触发模拟鼠标点击事件
事件触发器就是用来触发某个元素下的某个事件，IE下fireEvent方法，高级浏览器（chrome,firefox等）有dispatchEvent方法。一般我们在元素上绑定事件后，是靠用户在这些元素上的鼠标行...
2020-05-27
