![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
【Web前端】
种下星星的日子
用代码书写人生,尽在我的CSDN,欢迎大家访问!
展开
-
Ajax下载文件乱码
背景:同事给发了份excel,要求补充数据,每次给同事提供数据都是跑脚本方式,实在麻烦,那就导入excel后再让他导出补充后的excel好了,他自己可以操作,省时省力。采坑纪实:先是采用ajax请求,第一版代码: $.ajax({ type: "POST", url: Feng.ctxPath + "/export/batchExportTask", async: true, data: formDat原创 2021-10-28 18:42:26 · 1266 阅读 · 3 评论 -
前端一条线了解
前端一条线了解。。。原创 2017-09-17 21:50:16 · 628 阅读 · 14 评论 -
富文本编辑器的使用
富文本编辑器在系统中经常会用到,具体用法如下:一、引入css,js: <linkhref="/js/kindeditor-4.1.10/themes/default/default.css"type="text/css"rel="stylesheet"> <scripttype="text/javascript"charset="utf-8"src="/js/kindeditor-4.原创 2017-12-17 16:42:06 · 446 阅读 · 12 评论 -
Angular2——创建组件
一、页面规划: 针对公司项目需要,做一个列表查询页,前期主要涉及页面,讨论应该显示的内容,根据用户需求需要设计几个按钮,根据哪几个字段查询最为合理,易用。二、使用Angular创建组件: ng g component pub-training-plan三、创建结果: 创建完成后的文件有css,html,ts,spec.ts四个文件,css写样式,html写静态页面,ts写js代码...原创 2018-02-25 21:49:08 · 1997 阅读 · 19 评论 -
【Vue】Quill Editor自定义组件
最近小编在做案例展示,在富文本编辑器这里花了不少时间,还好有前端大哥帮忙,这才拨开云雾见月明。对于图文信息,有多种编辑器,我选用的是Quill Editor。对vue的使用还不熟练,在富文本编辑器这里遇到的问题主要是上传图片,我们要求的是限制图片最大宽度800px,大小不超过1M。下面我们来说说富文本编辑器的引入和使用:1、执行命令:npm install vue-quill-editor ...原创 2019-06-25 14:16:05 · 1529 阅读 · 0 评论 -
【Vue】路由跳转
路由跳转有几种方式,我用的最多的是$router.push的方法:实践:例如下面的页面,要求点详情跳转到详情页。那么在列表页代码如下://详情detail (id) { this.$router.push({ path: '/cms-storeoperationcontent/storeoperationcontent-detail', query: { ...原创 2019-07-04 17:48:25 · 1036 阅读 · 0 评论 -
【Vue】el-button按钮显示/隐藏
路由跳转不同页面,显示相应的按钮,在这里,小编介绍一下如何设置el-button的隐藏和显示,仅做笔记,请多指教!实现效果:添加/编辑页面 显示取消、发布、保存;详情页,如果是已发布状态,显示下线:实现代码如下:定义四个按钮:<el-button @click="visible = false" :style="{ display: visibleCancel }">取消...原创 2019-07-16 15:18:35 · 48881 阅读 · 7 评论 -
【Vue】el-upload上传
上传图片效果图:实现代码:<el-form-item label="上传banner" prop="logo"> <span>支持扩展名:.png \ .jpg \ .jpeg;文件大小为:1920*676 px</span> <el-upload class="avatar-uploader" :headers="heade...原创 2019-07-19 14:49:30 · 3016 阅读 · 0 评论 -
【Vue】列表嵌入下拉框
如何将下拉框嵌入列表,如下:实现代码:<el-table border :data="linkData"> <el-table-column label="终端" > <template slot-scope="scope"> <el-select v-if="scope.row.addSign" v-mo...原创 2019-07-19 20:10:42 · 1697 阅读 · 0 评论 -
课程表-星期和节次坐标定位
在开发课程表过程中遇到这样的需求,根据后端回显的数据,返回填充到对应的星期和节次中,就像这样: 那么在前端是如何实现的呢: 核心代码实现: wc: String[] = new Array(); //将课程表存放到数组wc里 s: string; //学年学期 w: number; //星期 c: number; //节次 o: string; //单双周//从dataserv原创 2017-10-21 19:08:27 · 2139 阅读 · 18 评论 -
Angularjs按需查询
课程信息管理界面有这样一个需求,当课程类型为公选课的时候,可以选择课程性质,当为其他课程类型的时候,不必选择课程性质。 代码:/** * 获取课程类型下拉框数据 */ getCourseTypeNameOptions(){ let url = "teachingManagement-web/course/queryAllCourseType"; this.ht原创 2017-10-29 22:09:02 · 410 阅读 · 21 评论 -
Ajax异步请求-GET和POST
Ajax异步请求一、整体概览:二、异步请求有五步: 1.创建XMLHttpRequest对象 2.注册回调方法 3.设置和服务器端交互的相关参数 4.设置向服务器端发送的数据,启动和服务器端的交互 5.回调判断三、GET与POST请求: var xmlhttp;原创 2016-12-02 22:15:59 · 843 阅读 · 66 评论 -
【JavaScript】BOM很重要
什么是BOM?浏览器对象模型(Browser Object Model),提供了独立于内容而与浏览器窗口进行交互的对象,由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window。它由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。但BOM缺乏标准,JavaScript语法标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。原创 2016-12-02 14:01:36 · 1300 阅读 · 12 评论 -
【JavaScript】DOM进阶
DOM进阶一、DOM是什么? DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示,不过页面当然可能并不是以这种树的方式具体实现。 通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项原创 2016-12-01 21:45:08 · 836 阅读 · 10 评论 -
【JavaScript】对象与数组
对象和数组 对象其实就是一种引用类型,在ECMAScript中引用类型是一种数据结构,用于将数据与功能组织在一起。它是一门面向对象的语言,却不具备传统面向对象语言所支持的类和接口等基本结构。一、object类型:创建有两种方式:1.new(可省略):varbox=new Object(); //new 方式box.name='李炎恢'; //创建属性字段box原创 2016-11-28 09:10:31 · 455 阅读 · 24 评论 -
【JavaScript】基础
上一篇博客我们提到ECMAScript是JavaScript的核心,他的组成部分有语法、类型、语句、关键字、保留字、操作符等,那么这篇博客我将为大家提供这些最基础,最核心的知识,希望对您有帮助!1.语法:区分大小写;标识符(变量、函数、属性的名字);直接量(字面量,程序中直接显示的数据)关键字和保留字:关键字不能作标识符,保留字可能将来被用作关键字。2.数据类型:原创 2016-11-26 22:45:33 · 579 阅读 · 25 评论 -
【JavaScript】从入门到精通
JavaScript认识一、JavaScript: 是一种具有面向对象能力的、解释型的程序设计语言。是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因不需要在一个语言环境下运行,而只需要支持它的浏览器即可。主要目的是验证发往服务器端的数据、增加Web互动、加强用户体验度等。二、特点: 1.松散性:变量不必具有明确的类型 2.对原创 2016-11-25 22:19:24 · 779 阅读 · 26 评论 -
HTML——从三个例子轻松掌握
HTML孙鑫视频内容简介:介绍HTML的常用标记及属性,为xml及后续学习打下良好的基础。目的:帮助对HTML还不熟悉的学员快速掌握常用标记的使用。 一、元素四种形式:1.空元素2.带属性3.带内容...4.带内容和属性基础知识:①paragra,创建一个段,align表示对齐方式②表示line break换行③插入一条水平线,c原创 2016-06-25 21:42:43 · 755 阅读 · 34 评论 -
XML与HTML
一、HTML:是Hypertext Markup Language的简称,中文名为超文本标记语言。超文本就是指页面内可以包含图片、链接、音乐、程序等非文字元素。它由两部分构成:Head和Body。其中Head提供关于网页的信息。Body提供网页的具体内容。二、XML:是Extentsible Markup Language的简称。中文名为可扩展标记语言。它可以对文档和数据进行结原创 2016-07-29 21:47:40 · 421 阅读 · 23 评论 -
Ajax初识
Ajax初识Ajax概述: Ajax作为一项新的Web技术,结合了4种技术(Js,css,dom,XMLHttpRequest),实现了客户端与服务器端的异步通信,并且对页面实行局部更新,大大增强了浏览的速度。Ajax的内容十分丰富,能将一个页面制作成强大的桌面应用程序,就像Google Map、Google Moon和Gmail等。原创 2016-12-02 14:58:12 · 571 阅读 · 20 评论 -
好用的jQuery
好用的jQuery概述: jQuery是一个快速、简洁的JavaScript框架,它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。应用:我们为什么要学jQuery?(1)Write less, Do more(2)jQueryis desi原创 2016-12-02 14:15:21 · 493 阅读 · 15 评论