经过将近一个月的研发,初步实现了打印单据的自定义设计,样子还有点丑陋,但是功能基本都实现了,实现了以下功能: 1.表头表尾支持动态添加行.添加列.合并单元格(可多行多列合并). 2.表头表尾分别布局,表头表尾的行列分别配置,不互相影响.如图,表头三列,表尾四列. 3.可定义行高,单元格宽度. 4.可对单元格内的字体类型.字体大小.字间距.是否加粗.是否斜体.是否有下划线.对齐方式进行自定义设置. 5.可对使用预设的纸张类型,或者自定义纸张大小. 6.单元格内容可以是固定内容,可以添加对应的模板字

前言 一年一度紧张刺激的高考开始了,与此同时,我也没闲着,奔走在各大公司的前端面试环节,不断积累着经验,一路升级打怪. 最近两年,太原作为一个准二线城市,各大互联网公司的技术栈也在升级换代,假如你在太原面试前端岗位,而你的技术库里若只有jQuery和Bootstrap这两门冷兵器,不好意思,相信你很快就找不到像样儿的前端工作了. 因为现在太原的前端招聘市场,已然发生了变化,城市在不断地向二线靠拢,技术栈也在不断地向一线城市看齐(虽然薪资水平还在三线城市停留).仅仅是我知道的一些公司项目里面,已经

图片的 base64 编码就是可以将一副图片数据编码成一串字符串,使用该字符串代替图像地址,使用 base64 传输图片文件可以节省一个 http 请求,图片的 base64 编码可以算是前端优化的一环 VUE Base64编码图片展示 <img :src="icon"> export default { data() { icon: 'data:image/png;base64,,XXXXX...', } } 图片在线转换Base64:http://imgbase64.d

vue轮播,展示pdf 根据左侧图片格式,右侧展示相应的pdf文件与图片.(vue中不支持pdf格式,pdf文件要放在static文件里):代码如下: <template> <!-- 户图件展示 --> <div id="houseImgBox"> <!-- 左侧img图片 --> <div class="leftlList"> <GeminiScrollbar class="my-scro

准备工作 VUE开发工具:Visual studio Code 倾斜摄影转换工具:CesiumLab-下载地址:http://www.cesiumlab.com/ 三维显示:Cesium,api参考网站:https://cesium.com/learn/cesiumjs/ref-doc/Camera.html#setView 下图为CesiumLab提供的数据处理流程图,我们可以参考学习. 功能实现 首先我们安装VsCode,然后安装Vue,然后依次操作,新建文件夹kibacesium,打开Vs

一.首先安装 eCharts 依赖 npm install echarts -S 二.main.js 引入 eCharts 依赖 2.1)在 main.js 中引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 2.2)HTML.vue export default { name: 'hello', data () { return { msg: 'Welcome' } }, mounted(){ this.draw

地址:https://blog.csdn.net/qq_31126175/article/details/81875468      

1.微博登录 2.爬取数据 3.mysql存储 4.pyechart本地展示 5.用vue搭建网站web展示 先放图: 1.微博登录 新浪微博的登录不是简单的post就能解决的,他的登录有加密,所以我们要使用一定的解密算法才能正常登录微博,得到我们想要的数据. 先不要慌,第一步当然是import我们需要的库 from urllib import request,parse import http.cookiejar import base64 import json import rsa imp

一.商品类别数据和VUE展示 1.商品类别数据接口 将商品类别数据展示出来,视图(views.py)代码如下: class CategoryViewset(mixins.ListModelMixin,viewsets.GenericViewSet): """ list: 商品分类列表数据 """ queryset = GoodsCategory.objects.all() serializer_class = GoodsCategorySeria

video 1 vue:读音: v-u-eview vue到底是什么?一个mvvm框架(库).和angular类似比较容易上手.小巧mvc:mvpmvvmmv*mvx官网:http://cn.vuejs.org/ 手册: http://cn.vuejs.org/api/ vue和angular区别?vue--简单.易学指令以 v-xxx一片html代码配合上json,在new出来vue实例个人维护项目 适合: 移动端项目,小巧 vue的发展势头很猛,github上start数量已经超越angul

video 7 vue问题: 论坛 http://bbs.zhinengshe.com------------------------------------------------UI组件 别人提供好一堆东西 目的: 为了提高开发效率 功能 原则: 拿过来直接使用 vue-cli -> vue-loader //创建项目vue init webpack-simple bootstrap-demo //下载bootstrapbower install bootrap bootstrap: twi

上周的某一天,和一位同样是前端技术极度爱好的开发者朋友聊天,他在提出了一个问题,他写的vue程序为什么在dev模式运行良好,而在production模式就直接报错了.这让我感到惊讶,还有这么神奇的事情.今就把这个历险记道给大伙听听,看能从中学习到什么? 一.还原现场 朋友在看到我的惊讶后,分分就把他出错的demo发给了,本地运行,事故现场重现: 二.排查嫌疑对象 既然现象是必现,要么是自己的代码出了问题,要么就是vue有Bug(心里莫名的偷笑,大伙都懂的). 2.1 代码文件结构和源码展示 从代

最近入坑vue 做一点小的记录 有不对的 辛苦指出 会第一时间更改上新 0.利用vue-cli构建项目新建一个目标文件夹 ,全局安装vue-cli脚手架工具 (全局安装一次即可) npm install -g vue-cli 然后cd 目标文件夹地址 vue init webpack 一个文件名(初始化项目会在这个文件夹下) demo 接下来会出现一系列 webpack的节本配置选择 项目名,项目描述,作者,vue build ,是否安装路由,然后是2个代码检查的内容,不需要直接 no,两个测试

看本篇第二次复习内容即可. 还有一些 文档了这个如 https://www.cnblogs.com/iiiiiher/p/9508733.html https://www.cnblogs.com/iiiiiher/p/8973705.html vue复习项目 1.展示/搜索功能 tofixed 2.删除 filter() 3.全选反选 get checkAll的值, every set 各选项,forEach 4.总价格 reduce 5.选了多少本书 filter+length 6.选中后变灰

一.什么是VUE? 它是构建用户界面的JavaScript框架(让它自动生成js,css,html等) 二.怎么使用VUE? 1.引入vue.js 2.展示HTML <div id="app"> <p>{{msg}}</p> <p>{{ 80+2 }}</p> <p>{{ 20>30 }}</p> <h1 v-text="msg"></h1> <h

安装 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+).你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本. 检查node版本: $ node -v v8.9.3 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli. 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x), 通过 npm uninstall vue-cli -g  卸载它. 安装vue-cli3   npm instal

什么是Vue 什么是Vue Vue.js是一个渐进式JavaScript框架它是构建用户界面的JavaScript框架(让它自动生成js,css,html等) 渐进式:vue从小到控制页面中的一个变量到页面一块内容到整个页面,最终大到整个项目,东可以用vue框架来实现 vue可以干哪些事 将数据渲染到指定区域(数据可以是后台获取,也可以由前台自己产生) 可以与页面完成基于数据的交互方式 为什么学习Vue 1.整合了Angular React框架的优点(第一手API文档是中文的) 2.单页面应用(

一.什么是VUE?  它是一个构建用户界面的JAVASCRIPt框架  vue不关心你页面上的是什么标签,它操作的是变量或属性 为什么要使用VUE? 在前后端分离的时候,后端只返回json数据,再没有render方法,前端发送ajax请求(api=url)得到数据后,要在页面渲染数据,如果你js+css实现就太麻烦了,这时候VUE就出现了.二.怎么样使用VUE 1)引入vue.js <script src=vue.js></script> 2) 展示html <div id=

在Vue的webpack中结合runder函数 1.引入: <h1>下面是vue的内容:</h1> <div id="app"> <login></login> </div> 2.main.js //默认无法打包vue文件 需安装vue-loader import Vue from 'vue' import login from './login.vue' var vm = new Vue({ el:"#

  因为公司项目要用vue框架,所以会用vue-cli来新建项目.用过vue的都知道,要全局安装vue以及脚手架vue-cli,然后执行vue init webpack projectname来新建vue项目模板.但是最近新建项目的时候发现,即使是在本机全局安装了vue最新版本2.5.17,可是用vue-cli脚手架创建vue项目木板的时候发现,vue的版本还是2.5.2版本.查过官方文档之后了解到,vue-cli有最新版本,需要重新安装,而且新建项目的方式也有所不同.这篇文章将针对vue以及v

官方链接:https://cli.vuejs.org/zh/guide/installation.html 1.安装Vue cli3 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli. 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它. Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推