JavaScript - 教程之家

76浏览

0评论

JS学习笔记之原型链和利用原型实现继承详解

本文实例讲述了JS学习笔记之原型链和利用原型实现继承。分享给大家供大家参考，具体如下：
原型链原型链是一种关系，实例对象和原型对象之间的关系，关系是通过原型(__proto__)来联...

2020-05-27

80浏览

0评论

el-select数据过多懒加载的解决(loadmore)

el-select数据过多处理方式
在日常项目中el-select组件的使用频率是非常之高的. 当数据过多时渲染时间非常长, 这里提供几个处理方式.远程搜索
组件提供了远程搜索方式, 也...

2020-05-27

83浏览

0评论

通过vue手动封装on、emit、off的代码详解

一、概念1. $on("事件名称"，回调函数)事件绑定，一个事件名称上面可能绑定多个函数2. $emit("事件名称"，需要传递的值)事件触发时，会触发当前事件身上所有的函数3. $off("事件名...

2020-05-27

103浏览

0评论

elementUI select组件使用及注意事项详解

elementUI select组件使用详解动态生成option选项 option选项绑定对应的文本值和value值作为表单项目，新增、编辑功能对选项改变后触发相关事件<div id="app"> <el-f...

2020-05-27

56浏览

0评论

elementUI select组件value值注意事项详解

select组件的使用方式就不细说，可查看select组件使用方式主要要说一下注意事项：
select组件可以动态生成option选项，option选项绑定对应的文本值和value值。
有时候我们发现...

2020-05-27

75浏览

0评论

JS学习笔记之贪吃蛇小游戏demo实例详解

本文实例讲述了JS学习笔记之贪吃蛇小游戏demo实例。分享给大家供大家参考，具体如下：
最近跟着视频教程打了一个贪吃蛇,
来记录一下实现思路,
先上代码
静态页<!DOCTYPE html><...

2020-05-27

82浏览

0评论

JS学习笔记之闭包小案例分析

本文实例讲述了JS学习笔记之闭包小案例。分享给大家供大家参考，具体如下：直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</ti...

2020-05-27

103浏览

0评论

基于Vue实现电商SKU组合算法问题

前段时间，公司要做“添加商品”业务模块，这也算是电商业务里面的一个难点了。令我印象最深的不是什么“组合商品”、“关联商品”、“关联单品”，而是商品SKU的组合问题。这个...

2020-05-27

67浏览

0评论

JS学习笔记之数组去重实现方法小结

本文实例讲述了JS学习笔记之数组去重实现方法。分享给大家供大家参考，具体如下：
操作的数组 let arr=[0,1,23,'1',4,2,8,5,5,6,9,'asdasd','5']1、
利用ES6 的set 来进行数组...

2020-05-27

95浏览

0评论

关于element-ui的隐藏组件el-scrollbar的使用

虽然在官方文档中没有给出这个组件，但是在源码中是有的。所以我们可以直接使用：<el-scrollbar></el-scrollbar>但是我们需要微调一下样式，两种情况的演示代码如下：已知内容高度...

2020-05-27

74浏览

0评论

node学习笔记之读写文件与开启第一个web服务器操作示例

本文实例讲述了node读写文件与开启第一个web服务器操作。分享给大家供大家参考，具体如下：读取文件Node中的js 具有文件操作的能力使用require 方法加载fs核心模块* require是...

2020-05-27

138浏览

0评论

node将geojson转shp返回给前端的实现方法

node将geojson转shp需要调用[ogr2ogr][1]库来实现，在调用ogr2ogr库时，因为其通过调用gdal的工具来实现将
geojson转shp，所以需要安装gdal并配置环境变量。参考文章：https://stac...

2020-05-27

78浏览

0评论

深入了解响应式React Native Echarts组件

前言一种在 React Native 中封装的响应式 Echarts 组件，使用与示例请参见：react-native-echarts-demo
近年来，随着移动端对数据可视化的要求越来越高，类似 MPAndroidChart 这样...

2020-05-27

59浏览

0评论

微信小程序mpvue点击按钮获取button值的方法

在小程序里面是没有dom元素的,这个我们只要会小程序的应该都知道,但是在平时开发中我们偶尔会遇到需要点击某个元素获取它的值的情况,在这里给大家列举了两种情况解决方法方...

2020-05-27

58浏览

0评论

基于JS实现一个随机生成验证码功能

效果展示实现原理　　1. html：一般就是一个div： <div id="code"></div> ，样式根据需求设计。　　2. JS：1）将所有的验证码所用的字符放在一个字符串中　　　　　 2）在这个字符串的...

2020-05-27

106浏览

0评论

详细讲解如何创建, 发布自己的 Vue UI 组件库

前言
在使用 Vue 进行日常开发时, 我们经常会用到一些开源的 UI 库, 如: Element-UI_, _Vuetify 等.只需一行命令, 即可方便的将这些库引入我们当前的项目:npm install vuet...

2020-05-27

58浏览

0评论

新手简单了解vue

前言作为一个刚入行不久的菜鸟不知从什么时候开始就有了写一个自己的专栏的想法，刚好今天没事就给自己挖一个坑，分享一下我对vue的见解和一些领悟，整个专栏应该会包括vue，vue-cl...

2020-05-27

95浏览

0评论

小程序如何构建骨架屏

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

2020-05-27

342浏览

0评论

了解重排与重绘

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

2020-05-27

74浏览

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

320浏览

0评论

Vue.js中的组件系统

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

2020-05-27

93浏览

0评论

js逆向解密之网络爬虫

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

2020-05-27

73浏览

0评论

深入了解js原型模式

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

2020-05-27

60浏览

0评论

基于iview的router常用控制方式

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

58浏览

0评论

全面分析JavaScript 继承

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

166浏览

0评论

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

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

2020-05-27

72浏览

0评论

vue-router的两种模式的区别

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

2020-05-27

80浏览

0评论

实用的Vue开发技巧

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

89浏览

0评论

Vue使用axios出现options请求方法

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

149浏览

0评论

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

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

2020-05-27

68浏览

0评论

vue实现固定位置显示功能

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

2020-05-27

58浏览

0评论

浅谈Vue的响应式原理

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

74浏览

0评论

AngularJs中$cookies简单用法分析

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

90浏览

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

71浏览

0评论

Vue CL3 配置路径别名详解

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

69浏览

0评论

深入了解JavaScript 私有化

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

热门文章