值得收藏的vuejs安装教程

本文为大家分享了vuejs安装教程,供大家参考,具体内容如下1.安装nodejs,自带npm环境。地址:https://nodejs.org/en/download/,Node.js 历史版本下载地址:https://nodejs.org/dist/...

IntelliJ IDEA 安装vue开发插件的方法

一、导语最近接触了下idea,虽然我对于各种“代码界的神器”没有多大感冒,一个eclipse或者myeclipse,一个Notepad++ 、一个就可以把我征服,但还是蛮喜欢idea这个神器的,虽然,特别坑...

jQuery实现所有验证通过方可提交的表单验证

本文实例为大家分享了jQuery实现表单验证的具体代码,供大家参考,具体内容如下<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title...

微信小程序实现tab切换效果

微信小程序之tab切换效果,如图:最近在学习微信小程序并把之前的公司app搬到小程序上,挑一些实现效果记录一下(主要是官方文档里没说的,毕竟官方文档只是介绍功能)
.wxml代码:
<view...

微信小程序实现tab和swiper切换结合效果

本文实例为大家分享了小程序实现tab和swiper切换效果展示的具体代码,供大家参考,具体内容如下先上效果图:
实现代码如下:
wxml页面<scroll-view scroll-x="true" class="weui-...

基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)

像我们平日里做惯了 Java 或者 .NET 这种后端程序员,对于前端的认识还常常停留在 jQuery 时代,包括其插件在需要时就引用一下,不需要就删除。故观念使然,尽管 Nuget 和 Maven 用...

微信小程序实现下拉刷新和轮播图效果

本文实例为大家分享了微信小程序实现下拉刷新和轮播图展示的具体代码,供大家参考,具体内容如下先上图,再解释
wxml页面代码:<scroll-view scroll-y="true" bindscrolltolower=...

基于bootstrap写的一点localStorage本地储存

先给大家说下什么是localstorage前几天在老项目中发现有对cookie的操作觉得很奇怪,咨询下来是要缓存一些信息,以避免在URL上面传递参数,但没有考虑过cookie会带来什么问题:① co...

微信小程序实现跟随菜单效果和循环嵌套加载数据

本文实例为大家分享了微信小程序实现跟随菜单效果、微信小程序循环嵌套加载数据,供大家参考,具体内容如下效果如图:
代码如下:
wxml//使用循环嵌套data数据格式写对即可<scrol...

Angular4自制一个市县二级联动组件示例

最近遇到了不少问题,真的是命运多舛。Angular真是让人又爱又恨的框架,恨的是资料太少,遇到问题无从下手。爱的是许多其他框架难以做到的功能,angular却可以轻松做到。话不多说,最...

bootstrap treeview 扩展addNode方法动态添加子节点的方法

bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树、列表树...

bootstrap表格内容过长时用省略号表示的解决方法

首先 ,bootstrap中当td内容超过我给的固定宽度时,省略号代替的代码如下:<table class="table table-bordered"> <thead> <tr> <th class="center" style='width:38...

Angular实现双向折叠列表组件的示例代码

最近在做一个双向折叠组件,如下图所示,页面是分为两组,左边页面是Summary Panel,主要是一组列表,右边页面是Detail Panel,展示左边列表中某一项的具体信息,我们把它记作“Middle S...

jquery实现回车键触发事件(实例讲解)

键盘事件有3:keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 。正确代码为:$(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"...

详细分析单线程JS执行问题

大家在学习javascript的时候很多朋友在执行问题上有疑惑,小编通过本篇文章给大家详细的分析介绍了JS的执行问题,希望能够帮助到你理解。一、介绍随着js不断学习,你可能会慢慢的...

第一个Vue插件从封装到发布

前言
这是我封装的第一个Vue插件,实现的功能是滑动选择省市区,虽然只是一个简单的插件,但还是挺开心的,记录一下步骤。  插件地址:https://github.com/leichangchun/vue-area-s...

nodejs项目windows下开机自启动的方法

1. 在需要自启动的项目中安装 node-windows 模块 npm install node-windows --save2. 在项目根目录创建nw.js文件代码截图如下:代码文本:3. 运行nw.js文件 命令:node nw.js 这...

通过一个简单的例子学会vuex与模块化

前言Vuex 强调使用单一状态树,即在一个项目里只有一个 store,这个 store 集中管理了项目中所有的数据以及对数据的操作行为。但是这样带来的问题是 store 可能会非常臃肿庞大...

利用vue+elementUI实现部分引入组件的方法详解

前言vue.js的UI组件库,在git上有多个项目,我见的使用者比较多的是iView和Element.两个组件库,组件都很丰富。官网的介绍 iView: 一套基于 Vue.js 的高质量 UI 组件库 Element...

详解从零搭建 vue2 vue-router2 webpack3 工程

以新手视角,详细介绍各个步骤内容,不深入讲步骤涉及的原理,主要介绍如何操作。初始化工程新建工程目录 vue2practice,在目录下执行npm init -y来创建一个 package.json,在 packag...

利用vue + koa2 + mockjs模拟数据的方法教程

前言首先说一下这是本人第一次分享东西第一次写,写的不好或者有错误的请大家多包涵支出错误共同进步,好了,话不多说了,来一起看看详细的介绍吧。关于mockjs,官网描述的是 1....

深入理解Angular4订阅(Subscribe)与取消

订阅(Subscribe)写过js的都知道,subscribe在很多地方都能看到它的身影,并且起到了很重要的作用。侦听http请求的返回,页面间传递参数… …说起订阅,就不能不提Observable,说起Obs...

浅谈Angular 中何时取消订阅

你可能知道当你订阅 Observable 对象或设置事件监听时,在某个时间点,你需要执行取消订阅操作,进而释放操作系统的内存。否则,你的应用程序可能会出现内存泄露。接下来让我们看一...

vue.js模仿京东省市区三级联动的选择组件实例代码

前言在最近的工作中需要一个盒京东购物车地址选择相似的一个省市区三级联动选择组件,google查了下都是下拉框形式的,于是自己写了一个,希望对使用vue开发项目的朋友有帮助,下面...

前端必备插件之纯原生JS的瀑布流插件Macy.js

这是一款非常轻量级的纯原生JS的瀑布流插件——Macy.js,如今图片和视频网站非常多,非常适应瀑布流这样的布局方式来呈现给用户。这款流布局JS插件仅有4KB的大小,可以说是非常轻...

ActiveX控件的使用-js实现打印超市小票功能代码详解

·应客户的需求= = ,要在网页端实现打印小票的功能
·先来一张打印出的小票效果图(合计明显不对,因为有修改订单功能,请各位忽略)用什么方法实现呢:
我想应该是有三种吧1.用第三方...

在vue中添加Echarts图表的基本使用教程

前言我们在项目中经常需要使用一些折线图、柱状图、饼状图等等,之前使用过heightCharts,后来觉得这货不开源,只是做展示的话又点浪费时间,于是看了下eCharts,于是在vue-cli搭建的...

arcgis for js栅格图层叠加(Raster Layer)问题

其实呢,这个问题或许与栅格图层(Raster Layer)关系并不十分大,也可能所有类型的图层都有这个问题,我对arcgis尚不十分了解,目前只在栅格图层遇到问题,所以先记下来,存疑。栅格图层啥...

echarts学习笔记之图表自适应问题详解

前言为了直观查看公司服务器各个进程占用的内存动态情况,我使用echarts进行数据可视化,具体的实现过程按下不表。最后实现的效果如图:
然后问题就来了,因UI采用了Bootstrap响应...

浅谈Vuex@2.3.0 中的 state 支持函数申明

vuex 2.3.0 的发布说明: Modules can now declare state using a function - this allows the same module definition to be reused (e.g. multiple times in the same sto...

解析Vue2 dist 目录下各个文件的区别

vue2 经过 2.2 版本升级后, 文件变成了 8 个: vue.common.js vue.esm.js vue.js vue.min.js vue.runtime.common.js vue.runtime.esm.js vue.runtime.js vue.runtim...

echarts学习笔记之箱线图的分析与绘制详解

一、箱线图 Box-plot箱线图(Boxplot)也称箱须图(Box-whisker Plot),它是用一组数据中的最小值、第一四分位数、中位数、第三四分位数和最大值来反映数据分布的中心位置和散布范围...

vue在使用ECharts时的异步更新和数据加载详解

前言最近在学习eCharts,学习到了异步更新和数据加载这一块,觉着有必要总结一下,方法以后的时候参考学习,在开始本文之前,对eCharts不熟悉的朋友们可以参考下这篇文章:https://www....

vue.js开发实现全局调用的MessageBox组件实例代码

前言
一开始接触到vue中的组件的时候,对于组件的理解还是不够充分的,最近在开发个人博客项目中,一开始就没准备使用一些现在比较流行的UI库(毕竟是个人项目,多练练手还是好的),所以...

Vue官方文档梳理之全局配置

本文主要介绍了Vue官方文档梳理之全局配置,分享给大家,也给自己留个笔记。具体如下:optionMergeStrategies用于自定义选项的合并策略,Vue已经预定义了一些自己配置项的合并策略,...

Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题

Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势。下面给大家介绍Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题。摘要: 表单标...

基于JavaScript实现表格滚动分页

本文实例为大家分享了js实现表格滚动分页展示的具体代码,供大家参考,具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...

chorme 浏览器记住密码后input黄色背景处理方法(两种)

使用chrome浏览器选择记住密码的账号,输入框会自动加上黄色的背景,有些设计输入框是透明背景的,需要去除掉这个黄色的背景;方法1:阴影覆盖input:-webkit-autofill { -webkit-box...

初识 Vue.js 中的 *.Vue文件

什么是Vue.js?
vue.js是一套构建用户界面的渐进式框架,它采用自底向上增量开发的设计。(自底向上设计方法是根据系统功能要求,从具体的器件、逻辑部件或者相似系统开始,凭借设计...

深入理解Vue官方文档梳理之全局API

Vue.extend配置项data必须为function,否则配置无效。data的合并规则(可以看《Vue官方文档梳理-全局配置》)源码如下:
传入非function类型的data(上图中data配置为{a:1}),在合并opti...

JavaScript数据结构与算法之队列原理与用法实例详解

本文实例讲述了JavaScript数据结构与算法之队列原理与用法。分享给大家供大家参考,具体如下:队列是一种列表,不同的是队列只能在队尾插入元素,在队首删除元素。队列用于存储按顺...

浅谈Vue-cli 命令行工具分析

Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。vue-webpack-boilerplate,官方定义为:full-featured Webpack setup with hot-reload, lint-on-save, unit testin...

Vuejs中使用markdown服务器端渲染的示例

啊哈,又是来推荐一个 vuejs 的 package,miaolz123/vue-markdown。 对应的应用场景是:你想使用一个编辑器或者是在评论系统中支持 markdown。这个 package 的有点还是挺多了,比如...

详解如何在angular2中获取节点

我们知道在angular2中ts文件支持js代码,为什么用document.getElementById没法获取元素节点呢?其实在angular2中先加载ts文件,再加载view,所以获取不到节点。在应用层直接操作 DO...

初探js和简单隐藏效果的实例

js:在页面中用户操作页面时发生的效果都是Js功劳。操作有点击,移入,和移出等。。。例1:通过display隐藏盒子<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title><...

Vue代码分割懒加载的实现方法

什么是懒加载懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。为什么需要懒加载在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需...

sublime text配置node.js调试(图文教程)

1. 首先到 nodejs.org 下载 Node.js 安装包并安装。
2. 打开 Sublime Text 2 编辑器。选择菜单 Tools --> Build System --> new Build System...
3. 将文件保存为 JavaScr...

基于vue-cli创建的项目的目录结构及说明介绍

一、├── build // 项目构建(webpack)相关代码 记忆:(够贱) 9个│ ├── build.js // 生产环境构建代码│ ├── check-versions.js // 检查node&npm等版本│ ├── dev-c...

bootstrap-Treeview实现级联勾选

本文实例为大家分享了bootstrap Treeview实现级联勾选的具体代码,供大家参考,具体内容如下核心方法var nodeCheckedSilent = false; function nodeChecked (event, node){ if...

基于Bootstrap实现城市三级联动

本文实例为大家分享了Bootstrap实现城市三级联动的具体代码,供大家参考,具体内容如下HTML代码部分 <div class="form-group"> <div class="col-sm-2 text-center"> 省 </d...

返回顶部
顶部