JavaScript - 教程之家

69浏览

0评论

在element-ui的el-tree组件中用render函数生成el-button的实例代码

本文主要介绍怎么在el-tree组件中通过render函数来生成el-button。这是element-ui中el-tree树：这是需要实现的效果：tree.vue文件中，具体实现的代码如下：<template> <el-tree...

2020-05-27

70浏览

0评论

对 Vue-Router 进行单元测试的方法

由于路由通常会把多个组件牵扯到一起操作，所以一般对其的测试都在端到端/集成阶段进行，处于测试金字塔的上层。不过，做一些路由的单元测试还是大有益处的。对于与路由交互的...

2020-05-27

71浏览

0评论

微信小程序实现底部导航

之前我的做微信小程序的时候，需要一个底部导航样式，但是我搜索的时候，大部分都是写的一些小程序自定义的tabBar的样式，而当时我在网上有一个地方找到了这个模板，现在介绍给大家参...

2020-05-27

76浏览

0评论

手把手教你如何使用nodejs编写cli命令行

前端日常开发中，会遇见各种各样的cli，比如一行命令帮你打包的webpack，一行命令帮你生成vue项目模板的vue-cli，还有创建react项目的create-react-app等等等等。这些工具极大地方...

2020-05-27

85浏览

0评论

利用hasOwnProperty给数组去重的面试题分享

hasOwnProperty
hasOwnProperty是javascript中用于检测对象是否包含某个属性的方法，返回一个布尔值。var o = { a: 1};console.log(o.hasOwnProperty('a')); // trueconsole....

2020-05-27

76浏览

0评论

利用JavaScript缓存远程窃取Wi-Fi密码的思路详解

我一直想在这个小项目上花一些时间做一些研究，但是由于生活所迫让我总是一直繁忙。现在我终于可以抽出一些时间了继续研究这种攻击技术了，我将在本文中阐述我的研究成果。很...

2020-05-27

52浏览

0评论

支付宝小程序tabbar底部导航

支付宝小程序重写tabbar底部导航，供大家参考，具体内容如下1.app.js中代码如下
editTabBar: function () { var e = this.globalData.tabbar, a = getCurrentPages(), t = a[a...

2020-05-27

83浏览

0评论

React Component存在的几种形式详解

前言最近项目基本都是用 React，今天总结分享 React Component 常见的几种形式，如果你在写 React 时经常不知道怎么拆分代码，这篇文章或许对你有所帮助。React.Component是一个...

2020-05-27

72浏览

0评论

vue项目上传Github预览的实现示例

最近在用Vue仿写cnode社区，想要上传到github，并通过Github pages预览，在这个过程中遇到了一些问题，因此写个笔记，以便查阅。完成Vue项目以后，在上传到github之前，需要修改一些配置...

2020-05-27

159浏览

0评论

学习使用ExpressJS 4.0中的新Router的用法

概述
ExpressJS 4.0中提出了新的路由Router。Router好比是一个“迷你版”的express应用，它没有引入views或者settings，但是提供了路由应有的API，.use，.get,.param和route。示例...

2020-05-27

100浏览

0评论

移动端H5页面返回并刷新页面（BFcache）的方法

项目中的需求：点击浏览器中的返回按钮，要让页面重新加载资源。因为这部分的资源每次去加载的内容都不一样，如果返回的时候，还是看到原先的内容，那做这个内容块的意义就很小了；而如...

2020-05-27

59浏览

0评论

给localStorage设置一个过期时间的方法分享

思考点
在 web 开发中，我们知道 cookie、session、localStorage都可以保存用户的数据，cookie的 domain、path 限制了 cookie 的跨域，有数量和大小的限制，可以设置有效时间。 se...

2020-05-27

59浏览

0评论

Vue props 单向数据流的实现

1、props通信注意：DOM模板的驼峰命名props要转为短横分割命名。<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>Vue</title> </head> <b...

2020-05-27

83浏览

0评论

微信小程序实现选项卡效果

本文实例为大家分享了微信小程序实现选项卡效果展示的具体代码，供大家参考，具体内容如下
demo.wxss.swiper-tab{ width: 100%; border-bottom: 2rpx solid #777777; tex...

2020-05-27

79浏览

0评论

详解Vue内部怎样处理props选项的多种写法

开发过程中，props 的使用有两种写法：// 字符串数组写法const subComponent = { props: ['name']}// 对象写法const subComponent = { props: { name: { type: String, de...

2020-05-27

78浏览

0评论

Vue项目中最新用到的一些实用小技巧

写在前面
在最近的 Vue 项目中，为了完成需求使用了一些小技巧，做个笔记，或许也能帮到道友。
阅读重点
需求一：为路径配置别名
在开发过程中，我们经常需要引入各种文件，如图片、CSS...

2020-05-27

82浏览

0评论

浅谈Vue数据响应思路之数组

之前梳理Vue数据响应思路时没有考虑数组的情况。js 中数组有很多实例方法，其中有一部分会改变数组本身的值，比如 push pop shift unshift 等，这些方法被称为变异方法，这些变异...

2020-05-27

74浏览

0评论

vue实现自定义日期组件功能的实例代码

实现一个日期组件，如图：
components.js代码如下：Vue.component('sc-calendar',{ template:'<div class="scCalendar">' + '<div class="calendar_header">' + '<div class...

2020-05-27

71浏览

0评论

electron中使用bootstrap的示例代码

安装
安装bootstrap命令如下：
npm install bootstrap --save安装后可能报告如下错误：
npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installe...

2020-05-27

91浏览

0评论

Vue递归实现树形菜单方法实例

什么是树形菜单还是要简单的啰嗦一下，比如：
上图是截图自elementui的实例，实现方式是用文档结构（类似像原生Dom文档结构的写法）的方式，好处就是很灵活，可以方便的自定义，作为一个通...

2020-05-27

62浏览

0评论

微信小程序自定义tabBar组件开发详解

本文实例为大家分享了微信小程序自定义tabBar组件的具体代码，供大家参考，具体内容如下以下代码保存在github地址先看一看目录 template文件夹里存放tabbar模板。
template/te...

2020-05-27

67浏览

0评论

100行代码实现一个vue分页组功能

今天用vue来实现一个分页组件，总体来说，vue实现比较简单，样式部分模仿了elementUI。所有代码的源码可以再github上下载的到：下载地址先来看一下实现效果：点击查看效果
整体思路...

2020-05-27

90浏览

0评论

vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错

前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载.
BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区...

2020-05-27

55浏览

0评论

Vue常用的几个指令附完整案例

越来越多的人在用Vue，刚开始接触vue的话常接触的指令就几个，统一归纳一下，做个demo演示。指令v-text
v-html
v-bind
v-on
v-model
v-for
代码学习技术最好还是要看下代码是什么...

2020-05-27

63浏览

0评论

小程序实现页面顶部选项卡效果

本文实例为大家分享了小程序实现选项卡效果的具体代码，供大家参考，具体内容如下效果图：github源码下载 <view class="swiper-tab" > <view bindtap="swithN...

2020-05-27

82浏览

0评论

详解ES6中的 Set Map 数据结构学习总结

ES6中的 Set 数据结构
ES6 新增了一种 Set 数据结构。它类似数组。最重要的一点是 Set中的结构成员没有重复的, 可用这点一行代码实现数组去重。 Set 本身是一个构造函数...

2020-05-27

320浏览

0评论

微信小程序下拉框功能的实例代码

微信小程序组件里没有下拉框，正好要用到，记下来以后参考wxml代码<view class='top'> <view class='top-text'> 选择接收班级</view>  <view class='top-sel...

2020-05-27

57浏览

0评论

vue组件tabbar使用方法详解

本文实例为大家分享了vue组件tabbar的具体使用方法，供大家参考，具体内容如下1.App.vue<template> <div id="app">  <router-view></router-v...

2020-05-27

84浏览

0评论

Vue 实时监听窗口变化 windowresize的两种方法

下面给大家分享两种方法来介绍Vue 实时监听窗口变化 windowresize，具体内容如下所示：方法一：First-step : 定义变量data(){ return{ formLabelWidth : '123px' }},Second...

2020-05-27

59浏览

0评论

vue-cli 首屏加载优化问题

使用 vue-cli构建的项目,在默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js 类似下面的路由代码route...

2020-05-27

50浏览

0评论

详解在vue-test-utils中mock全局对象

vue-test-utils 提供了一种 mock 掉 Vue.prototype 的简单方式，不但对测试用例适用，也可以为所有测试设置默认的 mock。mocks 加载选项
mocks 加载选项是一种将...

2020-05-27

79浏览

0评论

在vue中使用express-mock搭建mock服务的方法

首先安装 nodemon ，如果是全局安装，那么所有的项目都可以使用mock服务npm install nodemon 再安装express-mockjsnpm i -D express-mockjs 接下来按照以下的步骤来　　第一步...

2020-05-27

65浏览

0评论

javascript动态创建对象的属性详解

面向对象的JavaScript在客户端编码时提供了极大的灵活性，Javascript对象上的属性有助于设置可在对象内使用以管理和使用数据的值。
我对JavaScript中属性的理解，在javascript...

2020-05-27

69浏览

0评论

JS复杂判断的更优雅写法代码详解

我们编写js代码时经常遇到复杂逻辑判的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越...

2020-05-27

90浏览

0评论

详解Webpack loader 之 file-loader

简介安装npm install --save-dev file-loader用法默认情况下，生成的文件的文件名就是文件内容的 MD5 哈希值并会保留所引用资源的原始扩展名。import img from './webpack-lo...

2020-05-27

105浏览

0评论

Angular Material Icon使用详解

1. 引入图标资源
在项目index.html文件里添加icon的图标库文件的引用。 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="external nofoll...

2020-05-27

106浏览

0评论

微信小程序使用npm支持踩坑

前言
最近写了个CNode 社区的微信小程序版本，把在微信小程序中使用npm包，踩的坑记录一下，希望能给遇到类似问题的小伙伴，提供一些思路和方向。npm 支持
从小程序基础库版本 2.2....

2020-05-27

96浏览

0评论

详解react native页面间传递数据的几种方式

1. 利用react-native 事件DeviceEventEmitter 监听广播
应用场景：- 表单提交页面， A页面跳转到B页面选人，然后返回A页面，需要将B页面选择的数据传回A页面。
- 多个多媒体来回...

2020-05-27

74浏览

0评论

监听angularJs列表数据是否渲染完毕的方法示例

前端在做数据渲染的时候经常会遇到在数据渲染完毕后执行某些操作，这几天就一直遇到在列表和表格渲染完毕后，执行点击和选择操作。对于angularjs处理这类问题，最好的方式就是指...

2020-05-27

91浏览

0评论

React 源码中的依赖注入方法

一、前言
依赖注入（Dependency Injection）这个概念的兴起已经有很长时间了，把这个概念融入到框架中达到出神入化境地的，非Spring莫属。然而在前端领域，似乎很少会提到这个概念，难...

2020-05-27

108浏览

0评论

利用jqgrid实现上移下移单元格功能

前言JQGrid是一个在jquery基础上做的一个表格控件，以ajax的方式和服务器端通信。在表格中常常需要调整表格中数据的显示顺序，我用的是jqgrid,实现原理就是将表中的行数保存到...

2020-05-27

82浏览

0评论

vue+webpack中配置ESLint

一、ESLint
协同开发过程中，经常感受到来自代码检视的恶意。代码习惯不一致，看半天；居然提交低级错误，我的天(╯‵□′)╯︵┻━┻！...研究了一番，决定使用ESLint来做代码规范检查。...

2020-05-27

103浏览

0评论

vue调试工具vue-devtools安装及使用方法

本文主要介绍 vue的调试工具 vue-devtools 的安装和使用工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧安装:1.到github下载：git clone https://...

2020-05-27

96浏览

0评论

VueCli3构建TS项目的方法步骤

使用vue-cli3构建Typescript项目import 和 requirerequire: 以同步的方式检索其他模块的导出 (开发)import: 动态地加载模块 (生产)相关文档：module methodsvue-cli3vue crea...

2020-05-27

73浏览

0评论

Angular 实现输入框中显示文章标签的实例代码

很多网站发帖的时候标签输入框看起来像是在 <input> 元素中直接显示标签. 比如这种一开始以为是把 <span> 放在 <input> 中, 看了下 Stack Overflow 和 SegmentFault 的实现...

2020-05-27

104浏览

0评论

微信小程序列表中item左滑删除功能

第一步：把想要的两种样式写出来
1.正常显示的样式
css:.box{ height: 100%;}.item{ position:relative; top: 0; width: 100%; height: 150rpx; border-bottom: #d9d9d9 soli...

2020-05-27

132浏览

0评论

详解webpack打包后如何调试的方法步骤

webpack.config.js
在配置devtool时，webpack给我们提供了四种选项 source-map:在一个单独文件中产生一个完整且功能完全的文件。这个文件具有最好的source map,但是它会减慢...

2020-05-27

88浏览

0评论

基于React Native 0.52实现轮播图效果

本文基于React Native 0.52Demo上传到Git了，有需要可以看看，写了新内容会上传的（Git地址）一、总览轮播图几乎是必备的效果，这里选择 react-native-swiper 来实现，效果如下图：二、实...

2020-05-27

126浏览

0评论

Jquery和CSS实现选择框重置按钮功能

很多时候我们都会用到一个下拉选择，还有就是重置的功能，今天我们就给大家带来用Jquery配合CSS实现的这个功能。代码如下：HTML<select> <option value="">Select a color..</opt...

2020-05-27

98浏览

0评论

Echarts之悬浮框中的数据排序问题

Echarts非常强大，配置也非常的多，有很多细节需要深入研究。详解一下关于悬浮框中的数据排序问题悬浮框的数据排序默认是根据series中的数据位置排序的，在我们想自定义...

2020-05-27

热门文章