小虫信息科技-优快云博客

axios是基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，有以下特征：从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求支持 Promise API 拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止 CSRF/XSRFaxios使用：界面引入 <script src="https://unpkg.com/axios/dist/axios.min.js"></script&

2021-05-15 22:59:38 172

原创八. Vue.js数据更新后dom操作-vue.nextTick

Vue响应式并不是数据发生改变后DOM 立即发生改变，而是按一定的策略进行 DOM 的更新，所有当我们改变数据时，立即对改变的DOM处理时就会出错，最明显的就是使用v-if或v-for的时候，针对这种改变数据要对DOM操作，Vue.nextTick起了重要作用<!DOCTYPE html><html> <body> <div id="app"> <p ref="myWidth" v-if="show

2021-05-15 19:02:51 447

原创十三.Vue.js 状态管理Vuex

Vuex是一个状态管理的插件，管理过程包含了state（数据源）、view（state绑定到视图）、actions（view改变同步改变数据源）三个状态应用场景：（购物车的数据共享，登入注册）多个视图依赖于同一状态来自不同视图的行为需要变更同一状态可以思考到涉及sessionStorage、cookies之类的里面或涉及到非父子关系的组件，例如兄弟关系、祖孙关系，甚至更远的关系组件之间的联系Vuex使用：安装：cnpm install vuex --save 引入：import

2021-05-15 15:06:52 196

原创十二.Vue.js路由Vue Router使用

vue router 主要用于url地址配置，实现更改浏览器历史访问记录、页面跳转、页面跳转不刷新、页面访问权限拦截、滚动条滚动到指定位置、设置界面title等功能。1. 如何使用vue router？引入vue-router核心脚本<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> 创建路由组件，简单理解为创建两个界面配置路由映射（组件和路径映射关系），通过 new Vue..

2021-05-15 12:50:34 650 1

原创七.Vue.js自定义组件 - 组件创建及使用

什么是组件？组件能把页面分成独立的模块，实现代码重用，提高开发效率和代码质量，使得代码易于维护。Vue.js 组件分为全局组件、局部组件、动态组件1. 全局组件，通过Vue.component()去注册全局组件Vue.component('组件名称'，配置参数对象)，使用方式<!DOCTYPE html><html> <body> <div id="app1"> <!-- 3. #...

2021-05-14 22:40:03 662

原创六.Vue.js界面绑定指令-元素、事件、属性绑定

界面通过绑定vue指令对dom进行操作，通过数据与dom的结合，完成渲染。按照vue绑定dom操作，将其分为操作dom内容节点、事件、属性操作内容节点：v-text、v-html、v-model、v-show、v-if、v-else、v-else-if、v-for、v-pre、v-cloak、v-slot、v-once操作事件：v-on操作节点属性：v-bind、key、ref、is1.操作内容节点 v-text：绑定纯文本，v-text ="name"和 {{ name }}一样 .

2021-05-14 16:30:24 757

原创五.Vue.js实例属性选项-生命周期钩子

Vue创建实例化参数配置中，生命周期钩子有 beforeCreate、created、beforeMount、Mounted、beforeUpdate、updated、beforeDestroy、destroyed、actived、deactived、errorCaptured1.beforeCreate （使用频率低）实例化创建之前，没有实例化，访问不到数据（不能访问data等属性）应用场景：页面拦截，权限验证、加个loading事件2. created （使用频率高）创建实例化完成.

2021-05-14 14:21:21 201

原创四.Vue.js实例属性选项-数据操作

Vue创建实例化参数配置中，对数据进行处理的有 data、methods、props、propsData、computed、watchvar vm = new Vue({ el: '#app', data: { name: '小虫', age: 3 }, methods: { addAge: function(){ this.age++ } }});1. data.

2021-05-13 22:40:24 300 2

原创三.Vue.js实例属性选项-Dom操作

Vue实例对象Dom选项参数el、template、render、renderError// templatevar vm = new Vue({ el: '#app', template: '<div>hello,我是小虫！</div>',})；// render// 应用场景:// 根据后端数据做输入类型标签填充，如radio，select，checkbox// 渲染表格数据// render的参数:// 第一个参数：填充的标签；//

2021-05-13 16:08:26 339

原创二.Vue.js使用及初始化配置

Vue.js的使用步骤1. HTML通过引入脚本方式：<script src="https://cdn.jsdelivr.net/npm/vue"></script>（生产环境版本，优化了尺寸和速度）或<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>（开发环境版本）还可以通过vue-cli安装引用（vue-cli内容有说明）2. Vue的初始化：初始化后进入模板..

2021-05-13 10:52:41 413

原创一.认识vue.js

什么是Vue.js?1. 一款渐进式Javascript框架，基于虚拟DOM 方式减少不必要的DOM 操作，降低DOM操作的复杂性，提高渲染。(渐进式：按需使用其功能特性；虚拟dom：用JS对象模拟DOM树，然后比较两棵虚拟DOM树的差异，最后把差异应用到真正的DOM树上）2. 核心的特性MVVM (model：模型层，简单理解为数据；view：视图层，简单理解为html；viewModel：视图模型层，简单理解为数据和html相结合)3.使用的是单向数据流，双向绑定（单向数据流：model..

2021-05-12 23:23:22 108

原创 vue修改对象属性值视图上没有更新

var data = { a: 1 }var vm = new Vue({ data: data })vm.$data.a = 22;输出的vm的属性值被改变了，但是视图内容未改变，添加vm.$forceUpdate();

2020-05-07 21:03:13 491

原创 echarts图表初始化和常用属性

1.echarts图表初始化和设置相关属性// 基于准备好的dom，初始化echarts图表var myChart = ec.init(document.getElementById('chart')); // 图表相关属性设置var option = { tooltip: { show: true }, legend: { ...

2019-03-09 21:42:29 4169

原创 echarts使用及页面设置

1. echarts使用建立有大小的盒子，用于图表显示引入相关资源http://echarts.baidu.com/build/dist/echarts.js 初始化图表，配置图表相关属性。具体请查看文章，echarts初始化和属性设置<!DOCTYPE html><head> <meta charset="utf-8"> ...

2019-03-09 12:00:07 470

原创 GeoServer2.15安装和发布服务

1. GeoServer安装GeoServer安装需要java环境，若没安装先安装java。因为在安装其他软件时已经安装java，所以这里不安装java下载GeoServer网址：http://geoserver.org/release/stable/，点击红色框框下载下载完成进行安装，一直点击下一步选择java安装路径，jre文...

2019-03-06 13:40:24 2823 1

原创自适应字体px转换rem

1. rem是相对根元素html的，所以在设备设置html字体大小即可。浏览器默认字体为16px，1rem=16px，则设置根节点字体大小为(1/16)*100%=6.25%。为了方便计算，设置1rem=10px，1rem=10px,(10/16)*=62.5%;由于有些浏览器支持的字体最小为12px,因此设置1rem=100px,(100/16)*100%=625%。但实际上转换还是除以10即可...

2018-07-12 14:01:42 2414

原创表格表头thead固定，tbody滚动实现样式

设置样式如下.table-scrollthead{display:table;width:calc( 100% - 4px );table-layout:fixed;}.table-scrolltbody{max-height:6rem;overflow-y:auto;display:block;wid...

2018-06-10 10:17:52 2769 1

原创数据查询方法

1.返回simpleQuery-All() //返回表的所有行，并将表的所有行字段输出，可通过筛选输出，如All(db.Albums.GenreId = null)-FindAll() //根据定义搜索条件,返回表中的所有数据。-FindAllBy() //根据至少一个列的名称和值从表中返回所有数据例如：var albums = Data...

2018-02-11 11:37:49 575

原创查询返回标量值（变量）

1.将查询结果中的属性返回为标量值。适用于SimpleRecord和SimpleQuery类型，但规则不一样方法：1.ToScalar、ToScalar<T>从查询结果中返回一个属性作为标量值...

2018-02-11 11:37:32 330

原创查询返回标量值（变量）

一.将查询结果中的属性返回为标量值。适用于SimpleRecord和SimpleQuery类型，但规则不一样方法：1.ToScalar、ToScalar<T>从查询结果中返回一个属性作为标量值2.ToScalarOrDefault 、ToScalarOrDefault<T> 例如：ToScalar：使用在simpleRecord中：int AlbumId = db.Albu...

2018-02-11 11:37:12 882

原创 simple.data返回数量结果

一、统计满足条件结果数量1. -GetCount int albumCount = Database.Open().Albums.GetCount(db.Albums.GenreId == 1)2. -GetCountBy返回表中与记录相匹配的至少一个列名和要过滤的值的整数记录。如果您有一个名为Ha...

2018-02-11 11:36:54 274

原创 simple.data 数据库修改数据

一、对数据库进行操作无非就是增删改查，查在simple.data数据查询方法中已经提及-Insert //插进一条数据-Delete //删除一条或全部数据DeleteAll-Update //修改一条或全部数据UpdateAll 例如：-In

2017-11-02 22:55:14 748

原创 simple.data强类型转换

SimpleQuery集合不能转换未单个对象，而SimpleRecord单个对象不能转换为集合输出。强类型转化方法：（用于SimpleQuery,化查询转化为集合的任务）-Cast() //强制转化任何类型的集合-ToList //转化为列表集合-ToArray //转化为数组集合

2017-11-02 21:25:23 410

原创 simple.data查询返回单属性、单列表结果标量值（变量）

一.将查询结果中的属性返回为标量值。适用于SimpleRecord和SimpleQuery类型，但规则不一样方法：1.ToScalar、ToScalar从查询结果中返回一个属性作为标量值 ToScalarOrDefault();2.ToScalarList、ToScalarList ///只能用于simpleQuery，获取一组结果，并返回每个结果的一个值的列表(作为标量值

2017-11-02 00:12:07 699

原创 simple.data数据查询方法

1.返回simpleQuery-All() //返回表的所有行，并将表的所有行字段输出，可通过筛选输出，如All(db.Albums.GenreId = null)-FindAll(选择条件) //根据定义搜索条件,返回表中的所有数据。-FindAllByXXX(参数) //根据至少一个列的名称和值从表中返回所有数据例如：

2017-11-01 23:29:32 1376

原创页面跳转带参数及获取参数

// Util(function (app, _) { // 工具 function Util() { }Util.prototype.goTo = function (url, extras) { var kvs = _.map(extras, function (val, key) { return _.sprintf('%s=%s', key, v

2017-10-11 15:32:25 2528