69浏览

0评论

小程序如何构建骨架屏

首屏
一般情况下，在首屏数据未拿到之前，为了提升用户的体验，会在页面上展示一个loading的图层，类似下面这个
其中除了菊花图以外网上还流传这各种各样的loading动画，在PC端上几乎...

• 2020-05-27

305浏览

0评论

了解重排与重绘

前言浏览器下载完页面中的所有内容：HTML、JavaScript、CSS、图片——之后会解析并生成两个内部数据结构： DOM树：表示页面结构 渲染树：表示DOM节点如何显示DOM树中的每一个需要...

• 2020-05-27

53浏览

0评论

Vue+Django项目部署详解

本地项目配置
1 复制 luffy/settings/dev.py为prop.py
修改luffy/settings/prop.py中以下几项(1) allow_hosts
ALLOWED_HOSTS = [　　'api.youdomain.com',](2) 跨域白名单...

• 2020-05-27

289浏览

0评论

Vue.js中的组件系统

vue.js既然是框架，那就不能只是简单的完成数据模板引擎的任务，它还提供了页面布局的功能。本文详细介绍使用vue.js进行页面布局的强大工具，vue.js组件系统。Vue.js组件系统每一...

• 2020-05-27

70浏览

0评论

js逆向解密之网络爬虫

1 引言
数月前写过某网站（请原谅我的掩耳盗铃）的爬虫，这两天需要重新采集一次，用的是scrapy-redis框架，本以为二次爬取可以轻松完成的，可没想到爬虫启动没几秒，出现了大堆的重试提...

• 2020-05-27

52浏览

0评论

深入了解js原型模式

一、什么是原型模式
在js中，创建对象的方式有工厂模式和构造函数模式等； 而构造函数模式最大的问题在于：构造函数中的每个方法都需要在实例对象中重新创建一遍，不能复用，所以为了...

• 2020-05-27

43浏览

0评论

基于iview的router常用控制方式

1 iview的router控制需求
最近在使用iview框架写项目,遇到了一些路由控制上的问题,解决过程中也有一些心得,故在此记录下来.
每个项目在开发时,对于类似tags(标签页)的控制...

• 2020-05-27

76浏览

0评论

详解一次Vue低版本安卓白屏问题的解决过程

因为业务需要一定要使用安卓4.4的webview浏览页面，测试的时候发生了白屏问题，很自然想到使用babel转换部分ES6语法.Babel 转换 Promise 和 Symbol ES6语法的配置
# 两项都需要...

• 2020-05-27

64浏览

0评论

vue组件三大核心概念图文详解

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个...

• 2020-05-27

55浏览

0评论

浅谈Express.js解析Post数据类型的正确姿势

一、概念介绍1、POST请求：HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据。2、...

• 2020-05-27

44浏览

0评论

全面分析JavaScript 继承

ES6之前，JavaScript并没有继承这一现有的机制。
ES5的继承方式
类式继承
//声明父类function Father(){this.fatherVal = 'father';}//为父类添加共有方法Father.prototype.g...

• 2020-05-27

46浏览

0评论

JS通过ajax + 多列布局 + 自动加载实现瀑布流效果

Ajax•说明：本文效果是无限加载的，意思就是你一直滚动就会一直加载图片出现，通过鼠标滚动距离来判断的，所以不是说的那种加载一次就停了的那种，那种demo下次我会再做一次css...

• 2020-05-27

140浏览

0评论

详解小程序中h5页面onShow实现及跨页面通信方案

小程序webview的现状
h5页面在小程序中的交互（跳转）场景 h5跳转小程序native页面（如：调用小程序地址选择能力，然后返回对应的地址信息给h5页面） h5跳转己方业务线的h5页面（内部页...

• 2020-05-27

52浏览

0评论

vue-router的两种模式的区别

1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript...

• 2020-05-27

60浏览

0评论

实用的Vue开发技巧

1 状态共享
随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介...

• 2020-05-27

54浏览

0评论

vue动态注册组件实例代码详解

写本篇文章之前其实也关注过vue中的一个关于加载动态组件is的API，最开始研究它只是用来实现一个tab切换的功能，使用起来也蛮不错的。is预期：string | Object (组件的选项对象)...

• 2020-05-27

71浏览

0评论

Vue使用axios出现options请求方法

以下代码如果需要在你本地跑起来：
Ⅰ.需要apache服务，并把php代码丢进去指定位置
Ⅱ.将下面http://www.test.com/day05/jiekou.php地址，改成自己指定位置的域名或ip
1.从一段简...

• 2020-05-27

59浏览

0评论

详解vue 动态加载并注册组件且通过 render动态创建该组件

基于 iview Tabs 组件实现功能：为每个 tab 动态创建不同的、特定的组件内容，而不需要大量的 import 组件并进行 component 注册Index.vue
<template> <div class="content-le...

• 2020-05-27

47浏览

0评论

JS使用cookie保存用户登录信息操作示例

本文实例讲述了JS使用cookie保存用户登录信息。分享给大家供大家参考，具体如下：通常cookie和session，是web开发中用于存储信息的对象，session存在于服务器的内存中，而cookie则是...

• 2020-05-27

121浏览

0评论

搭建一个Koa后端项目脚手架的方法步骤

一、背景结合当前的node比较火的三大框架，Express、Koa、egg。笔者之前用的Express,后面发现回调把我搞死了，实在太无奈了。终于有一天去尝试了Koa来进行开发，发现实在太舒服了...

• 2020-05-27

53浏览

0评论

vue实现固定位置显示功能

在vue项目中实现吸顶效果.比如说，我们要实现的功能是导航栏在页面下滑到一定位置之后，便固定不定。首先：要在mounted生命周期内监听'scroll'事件，事件触发后，执行一个处理滚动的...

• 2020-05-27

43浏览

0评论

浅谈Vue的响应式原理

一、响应式的底层实现
1、Vue与MVVM
Vue是一个 MVVM框架，其各层的对应关系如下 View层：在Vue中是绑定dom对象的HTML ViewModel层：在Vue中是实例的vm对象 Model层：在Vue中是da...

• 2020-05-27

49浏览

0评论

Vue实现固定定位图标滑动隐藏效果

写在前面移动端页面，有时候会出现一些固定定位在底部图标，比如购物车等。这时候如果添加一个滑动页面，图标透明度变低，同时 移动到屏幕边进行隐藏，效果如下。所用原理监听滑动事...

• 2020-05-27

52浏览

0评论

简述pm2常用命令集合及配置文件说明

常用命令集合
pm2 start app.js # 启动app.js应用程序
pm2 start app.js -i 4 # cluster mode 模式启动4个app.js的应用实例# 4个应用程序会自动进行负载均衡...

• 2020-05-27

34浏览

0评论

vue滚动固定顶部及修改样式的实例代码

滚动固定位置有多种方法1 css3 粘性定位position:sticky；top:20px；2直接position：fixed；给顶部盒子设置一个margin-top刚好是需要固定的盒子的高度3事件监听更改style中的posit...

• 2020-05-27

73浏览

0评论

JS使用new操作符创建对象的方法分析

本文实例讲述了JS使用new操作符创建对象的方法。分享给大家供大家参考，具体如下：在编写js代码时，我们有时会需要使用函数来模拟java中的类，并用它来产生对象，在定义了一个构造函...

• 2020-05-27

58浏览

0评论

AngularJs中$cookies简单用法分析

本文实例讲述了AngularJs中$cookies简单用法。分享给大家供大家参考，具体如下：首先导入angular-cookies.js在App 中require模块ngCookies：angular.module("app",['ngCookies'])...

• 2020-05-27

39浏览

0评论

通过实践编写优雅的JavaScript代码

有没有似曾相识
如果你对于代码，除了关注是否能准确的执行业务逻辑，还关心代码本身是怎么写的，是否易读，那么你应该会关注如何写出干净优雅的代码。作为专业的工程师，除了保证自...

• 2020-05-27

72浏览

0评论

Vue CLI3中使用compass normalize的方法

normalize：统一了基本的样式，如margin: 0;（类似compass中的reset模块）compass：对sass的封装，扩展1.安装
npm i normalize.css compass-mixins --save-dev1.1 normalize.cssx引用...

• 2020-05-27

55浏览

0评论

Vue CL3 配置路径别名详解

Cli3工具中，配置路径别名
最近用Vue Cli3脚手架搭建了Vue项目，发现没有build目录了，里面的webpack相关的也没了，看了官方文档后，查了资料后，发现都在vue.config.js里来配置了
配置...

• 2020-05-27

61浏览

0评论

jQuery模拟html下拉多选框的原生实现方法示例

本文实例讲述了jQuery模拟html下拉多选框的原生实现方法。分享给大家供大家参考，具体如下：用js, html, css 简单的实现一个HTML 下拉多选框，不试用其他框架的情况下，可以借鉴一...

• 2020-05-27

52浏览

0评论

深入了解JavaScript 私有化

Class field declarations for JavaScript（JavaScript 类的字段声明）目前已经进入了 stage-3，其中包含一项 OOP 开发者都很关注的内容：Private fields。JavaScript 一直没有私有...

• 2020-05-27

58浏览

0评论

socket在egg中的使用实例代码详解

config/config.default.js
exports.io = { init: {}, namespace: { '/': { //对应router.js里的 of('/') connectionMiddleware: [ 'auth' ], //对应io/middleware/auth...

• 2020-05-27

51浏览

0评论

深入理解JavaScript 箭头函数

JavaScript箭头函数是ECMAScript 6中引入的编写函数表达式的一种简便方法。通常，在JavaScript中，可以通过两种方式创建函数： 函数语句。 函数表达式。可以如下所示创建函数语...

• 2020-05-27

61浏览

0评论

koa+jwt实现token验证与刷新功能

JWTJSON Web Token (JWT)是一个开放标准(RFC 7519)，它定义了一种紧凑的、自包含的方式，用于作为JSON对象在各方之间安全地传输信息。该信息可以被验证和信任，因为它是数字签名...

• 2020-05-27

66浏览

0评论

如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)

导读
本文主要是对connect-history-api-fallback库进行一次源码分析。connect-history-api-fallback是一个用于支持SPA History路由模式的nodejs库。阅读本文前，应对HTML5 Hi...

• 2020-05-27

336浏览

0评论

了解JavaScript中let语句

使用let语句，允许你在JavaScript中创建块范围局部变量。let语句是在JavaScript的ECMAScript 6标准中引入的。在你往下了解let语句之前，我建议你先查看基于Infragistics jQuery...

• 2020-05-27

82浏览

0评论

细说Vue组件的服务器端渲染的过程

声明：需要读者对 NodeJs、Vue 服务器端渲染有一定的了解现在，前后端分离与客户端渲染已经成为前端开发的主流模式，绝大部分的前端应用都适合用这种方式来开发，又特别是 React、V...

• 2020-05-27

53浏览

0评论

轻松学习JavaScript函数中的 Rest 参数

JavaScript函数可以使用任意数量的参数。与其他语言（如C#和Java）不同，你可以在调用JavaScript函数时传递任意数量的参数。JavaScript函数允许未知数量的函数参数。在ECMAScript...

• 2020-05-27

103浏览

0评论

Element-ui中元素滚动时el-option超出元素区域的问题

复现场景, 看图分析原因为简单起见, 把选项区域描述为popperEl popperEl的z-index 比较大, 会覆盖在其他元素上面 popperEl默认是插入body元素的(可以将popper-append-to-...

• 2020-05-27

61浏览

0评论

了解JavaScript函数中的默认参数

前言JavaScript函数可以有默认参数值。通过默认函数参数，你可以初始化带有默认值的正式参数。如果不初始化具有某些值的参数，则该参数的默认值为undefined。请看下列代码：funct...

• 2020-05-27

54浏览

0评论

详解Vue项目引入CreateJS的方法（亲测可用）

1 前 言1.1 CreateJS介绍 CreateJS是基于HTML5开发的一套模块化的库和工具。基于这些库，可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。A suite of modular librari...

• 2020-05-27

92浏览

0评论

vue-cli3+ts+webpack实现多入口多出口功能

最近公司有一个需求，需要在项目里面嵌套h5的页面，而且不止有一个嵌套的页面，那么就想办法运用webpack的多入口多出口的打包模式，网上查了很多资料，也有多入口多出口的案例，github...

• 2020-05-27

67浏览

0评论

Vue Router history模式的配置方法及其原理

vue-router分为 hash和 history模式，前者为其默认模式，url的表现形式为 http://yoursite.com#home，比较难看。后者的url表现形式为 http://yoursite.com/home，比较美观。但如果...

• 2020-05-27

113浏览

0评论

微信小程序环境下将文件上传到OSS的方法步骤

步骤 1： 配置 Bucket 跨域客户端进行表单直传到 OSS 时，会从浏览器向 OSS 发送带有 Origin 的请求消息。OSS 对带有 Origin 头的请求消息会进行跨域规则（CORS）的验证。因此需要...

• 2020-05-27

57浏览

0评论

vue App.vue中的公共组件改变值触发其他组件或.vue页面监听

业务场景重现
现在我的App.vue里面有一个头部的公共组件，头部组件里有一个输入框，当我输入词条时，将词条传进App.vue里的<router-view>里的.vue页面，并进行查询获取数据解决思路...

• 2020-05-27

59浏览

0评论

一文了解vue-router之hash模式和history模式

当前版本: 3.0.3类目录: src/history/base.jshash模式即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL： http://www.abc.com/#/hello ，hash 的值为 #/...

• 2020-05-27

66浏览

0评论

JS实现处理时间，年月日，星期的公共方法示例

本文实例讲述了JS实现处理时间，年月日，星期的公共方法。分享给大家供大家参考，具体如下：在项目中用到的，用js 来得到年月日，星期，当前多少个周的函数，备忘在这里，以后参考。Date.prot...

• 2020-05-27

103浏览

0评论

vue spa应用中的路由缓存问题与解决方案

单页面应用中的路由缓存问题
通常我们在进行页面前后退时，浏览器通常会帮我们记录下之前滚动的位置，这使得我们不会在每次后退的时候都丢失之前的浏览器记录定位。但是在现在...

• 2020-05-27

54浏览

0评论

jQuery实现动态加载(按需加载)javascript文件的方法分析

本文实例讲述了jQuery实现动态加载(按需加载)javascript文件的方法。分享给大家供大家参考，具体如下：为了提高网页程序的性能，在很多情况下javascript 是按需加载，而不是全部写...

• 2020-05-27