62浏览

0评论

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

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

• 2020-05-27

64浏览

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

84浏览

0评论

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

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

• 2020-05-27

58浏览

0评论

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

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

• 2020-05-27

60浏览

0评论

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

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

• 2020-05-27

83浏览

0评论

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

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

• 2020-05-27

48浏览

0评论

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

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

• 2020-05-27

59浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

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

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

• 2020-05-27

288浏览

0评论

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

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

• 2020-05-27

48浏览

0评论

vue组件tabbar使用方法详解

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

• 2020-05-27

75浏览

0评论

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

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

• 2020-05-27

50浏览

0评论

vue-cli 首屏加载优化问题

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

• 2020-05-27

43浏览

0评论

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

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

• 2020-05-27

70浏览

0评论

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

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

• 2020-05-27

56浏览

0评论

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

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

• 2020-05-27

59浏览

0评论

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

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

• 2020-05-27

77浏览

0评论

详解Webpack loader 之 file-loader

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

• 2020-05-27

96浏览

0评论

Angular Material Icon使用详解

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

• 2020-05-27

96浏览

0评论

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

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

• 2020-05-27

86浏览

0评论

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

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

• 2020-05-27

64浏览

0评论

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

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

• 2020-05-27

73浏览

0评论

React 源码中的依赖注入方法

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

• 2020-05-27

102浏览

0评论

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

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

• 2020-05-27

71浏览

0评论

vue+webpack中配置ESLint

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

• 2020-05-27

86浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

VueCli3构建TS项目的方法步骤

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

• 2020-05-27

64浏览

0评论

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

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

• 2020-05-27

94浏览

0评论

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

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

• 2020-05-27

123浏览

0评论

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

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

• 2020-05-27

79浏览

0评论

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

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

• 2020-05-27

113浏览

0评论

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

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

• 2020-05-27

89浏览

0评论

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

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

• 2020-05-27

73浏览

0评论

webpack4+express+mongodb+vue实现增删改查的示例

在讲解之前，我们先来看看效果如下所示：1）整个页面的效果如下：2) 新增数据效果如下：3) 新增成功如下：4) 编辑数据效果如下：5) 编辑成功效果如下：6) 删除数据效果如下：7) 删除成功效果...

• 2020-05-27

70浏览

0评论

node使用Mongoose类库实现简单的增删改查

Mongoose是在nodejs环境中对MongoDB数据库操作的封装，一种对象模型工具，可以将数据库中的数据转换为javascript对象供我们使用。Mongoose安装npm install mongoose安装成功后，...

• 2020-05-27

73浏览

0评论

vue中promise的使用及异步请求数据的方法

下面给大家介绍vue中promise的使用　　promise是处理异步的利器，在之前的文章《ES6之promise》中，我详细介绍了promise的使用， 在文章《js动画实现&&回调地狱&&promise》中也提...

• 2020-05-27

74浏览

0评论

深入解析ES6中的promise

ES6中的promise对象很早就听说过，据说是为了解决我们使用回调产生回调地狱的问题。今天下午既然有这么想学的欲望，就来看一看吧，当然参考的还是阮一峰老师的教程。第一部分：什么...

• 2020-05-27

51浏览

0评论

JS动画实现回调地狱promise的实例代码详解

1. js实现动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>animate</title> <style> .ball { width: 40px; height: 40px;...

• 2020-05-27

82浏览

0评论

webpack 开发和生产并行设置的方法

安装依赖的4种命令生产依赖和开发一个项目中是有开发环境和生产环境的，这两个环境的依赖也是不同的 开发依赖：只在开发中用来帮助你进行开发，简化代码或者生成兼容设置的以来...

• 2020-05-27

47浏览

0评论

webpack开发环境和生产环境的深入理解

以前自己写一小项目时，webpack的配置基本就是一套配置，没有考虑生产环境和开发环境的区分，最近在做一个复杂的商城项目接触到了webpack的高级配置，经过两天的研究，写出了一份目前...

• 2020-05-27

82浏览

0评论

详解如何创建并发布一个 vue 组件

步骤
创建 vue 的脚手架
npm install -g @vue/clivue init webpack绑定 git 项目
cd existing_foldergit initgit remote add origin http://gitlab.alipay-inc.com/ampg/my...

• 2020-05-27

96浏览

0评论

vue-cli3.0 环境变量与模式配置方法

vue-cli3.0移除了配置文件目录： config和build文件夹。可以说是非常的精简了，那移除了配置文件目录后如何自定义配置环境变量和模式呢&#63;为什么需要配置环境变量和模式呢？所...

• 2020-05-27

46浏览

0评论

Vue实现简易翻页效果源码分享

源码如下：<html><head> <meta charset="UTF-8"> <title>slidePage</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> <style type...

• 2020-05-27

104浏览

0评论

vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】

说到h5的翻页，很定第一时间想到的是swiper。但是我当时想到的却是，vue里边怎么用swiper？！vue-awesome-swiper就是其中一个前辈们产出的结晶。就看首尾两个单词，就知道他是vue和sw...

• 2020-05-27

76浏览

0评论

vue项目动态设置页面title及是否缓存页面的问题

跟传统的页面可以在每个页面分别设置填写对应的页面title,but,vue是单页面应用项目,想设置页面对应的title就不能跟传统方式一样了。
下载
npm install vue-wechat-title --...

• 2020-05-27

54浏览

0评论

vue-cli安装使用流程步骤详解

1.全局安装vue-clicnpm i vue-cli -g2.监测安装版本vue -V大写V : version3.指定目录下新建项目vue init webpack [项目名]按自己的意愿配置、选择对应信息。最后配置完成检...

• 2020-05-27

47浏览

0评论

Angular设置别名alias的方法

设置别名
在根目录下tsconfig.json中添加baseUrl和paths{ "compilerOptions": { "baseUrl": "src", "paths": { "@app/*": ["app/*"], "@assets/*": ["assets/*"],...

• 2020-05-27

68浏览

0评论

Vux+Axios拦截器增加loading的问题及实现方法

很多时候，我们在页面使用Ajax刷新时候，会希望它出现loading的图标，让用户体验更好一些。那么如果我们每次在Axios里面进行请求，都要显示loading图标的话，那么没有一个全局的方法...

• 2020-05-27

64浏览

0评论

详解在不使用ssr的情况下解决Vue单页面SEO问题

遇到的问题:
近来在写个人博客的时候遇到了大家可能都会遇到的问题Vue单页面在SEO时显得很无力，尤其是百度不会抓取动态脚本Vue-Router配合前后端分离无法让meta标签在蜘蛛抓...

• 2020-05-27

58浏览

0评论

浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)

上一篇说了vue单页面解决解决SEO的问题
只是用php预处理了meta标签
但是依然没有内容填充,所以对于内容抓取依然有些乏力,只是解决了从无到有的问题
那接下来可以更进一步的...

• 2020-05-27