bansha1495-CSDN博客

转载 vue-cli 根据不同的环境打包

根据项目需要，通过vue-cli中的npm run build 打包到不同的环境，例如测试环境，预发布环境，线上环境，根据process.env分别进行接口的调用vue-cli 中build中build.jsrequire('./check-versions')()// process.env.NODE_ENV = 'production'var ora = ...

2018-04-28 10:54:00 234

转载双循环递归匹配路由表

/***根据后端返回数据要求，导航栏权限返回的是要展示的所以信息，所以我们只能根据返回的对象去匹配我们的路由表，把没有返回的项再路由表里剔除，然后重新生成路由表*/// 此处数据皆为模拟操作，真是数据请结合实际情况获取data: { route: [ // 我们定义好的路由表 {path:"/",name:"a",hidden:true}...

2018-04-24 10:54:00 216

转载 js复选框，三层结构

最终实现效果如下html+css如下 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <link re...

2018-03-19 13:49:00 163

转载页面广告飘窗

HTML结构如下<div class="fafa" style="width: 160px;height: 160px;background: #acf;position: fixed;z-index: 999;"></div>　　js逻辑也非常简单，就是移动left和top的值，代码如下!function($dom){ var w...

2017-06-19 15:11:00 248

转载 css你所不知道技巧

利用属性选择器来选择空链接当<a>元素没有文本内容，但有href属性的时候，显示它的href属性：a[href^="http"]:empty::before { content: attr(href);}创造格子等宽的表格table-layout: fixed可以让每个格子保持等宽：table { border...

2017-02-08 13:54:00 120

转载 vue.js----之router详解（三）

在vue1.0版本的超链接标签还是原来的a标签，链接地址由v-link属性控制而vue2.0版本里超链接标签由a标签被替换成了router-link标签，但最终在页面还是会被渲染成a标签的至于为什么要把a换成router-link原因还是有的，比如我们之前一直惯用的nav导航里面结构是（ul>li>a），touter-link可以渲染为任何元素，这里可以直接渲染成li...

2017-01-13 11:53:00 257

转载 vue.js----之前端路由（二）

上一篇我们已经把vue框架搭好了，接下来我们进行路由模块在src目录下新建router.js添加如下代码 1 /** 2 * Created by sioxa on 2016/10/29 0029. 3 */ 4 import Vue from 'vue' 5 import VueRouter from 'vue-router' 6 impor...

2017-01-12 14:02:00 90

转载 vue.js----之框架搭建（一）

首先你要有node，没有的去官网安装一下就好了好了开始搭建骨架第一步安装vue-clinpm install -g vue-cli创建vue项目语法：这里我选择使用webpack来创建vue init webpack-simple app之后vue-cli就会询问Project name，你可以输入项目名称，接下来一路回车就创建好了接下来进入刚才创建的ap...

2017-01-11 14:50:00 93

转载 Sublime Text实用小技巧

1、输入“!”或“html:5”，然后按Tab键：html:5 或!：用于HTML5文档类型html:xt：用于XHTML过渡文档类型html:4s：用于HTML4严格文档类型2、轻松添加类、id、文本和属性p#foo 补充IDp.foo 补充类h1{foo} 和 a[href=#] 为h1和a标签3、嵌套>：子元素符号，表示嵌套的元素...

2016-12-30 15:01:00 186

转载 Vue.js与MVVM

MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的JavaScript库，专注于View 层。它的核心是 MVVM 中...

2016-12-29 15:08:00 138

转载 js厘米与英寸尺码转换

1 <style type="text/css"> 2 #txt_cm1, #txt_inch1, #txt_inch2, #txt_cm2 { 3 width: 63px; 4 height: 26px; 5 margin: 0 5px; 6 border: solid 1px...

2016-12-28 11:13:00 649

转载 vue.js 请求数据

VUE.JSvar vm = new Vue({ el:"#list", data:{ gridData: "", }, mounted: function() { this.$nextTick(functio...

2016-12-13 11:05:00 73

转载 iscroll.js 下拉刷新和上拉加载

html代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title&gt...

2016-12-06 10:08:00 89

转载 js如何求一组数中的极值

　　这是一个很简单的问题，现在我们从循环开始，例如一组数[5,2,1,3,4];求其中的最大值，那么首先我们要定义一个max的中间变量，遍历数组，当遇到比max值大则赋值给max，直到循环结束，就能获取这组数中的最大值了，具体代码如下：1 function searchMax(arr) {2 var max = 0;3 for(var i=0;i<a...

2016-11-24 15:46:00 392

转载五星评分效果原生js

五星评分在很多地方都可以用到，网上也有插件或者相应的代码，在这里我给大家提供一款我自己写的超级简单实用的五星评分代码，连图片都不需要<ul> <li class="start_li3"><span class="grade">评分：</span> ...

2016-11-24 10:04:00 136

转载省市区三级联动

　　首先从最简单的静态开始，这里就需要一个包含省市区的数组文件，不需要大家去网上找了，在下面我会给大家贴出来。现在来谈谈是怎么实现的吧，其实思路很简单，在onchange事件里面在套一个onchange事件，省份选择时遍历此省对应的市放到市对应的select中，这里遍历我一般用for in循环，如果大家之前习惯用for循环的可以尝试一下，非常好用。再给市对应的select添加onchan...

2016-11-22 18:25:00 318

转载 jq表头固定

　<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2016-11-22 15:57:00 117

转载 css垂直居中两种方法

　　在前端面试的时候我们经常会被问道怎样使一个元素在页面垂直居中呢，这也是一个老生常谈的问题了。解决的方法基本都是使用定位来实现1 div{display: fixed;left: 50%;top: 50%;width: 200px;height: 200px;margin-left: -100px;margin-top: -100px;}但是面试官可能还会问如果不使...

2016-11-22 10:34:00 112

转载 node.js grunt文件压缩

对于前段来说，熟悉node的人其实还并不是太多，如果您想入门一门后端语言我建议还是从node入手最好。我也是最近开始学习node，来谈谈近期对node的学习的心得。提到node首先就是要安装一大堆的运行环境安装插件等。网上教程有很多，这里不在多说了。这里主要给大家分享一个非常实用的插件，grunt（下载链接）,一般都是直接在node命令行下载npm install g...

2016-11-22 09:41:00 97

转载 js 定时器

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body><span id="time1"></span><br&g...

2016-11-21 19:40:00 81

转载 js瀑布流布局

　　当我们要在很多地方用到的时候，这时候我们不妨把js封装成对象的方式，好处会有很多。定义对象的方式有5种，最简单的单例模式，工厂模式，构造函数模式，原型模式和混合模式。这里我们最常用的就是混合模式了，他继承了以上所有的优点，实用灵活。看一个小例子，希望可以对你的理解有点帮助；这里模拟了一个加载更多插入原瀑布流的方法，子集的宽高是参数可以在window.onresize里面实现随...

2016-11-21 19:33:00 60

转载 js小游戏---智力游戏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> 一个无聊的游戏 </TITLE> <META NAME="Generator" CONTENT="EditPlus"> ...

2016-11-21 19:28:00 119

转载原生js完成拼图小游戏

废话不说，看代码，图片可以自己找，我这直接引用了百度的了 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; char...

2016-11-21 19:25:00 120

转载 canvas画圆百分比显示

代码如下，由于canvas还是不太熟悉，还有很多欠缺，希望大家多提意见，谢谢 1 function DrawArc(id,opations){ 2 this.canvas = document.getElementById(id); 3 this.context = this.canvas.getContext('2d'); 4 ...

2016-11-21 19:09:00 150

bansha1495的博客