- 博客(36)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 mpvue+mpvueWeUI搭建小程序
1、初始化mpvue框架vue init mpvue/mpvue-quickstart项目名2、进入项目文件夹，并安装依赖包cd 项目文件夹npm install3、启动项目npm run dev此时会在项目文件夹中出现一个dist目录，这个目录就是生成的小程序相关代码。4、搭建小程序的开发环境，调试开发mpvue5、引入mpvue-weui（1）首先下载...
2019-05-09 11:47:12
2111
原创 微信小程序开发踩坑之路
1、页面跳转（切换）（1）navigator 跳转的url链接不能与app.json中tabBar的pagePath重复。（2）添加点击事件，在js中跳转注意：此时方法一跟方法二中的url可以一致2、添加事件bindtap=’aaa’bindtap=’aaa()’函数中不能出现()3、模块化导出模块：Module.exports.x = x...
2019-05-09 11:32:35
307
原创 gojs 绘制UML连线图
<template> <div :id='boxId' class="er-box" v-loading="loadingChange" element-loading-text="拼命加载中"> <div style="z-index: 1;" v-if="fullShow"> <el-row :gutter="20">...
2019-05-08 10:44:20
1095
原创 goJs中E-R图显示高亮
需求：初始化gojs图表（进入页面，显示带网格的背景），选择下拉框中的某个值后，绘制E-R图，E-R图绘制完成后，选中值的表显示高亮。难点：1、绘制网格背景 this.myDiagram.grid = a(go.Panel, 'Grid', { name: 'GRID', vis...
2019-05-08 10:36:19
1179
原创 JSON 学习总结
1、JSON 定义 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。 JSON是用字符串来表示JavaScript对象，例如可以在Servlet中发送一个JSON格式的字符串给客户端JavaScript，JavaScript可以执行这个字符串，得到一个JavaScript对象。 XML也可以用来作为数据交换。2、JSON...
2018-12-27 17:41:57
287
1
原创 JavaScript HTML DOM简介
通过HTML DOM,可访问JavaScript HTML文档的所有元素。一、HTML DOM（文档对象模型） 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model） HTML DOM 模型被构造为对象的树。HTML DOM 树 通过可编程的对象模型，JavaScr...
2018-12-05 17:30:30
113
原创 JS 正则表达式
RegExp 对象 RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。1、直接量语法/pattern/attributes2、创建RegExp对象的语法new RegExp(pattern, attributes)参数： 参数pattern是一个字符串，指定了正则表达式的模式或其他正则表达式。 参数attributes是一...
2018-11-30 09:54:53
147
原创 JavaScript 对象
一、JavaScript Number 对象 （1）JavaScript 只有一种数字类型。可以使用也可以不使用小数点来书写数字。 （2）所有 JavaScript 数字均为 64 位。 （3）精度：整数（不使用小数点或指数计数法）最多为 15 位，小数的最大位数是 17，但是浮点运算并不总是 100% 准确。1、创建 Number 对象的语法：var myNu...
2018-11-23 17:09:34
105
原创 JS函数
函数是由事件驱动或者当它被调用时执行的可重复使用的代码块。1、JavaScript 函数语法 函数就是包裹在花括号中的代码块，前面使用了关键词function：function functionname() { // 这里是要执行的代码} 当调用该函数时，会执行函数内的代码。 可以在某事件发生时直接调用函数（比如当用户点击按钮是），并且可由Ja...
2018-11-22 16:45:56
120
原创 JS对象
JavaScript中的所有事物都是对象：字符串、数字、数组、日期等等。 在JavaScript中，对象是拥有属性和方法的数据。 此外，JavaScript允许自定义对象。1、属性和方法 属性是与对象相关的值。 方法是能够在对象上执行的动作。2、JavaScript 中的对象 在JavaScript 中，对象是数据（变量...
2018-11-22 12:13:08
100
原创 JS数据类型
字符串、数字、布尔、数组、对象、Null、Undefined 1、JavaScript 拥有动态类型 JavaScript 拥有动态类型，这意味着相同的变量可用作不同的类型：var x // x 为 undefinedvar x = 6; // x 为数字var x = "Bill"; //...
2018-11-21 10:51:44
128
原创 JS变量
变量是存储信息的容器。 1、JavaScript 变量 与代数一样，JavaScript 变量可用于存放值（比如 x=2）和表达式（比如z=x+y）。 变量可以使用名称（比如x和y）,也可以使用描述性更好的名称。 （1）变量必须以字母开头 （2）变量也能以$和_符号开头（不过不推荐这么做） （3）变量名称对大小写敏感2、JavaScript 数据类...
2018-11-20 17:48:54
135
原创 JS语句
1、JavaScript语句 JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。 下面的JavaScript语句向id="demo"的HTML元素输出文本"Hello World"document.getElementById("demo").innerHTML = "Hello World"2、分号 分号用于分隔JavaScrip...
2018-11-20 16:25:10
129
原创 GoJs绘制E-R图时，把layout设置为ForceDirectedLayout
在最近的项目中，由于表的数据太多，绘制出来的E-R图很乱：所有的表会连续排在一起，有关联的两张表中间可能横着很多张没有关联的表，因此有关联的表之间的关系就会看得很不明了。 这里我用这个方法解决这个问题：把layout设置为ForceDirectedLayout（力导向布局）。这样，有关联关系的表展示在一边，没关联关系的表整齐的排在另一边。修改步骤如下： 首先，在定义画布...
2018-11-20 15:15:02
2630
1
原创 JS输出
JavaScript通常用于操作HTML元素。1、操作HTML元素 如需从JavaScript访问某个HTML元素，您可以使用document.getElementById(id)方法。例子： 通过指定的id来访问HTML元素，并改变其内容。<!DOCTYPE html><html> <body> ...
2018-11-19 18:19:15
166
原创 JavaScript
JavaScript是属于网络的脚本语言，被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。一、JS基础1、JS简介2、JS输出3、JS语句4、JS变量5、JS数据类型6、JS函数二、JS对象1、JS对象2、JavaScript 对象3、JS 正则表达式...
2018-11-19 12:06:34
108
原创 JS简介
JavaScript是世界上最流行的编程语言，这门语言可用于HTML和web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。（1）JavaScript是脚本语言（2）JavaScript是一种轻量级的编程语言（3）JavaScript是可插入HTML页面的编程代码（4）JavaScript插入HTML页面后，可由所有的现代浏览器执行 HTML中的脚本...
2018-11-19 12:05:35
172
原创 vue生命周期
下面展示了实例的生命周期。选项/生命周期钩子 所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法(例如：created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文，因为 this 与你期待的Vue实例不同， this.fetchT...
2018-11-15 15:04:52
102
原创 Vue深入响应式原理（双向绑定原理）
Vue用了快一年了，一直没有花时间去了解过它的原理，对于双向绑定这块，也只知道在项目中怎么使用。在网上百度了一波后，发现我有知识都没接触过，今天就来好好整理一下。 我理解的Vue双向绑定的大致思路如下：（1）Vue会使用documentfragment劫持根元素里包含的所有节点（这些节点包括标签元素、文本、换行的回车等）。（2）Vue会把data中所有的数据，用defined...
2018-11-14 15:50:08
397
原创 GoJS中Panels的Table元素
GoJS绘制图表一般分为三步：第一步、定义画布；第二步、定义节点；第三步、定义连线。 如上图所示，如果在节点中我们要绘制一个含有表格的图表，那么这个表格该怎么绘制呢思路如下：分成两个部分，第一个部分是蓝色背景的表名部分，第二部分是白色背景的字段部分。（1）在Diagram的node中定义一个主面板，再在主面板中定义一个table，然后定义table的第一行Ta...
2018-11-09 16:48:10
2132
1
原创 goJs简介
GoJS属于功能丰富的JS库，在Web浏览器和平台上可实现自定义交互图和可视化效果，GoJS用自定义模板和布局组件简化了节点、链接和分组等复杂的JS图表。 GoJS给用户交互提供了许多先进的功能，如拖拽、复制、粘贴、文本编辑、工具提示、上下文菜单、自动布局、模板、数据绑定和模型、事务状态和撤销管理、调色板、概述、事件处理程序、命令和自定义操作的扩展工具系统。 无需切换服...
2018-11-07 16:20:15
10335
1
原创 vue权限控制路由（vue-router 动态添加路由）
用户登录后返回权限菜单，前端根据权限菜单动态添加路由，然后再动态生成菜单栏。 思路如下： 一、定义初始化默认路由。二、动态配置路由，这里是把所有组件中相应的路由配置成一个个的对象，根据后台返回的菜单tree一个个去匹配。三、通过匹配，把匹配好的路由数据addRoutes到路由中。四、为了防止刷新页面后路由数据被清空，这里用判断是否登录的方式，再次...
2018-09-13 15:13:36
74328
10
原创 gojs基础
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>GOJS使用步骤</title> <script src="js/go.js"></script> &
2018-08-23 16:42:12
501
原创 gojs绘制UML class
项目这边的需求是绘制有一定关系的拓扑图，所以这里我决定使用gojs的UML class绘制。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/go.js&quo
2018-08-07 16:12:19
578
1
原创 Vue 项目优化
1、基础优化 所谓的基础优化就是任何web项目都需要做的事情，并且也是问题的根源。 HTML,CSS,JS是第一不要优化的点，分别对应是.vue文件内的<template></template>,<style></style>,<script></script>(1)、template 模板部...
2018-08-06 15:32:52
162
原创 vue 中引用gojs绘制E-R图
首先，在vue项目中安装gojs的依赖包，并在项目中引入。创建tablePreview.vue<style> #sample{ position: relative; margin: 20px; } #myOverviewDiv { position: absolute; width:225px; height:100p...
2018-08-02 12:18:25
5607
3
原创 vue项目中导入所需包
一、Vue中引入jQuery首先在当前项目的根目录下（就是与package.json同目录），运行命令npm install jquery --save-dev其次，改变webpack.base.conf.js加入var webpack = require("webpack")； 2、在module.exports的里面加入plugins: [ new web...
2018-07-25 14:45:39
9711
1
原创 vue 问题集锦(打包)
1、设置根节点满屏在写vue应用时，想让根节点满屏，设置height: 100%无效。2、Vue项目打包（1）npm run build打包后生成一个dist文件夹，放到服务器tomcat的webapps中。（2）启动tomcat,发现一个空白页，解决方法如下：https://www.cnblogs.com/muamaker/p/8023522.html①找到c...
2018-07-09 17:00:11
434
原创 VUE 核心思想
Vue的核心思想为数据驱动和组件化。一、数据驱动--双向绑定 Vue是MVVM框架，而DOM是数据的一种自然映射。 传统的模式如下： Ajax请求从model请求数据 --> 手动触发DOM并传入数据从而修改页面。 Vue的模式如下： 在Vue中，Directives对view进行了封装，当model中的数据发生变化时，Vue就会通过Direct...
2018-07-09 10:43:10
7471
原创 vue项目运行
https://www.cnblogs.com/pengjunhao/p/6762141.html 运行vue项目需要：（1）node.js环境（npm包管理器）（2）Vue-cli 脚手架构建工具（3）cnpm npm 的淘宝镜像 一、安装node.js安装完成之后，打开命令行工具，输入node -v, 出现相应的版本号，则说明安装成功Npm 包管理器，是集成在node中的，所以直接输入npm...
2018-03-20 10:44:56
611
原创 Vue--导航栏菜单
menu.html导航栏左项目名称您好，用户！v-bind:class="{checked: index == nowIndex}"v-on:click="setTab('menu',index,menus)">{{ menu.text }}菜
2017-12-15 16:35:05
9366
2
原创 Vue基础学习
一、Vue.js 模板语法1、插值（1）文本数据绑定最常见的形式就是使用{{...}}（双大括号）的文本插值。DOCTYPEhtml>html>head>metacharset="UTF-8">title>Vue模板语法title>scripttype="text/javascript"src="js/vue.min.js">script>
2017-12-15 16:32:57
227
原创 浏览器兼容性问题
解决浏览器兼容性问题，主要从三个方面入手：HTML部分、css部分、js部分1.HTML部分(1)最突出的是高版本的浏览器用了低版本的浏览器无法识别的元素，从而导致不能解析，主要体现在HTML5标签上。 解决方法是：htmlshim框架可以让低于IE9的浏览器支持html5(2)img的alt属性，在图片不存在的情况下，各浏览器的解析不一致。 在chrome下显示的是一张破损的图...
2017-11-03 16:47:03
192
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人