自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 资源 (1)
  • 收藏
  • 关注

原创 微信小程序01——project.config.json配置

{ "description": "项目配置文件。", "setting": { "urlCheck": true,//是否检查域名已备案 "es6": true,//是否可以使用es6语法 "postcss": true,//是否可以使用less或sass写css代码 "minified": true,//上传代码时是否自动压缩 "newFeature": true ...

2019-05-02 20:32:44 1250

原创 jQuery实现页面数据导出成.json文件

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="lib

2018-10-16 17:09:43 3196

原创 uc发布功能 项目总结

前言:当点击发布按钮之后,前端需要完成两件事。一:获取页面相关信息,二:调用后台接口,将信息传给后台。关于发布后的渲染:从数据库中读取相关内容,动态创建。1.ajax 作为函数返回值的问题首先描述下ajax默认情况下是异步请求,如果要想其结果作为函数值返回,需要设置为同步;如果想当然的在success回调函数中返回值,结果肯定是undefined;因为在success 执行re...

2018-09-19 15:49:32 258

原创 ES6学习笔记——Set、Map数据结构

一.SetSet本身是一个构造函数,用来生成Set数据结构。它类似于数组,但是成员的值都是唯一的,没有重复的值。1.用法:const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}// 2 3 5 42.Set接受数组...

2018-08-20 15:11:39 209

原创 ES6学习笔记(阮一峰教程)——let、const命令、函数声明

一.Babel转换器Babel 转码器,能将ES6代码转换成ES5。例如:// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item + 1;});babel=browser.js可以通过进入browser.js的方式转换代码。二.为什么需要块级作用域?ES5...

2018-08-09 15:22:47 1054

原创 vue-router——重定向-redirect、过渡动画、路由钩子

一.vue-router的重定向-redirect有时候设置的路径不一致,但是我们希望跳转到同一个页面,或者说是打开同一个组件。这时候我们就用到了路由的重新定向redirect参数。redirect基本重定向我们只要在路由配置文件中(/src/router/index.js)把原来的component换成redirect参数就可以了。我们来看一个简单的配置。export defa...

2018-08-07 14:40:25 9844

原创 vue-router——路由传值

一、用name传递参数1.在路由文件src/router/index.js里配置name属性。routes: [{path: '/',name: 'Hello',component: Hello}]2.模板里(src/App.vue)用$route.name的形势接收,比如直接在模板中显示:<p&...

2018-08-07 13:37:54 289

原创 vue-router——路由配置

一.什么是vue-routervue-router路由插件,这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是我们WebApp的链接路径管理系统。二.vue-router安装安装vue-routervue-router是一个插件包,所以我们还是需要用npm或cnpm来进行安装的。打开命令行工具,进入你的项目...

2018-08-07 10:28:08 13938 2

原创 css新特性

css新特性1.border-radius:设置圆角边框效果(1)格式1border-radius:值,四个角相同border-radius:值1(左上、右下)值2(右上、左下)border-radius:值1(左上)   值2(右上、左下)值3(右下)border-radius:值1(左上)   值2(右上)   值3(右下)   值4(左下)(2)格式2bord...

2018-08-05 21:03:26 155

原创 Vue-cli脚手架工具项目结构

vue-cli脚手架工具为我们搭建了开发所需要的环境,有必要对这个环境进行熟悉。例如:名为vuecliTest的项目目录一.简要介绍1.build文件夹:项目构建(webpack)相关代码2.config文件夹:项目开发环境配置文件3.node_modules文件夹:npm依赖的包管理4.src文件夹:项目源码放在此文件夹下5.static文件夹:项目静态文件夹目录。图...

2018-08-02 16:20:15 222

原创 Node环境、Vue-cli安装

一.下载Node.js打开官网下载链接:https://nodejs.org/en/download/我这里下载的是node-v6.9.2-x64.msi,如下图:二.开始安装Node环境1.下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js点击【Next】按钮勾选复选框,点击【Next】按钮修改好目录后,点击【N...

2018-08-01 14:22:31 201

原创 Vue 自定义指令

一.Vue.directive自定义指令main.jsVue.directive("changeColor",function(el,binding,vnode){ console.log(el); console.log(binding); console.log(vnode) el.style.color="green" // 钩子函数,被绑定元素插入父节点...

2018-07-30 16:43:02 236

原创 Vue——样式绑定、计算属性与监听属性比较

一.样式绑定http://www.runoob.com/vue2/vue-class-style.html二.computed vs methods我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。例子:...

2018-07-27 10:13:56 282

原创 Vue 基本语法

Vue优点:灵活、易用、高效; 用于构建用户界面的渐进式框架、自底向上逐层应用; Vue的核心库只关注图层,不仅易于上手,还便于与第三方库或既有项目整合。 当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统;数据和 DOM被建立了关联,所有东西都是响应式的。 ...

2018-07-26 14:07:27 324

原创 测绘-基站分布(数据可视化) 项目总结

1.修改文本框提示文字placeholder的样式:/*修改提示文字的颜色*/input::-webkit-input-placeholder { /* WebKit browsers */ color: #edf8ff; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #edf8ff; } input:...

2018-07-11 09:56:42 766

原创 状态机编程思想及实例

一.状态机编程思想状态机是软件编程中的一个重要概念。状态机将程序的行为划分为若干个状态,对于每一个状态规定其行为和可能的状态转换关系。状态机的状态即可以由其内部定义的状态转换关系改变,也可由外部操作改变,从而影响状态机的行为。适用于页面中点击事件比较多的效果。二.编程实例具体代码如下:window.STATE = {    jiantou1: {        isShow: true   ...

2018-06-29 17:30:40 2381 1

原创 进度条效果的实现

var canvas=document.getElementById('jindu');context=canvas.getContext('2d');var rad=Math.PI*2/100;//将360度分成100份,那么每一份就是rad度//绘制外圈function whiteCircle(x,y,color){ context.save(); context.beginPa...

2018-05-15 17:07:28 490

原创 页面中置顶按钮的实现

方法一 锚点链接html样式如下:css样式如下:方法二  通过js改变$(document).scrollTop()的值实现置顶js代码如下:方法三 通过css中animate属性实现js代码如下:注:本文中css样式皆为方法一中的css样式。...

2018-05-15 10:25:27 4968

我的个人网站

包含完整个人网站,个人主页,静态页面,适用初学者,html+css

2018-05-08

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除