189.gulp创建处理css文件任务
在cmd窗口执行命令：npm install gulp cssnano,该插件为npm管理的一个包，其实npm就相当于是Python中的pip，pip是Python包的管理工具，而npm就是node包的管理工具。 对于css文件的处理，主要就是将文件进行压缩，对css文件进行压缩只是依靠gulp包还 ... 查看全文
vue组件间的通信之pubsub-js
本文介绍使用发布订阅的方式进行vue组件间的通信 我认为这种方式比较自由， 不存在组件间的关系问题 1. 首先安装pubsub-js npm install --save pubsub-js 2. 订阅方组件 import PubSub from 'pubsub-js' mounted(){ // ... 查看全文
184、HTML中，PDF版报告的展示和下载
HTML中，PDF版报告的展示和下载 相关搜索：脚本编辑器；$scope.r_g_company.reportPage；文件上传中... 1、展示，在HTML中，划定一个区域，用做PDF版报告的展示 （1）封面内容：一个单独的HTML，内有动态数据插入 （2）展示内容：另一个单独的HTML，内有动态 ... 查看全文
01.JS块级作用域与let
1.块级作用域 什么是： 在一个代码块（括在一对花括号中的一组语句）中定义的所需变量（与let配合使用）并在代码块的外部是不可见的。 为什么： 在ES6之前，函数只能在全局作用域和函数作用域中声明，不能在块级作用域中声明，造成诸多问题： 1.内层变量会覆盖外层变量 2.用来计数的循环变量泄漏变成全局 ... 查看全文
SAP BSP和JSP页面里UI元素的ID生成逻辑
CRM WebClient UI WebUI最后渲染出来的dom element这些C _W 的id是在哪行ABAP代码被render出来的？ See my blog WebClient UI element ID generation logic https://blogs.sap.com/201 ... 查看全文
【vue/css】如何给vue页面添加背景图片-vue cli3
找了很多教程终于做好了，现贴出来，以备不时之需。 1、首先需要两个div，一个用来放背景图，一个用来放除背景图之外的东西 1 <div class="background"></div> 2 <div class="front"></div> 第一个div放背景图 <div class="backg ... 查看全文
Ext js-02 -官方API文档使用
官方API文档地址： http://docs.sencha.com/extjs/6.5.3/classic/Ext.html 打开网页如下： 1.选择所使用的Ext js版本，后面offline docs是离线文档的下载 2.搜索功能：查找类，组件等 需要注意这个API下面modern是手机端对应的 ... 查看全文
rapidjson的学习及使用
首先，附上官方链接：http://rapidjson.org/zh-cn/md_doc_tutorial_8zh-cn.html ... 查看全文
【原创】从零开始搭建Electron+Vue+Webpack项目框架（五）预加载和Electron自动更新
导航： （一）Electron跑起来（二）从零搭建Vue全家桶+webpack项目框架（三）Electron+Vue+Webpack，联合调试整个项目（四）Electron配置润色（五）预加载及自动更新（六）构建、发布整个项目（包括client和web）（未完待续） 摘要：到目前为止，我们的项目已经 ... 查看全文
（纯js）如何不刷新网页就能链接新的js文件
如何不刷新网页就能链接新的js文件，其实在HTML语言中已经有相关的函数了，就是再添加一个<script src=.....></script>。 函数很简单，叫document.body.appendChild(script); 使用方法如下 <!DOCTYPE html><html><head> ... 查看全文
js+html+css实现轮播图
首先先把轮播图的结构搭建起来(html),代码如下： 结构可自行搭建，结构搭建完接着就是用css去进行修饰美化 此时的ul是没有给它设置固定的宽和高的，高可以先设置，宽不能，等下让图片一张接一张一的动起来，实际上是改变了ul的left值，ul的宽可以通过图片（li）的宽 乘以 图片数量即可得到，但是 ... 查看全文
【逆战】CSS中的响应式布局
一、响应式布局： 在小型网站建设中，有运用一套代码代码来适应不同终端分辨率的需求，优点：节约制作时间、节约制作成本、便于维护等优点。 CSS3利用媒体查询（media queries）即可针对不同的媒体类型定义不同的样式，从而实现响应式布局 。也可以针对不同的分辨率设置不同的样式。 1024分辨率以 ... 查看全文
腾讯云视频jquery批量上传视频文件
{extend name="public/layout" /} {block name="head"} <script src="//cdn-go.cn/cdn/vod-js-sdk-v6/latest/vod-js-sdk-v6.js"></script> {/block} {block name ... 查看全文
致敬尤雨溪，Vue.js 让我赚到了第一桶金
最近这个 Vue.js 纪录片在前端圈广为传播，相信不少人已经看过了。第一次看编程领域的纪录片，感觉还挺新鲜的。这部 30 分钟左右的纪录片制作精良，主角是 Vue.js 作者尤雨溪，还穿插采访了框架的几个核心贡献者和早期用户。 之前看过一次尤雨溪介绍 Vue.js 的视频，他英文之流利，表达之清晰 ... 查看全文
通俗易懂的CSS的浮动float详解
目录： 1. CSS浮动属性float详解 2. CSS常见页面布局 3. CSS浮动清除和清除浮动的几种方法 4. 高度塌陷的产生条件和解决方法 ## CSS浮动属性float详解 *首先，我们需要了解什么是浮动？浮动是指(浮动的特点)：- 将元素排除在普通流之外，即元素将脱离标准文档流。- 元素 ... 查看全文
10个顶级的CSS3代码生成器
10个顶级的CSS3代码生成器新出来的在线工具和web应用允许开发人员快速创建网站，而无需手动一行一行地编写代码。当前，不断有新的框架和代码库涌现在前端开发这个领域里。但是，这也让许多开发人员忘记了代码生成器以及它们在构建网站时的作用。以下资源是完全免费的web应用，可用于生成图案、渐变、甚至浏览器前缀属性的CSS3代码。如果你写的是前端代码，然后这些资源可以为你节省大量的时间，并为今后的项目工作 查看全文
先从css3开始拾起
想要制作个性化的博客，就要在各个部件选择自己喜欢的风格 我先从导航栏开始 制作从下到上的导航栏 有点问题，因为我想要的导航栏是由下至上的，一可以在目标里创建元素并设置溢出不显示，当hover时 学到了元素覆盖的一种方式：兄弟元素中一个绝对定位就会覆盖第一个 jq的用法，创建加入元素、寻找父元素、鼠标 ... 查看全文
通过mockjs来制作假数据
需用用到的模块为express和mockjs //导入模块开启服务器模块 const express=require('express') //导入假数据模块 const mockjs=require('mockjs') //调用express方法 const app=express() app.g ... 查看全文
最全JavaScript基础总结
JavaScript介绍 什么是JavaScript？ Javascript是一门面向对象的，跨平台的脚本语言。 JavaScript有什么特点？ 解释性脚本语言 运行在浏览器（浏览器内核带有js解释器，Chrome v8引擎） 弱类型语言（松散型） 事件驱动（动态） 跨平台 JavaScript有 ... 查看全文
Keycloak快速上手指南，只需10分钟即可接入Spring Boot/Vue前后端分离应用实现S
登录及身份认证是现代web应用最基本的功能之一，对于企业内部的系统，多个系统往往希望有一套SSO服务对企业用户的登录及身份认证进行统一的管理，提升用户同时使用多个系统的体验，Keycloak正是为此种场景而生。本文将简明的介绍Keycloak的安装、使用，并给出目前较流行的前后端分离应用如何快速接入Keycloak的示例。Keycloak是什么Keycloak是一种面向现代应用和服务的开源IAM（ 查看全文