前端
_好吗_好的
Stay Hungry,Stay Foolish.
展开
-
webstorm中常用的快速输入标签
参考: 前端学习总结(二十)那些你可能不知道却强大方便的WebStorm快捷键 webstorm批量编辑快捷键【跳转到指定行,批量输入】 Intellij idea 快捷键(1)–生成for循环代码块 WebStorm快捷键收集<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...转载 2018-10-12 19:04:25 · 4669 阅读 · 0 评论 -
Angular6笔记--动态设置页面标题title
众所周知,Angular6非常适合创建单页面应用的框架,所以Angular6创建出来的项目是放在一个页面中的,这也导致了所有页面的标题都是一样的,那么问题来了,怎么修改某一个页面的标题呢? 这里需要介绍一个知识点:Title ServiceTitle Service 用于获取和设置当前 HTML 文档的标题Title Service 提供了以下方法:setTitle() ge...原创 2019-01-22 14:27:10 · 4303 阅读 · 1 评论 -
Angular7开荒----集成Less
如果需要用Angular7创建Less项目时,可以在创建项目时选择Less:如果需要对已有项目集成Less,那么需要做两件事:1、修改后缀名-----》将*.css文件以及引用处的后缀名改为.less;2、在angular.json文件的schematics中添加如下配置: 配置代码: "@schematics/angular:component": { ...原创 2019-01-24 20:47:19 · 824 阅读 · 0 评论 -
Angular6向Angular7跨越
最近一直在用Angular这个框架,也打算深入学一下,在去年9月的时候看到了Angular出7.0版本了,想着自己还是个年轻人,应该有不断学习的能力,但是前面一直在弄软考,项目什么的,为了开发速度就没有更新,这次有时间了,也看到官方说angular7的效果很不错,所以全部都升级一下Angular6项目升级为Angular7项目(Windows系统下)首先要进入项目目录(这个要千万注意,...原创 2019-01-23 21:56:13 · 1687 阅读 · 0 评论 -
Angular6实现绑定HTML自定义属性的值以及CSS中background属性的数据绑定
今天用Angular6在整合网上一个代码的时候,他的代码的一个HTML标签有几个自定义标签,然后我以为转换到Angular后和不是自定义标签一样直接加[]就可以了,但是一直报错。这里显示没有这个属性 解决方案:去除[]并且加上attr.就可以了 关于CSS中background属性的数据绑定,可以用下面代码: [style.backgroundImage]="...原创 2019-01-01 15:10:23 · 2677 阅读 · 0 评论 -
Angular6使用cookie存储数据且注意事项
1、安装 ngx-cookie-service npm install ngx-cookie-service2、引入模块且申明2.1、引入模块并在providers提供CookieService对象import { CookieService } from "ngx-cookie-service";2.2、申明private cookies: Coo...原创 2019-01-05 08:41:05 · 5655 阅读 · 2 评论 -
Angular6实现搜索关键字词高亮
效果图如下: 1、创建一个pipe2、写pipe(可以完全复制)import {Injectable, Pipe, PipeTransform} from '@angular/core';import {DomSanitizer} from '@angular/platform-browser';@Pipe({ name: 'keyword'})@Injec...原创 2018-12-31 10:03:20 · 1647 阅读 · 0 评论 -
JavaScript 改变标签的css 的class属性
今天做设计模式作业的时候要用到js,为了好看一些,打算通过js来改变HTML标签的class属性 直接通过dom语法来修改HTML的css属性document.getElementById("btn1").setAttribute("class","btn btn-primary");document.getElementById("btn1").className = "btn...原创 2018-12-25 15:59:24 · 13538 阅读 · 0 评论 -
Angular7开荒--Echarts折线图字体设置,留白等设置
今天在集成折线图的时候发现,字体颜色一直是红色,无法通过css来设置,百度了一下,总结如下:可以在option里面加入如下代码: textStyle: { // 字体的样式 fontSize: 18, color: 'white' },可以在这里面进行字体样式的各种设置(比如大小,颜色,字体样式等)实例:textStyle是与xAxis...原创 2019-01-28 11:01:24 · 1098 阅读 · 0 评论 -
分享一篇文章:echarts标题(title)配置(Angular7中的echarts也是这样)
option = { //标题 title : { show:true,//显示策略,默认值true,可选为:true(显示) | false(隐藏) text: '主标题',//主标题文本,'\n'指定换行 link:'',//主标题文本超链接,默认值true targ...转载 2019-01-28 11:13:14 · 837 阅读 · 0 评论 -
Angular7开荒---整合quill富文本编译器--HTML配置参数
当我们使用Angular7整合quill时,要实现上传图片,有些不好弄,只能重写quill的配置参数,以下图是通过[modules]="config"配置quill编译器的工具但是呢,我们要实现上传图片,这样做不好弄,所以需要重写HTML自定义工具栏:这是官方的所有HTML工具栏:https://github.com/quilljs/quill/blob/f75ff29...原创 2019-04-14 01:49:18 · 1345 阅读 · 0 评论 -
Echarts 柱状图 固定柱宽和最大宽度的设置
如图:代码如下:barWidth: 30, // 柱图宽度barMaxWidth: 30, // 最大宽度原创 2019-03-11 19:52:36 · 34021 阅读 · 0 评论 -
Angular7使用window的onresize绑定多个函数
今天发现了一个神奇的函数window.onresize,发现当窗口发生变化时,会调用window.onresize,那么我们就可以通过这个函数对整体布局进行一个较好的调整,但是Angular是多组件化的,而我之前试了一下,发现只会调用一次,百度了一下,找到了解决办法:window.addEventListener('resize', () => myChart.resize(), f...原创 2019-03-15 20:14:20 · 1915 阅读 · 0 评论 -
Echarts各个图表data的格式问题
原文出处:https://blog.csdn.net/u012157999/article/details/54576049之前自己存在误解,echarts中data数据格式不是字符串,格式是对象,下面代码中的item,就是你需要生成的对象function getChartData(myChart) { $.get("/Liems/xslt/getAjaxText.jsp?&a...转载 2019-03-10 21:29:28 · 14771 阅读 · 0 评论 -
Angular7开荒---集成Echarts4实现Echarts社区的全国主要城市空气质量实例图表
今天早上,将弄了两天的地图完全集成了昨天集成了一天也没有弄好,百度了好多博客,国内的,国外的,都百度了,大多数博客都说少了个文件,china.js,我这边用Angular7集成的,通过npm下载echarts后直接会有这个js文件,位置在如果你们不是通过Angular7集成的,是通过原生的话就要自行下载echarts.min.js和china.js你们下载的话可以通过这篇博客...原创 2019-01-30 11:01:02 · 1589 阅读 · 0 评论 -
HBuilderX使用mui开发app时需要注意的事情(持续更新)
我移动端采用的是MUI(感觉是废话)后端采用的是SpringBoot2 至于怎么实现springboot支持websocket,请移步:https://blog.csdn.net/moshowgame/article/details/80275084 开发需要注意的事情:1、不能使用localhost和127.0.0.7这两个地址,需要使用本机的IP地址,而且手机和电脑要连...原创 2019-01-23 16:49:35 · 3235 阅读 · 0 评论 -
Angular7开荒-------整合Echarts时出现ECharts is not Loaded错误
错误描述用echarts.js和china.js配置地图,结果显示不正常,打开浏览器后台,显示以上报错。原因:原因是在加载echarts.js前加载的china.js了 解决办法:必须先加载echarts.js才能加载其它的地图组件。...原创 2019-01-28 16:42:34 · 2536 阅读 · 4 评论 -
DOM实现获取img标签src属性的绝对位置和相对位置
获取相对路径显示图片的相对当前的文档所处的位置。document.getElementById(obj).getAttribute('src') 获取绝对路径显示是图片的完整路径,即在服务器的哪个文件夹下和文件命名。document.getElementById(obj).src ...原创 2018-12-29 12:34:23 · 4961 阅读 · 0 评论 -
(转载)7种开源的富文本编辑器对比
原文地址:https://www.cnblogs.com/linkstar/p/6858995.html最近要开始课设了,做的是个人博客系统,需要用到富文本编译器,而自己正在学习过程中,转载这篇博客是为了方便日后学习 目录 原文地址:https://www.cnblogs.com/linkstar/p/6858995.html1、UEditor 百度的。2、kinde...原创 2018-12-22 21:03:32 · 1192 阅读 · 0 评论 -
HTML-如何正确给table加边框
Html-浅谈如何正确给table加边框一般来说,给表格加边框都会出现不同的问题,以下是给表格加边框后展现比较好的方式复制代码 table,table tr th, table tr td { border:1px solid #0094ff; } table { width: 200px; min-height: 25px; line-height: 25p原创 2017-12-20 10:57:24 · 534 阅读 · 0 评论 -
用HTML5制作简单的个人简历
下面有图片,可以看到我所用的标签。这其中用<video>标签实现了播放视频,可以考虑借鉴下。<!DOCTYPE html><html><head><title>个人简历</title><meta name = "author" content = "Eternall原创 2017-12-20 17:47:11 · 51992 阅读 · 0 评论 -
CSS+HTML实现布局
<!DOCTYPE html><html><head><meta charset="utf-8"><title>div+css</title><style>div.first{ width:1000px; height:46px; background-color:#77FF00; color:blue; border: 3px solid #0原创 2018-01-11 09:21:51 · 415 阅读 · 0 评论 -
HTML+CSS实现注册页面
html>head>title>注册title>head>form action="">fieldset>legend>信息注册:legend>用户名: input type="text" name="user">br>br>密 码: input type="password" name="password&q原创 2018-01-11 09:25:51 · 6587 阅读 · 0 评论 -
JS实现简单的判断文本框长度
有点点JS基础的人都可以看得明白,那么就不多说,直接上代码JS代码如下 function chargeid() { var x, text; x=document.login.name.value; // 如果输入的值 x 不是数字或者小于 1 或者大于 10,则提示错误 Not a Number or less than one or greater t...原创 2018-05-28 21:05:04 · 12389 阅读 · 5 评论 -
CSS中fixed和absolute区别
fixed:固定定位absolute:绝对定位区别:1、没有滚动条的情况下没有差异2、在有滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动 ...原创 2018-09-26 09:08:22 · 4809 阅读 · 0 评论 -
响应式布局@media only screen and 解释以及demo
摘自:https://blog.csdn.net/qq_34960569/article/details/51775737only(限定某种设备)screen 是媒体类型里的一种and 被称为关键字,其他关键字还包括 not(排除某种设备)/* 常用类型 */类型 解释all 所有设备braille 盲文embossed 盲文打印handheld 手持设备print 文档打...原创 2018-09-26 11:44:49 · 5720 阅读 · 0 评论 -
WebStorm设置Tab建快速生成代码模块
WS中,比如调试每次都要写的console.log(xxx);每次都要敲一遍,还有if模块,for循环模块,难道没有快捷键,可以生成代码模块吗,答案是“有”。操作步骤如下(汉化版WS):1、Alt + F7打开设置页面;2、找到如下模板,点击右边的“+”号添加Live Template设置关键字和代码,选择底下的Define选择JavaScript点击确定,即可;如图:3、在代...转载 2018-10-12 19:14:42 · 3375 阅读 · 0 评论 -
非常漂亮的JS插件--------scrollReveal.js – 页面滚动显示动画JS(转)
scrollReveal.js – 页面滚动显示动画JS简介和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。不同的是 WOW.js 的动画只播放一次,而 scrollReveal.js 的动画可以播放一次或无限次;WOW.js 依赖 animate.css,而 scrollReveal.js 不依赖...转载 2018-11-04 15:57:33 · 1124 阅读 · 0 评论 -
Angular6 出现 MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。
如题,今天用angular搭建项目后安装jquery不知道为啥出现了这个错误,前面搭建项目的后还可以下载的。。错误如下:错误原因:缺少windows构建插件解决方法:在命令行工具中运行npm install –global –production windows-build-tools (全局安装windows构建工具)安装成功了再次安装jquery就没问题了...原创 2018-12-20 17:05:57 · 1365 阅读 · 0 评论 -
webstorm 底部一直在闪烁显示indexing
解决办法:File->Invalidate Caches / Restart...->Invalidate and Restart再次启动就可以了原创 2018-07-14 21:01:46 · 1348 阅读 · 1 评论 -
windows下安装和配置git
摘自https://blog.csdn.net/exlsunshine/article/details/189393291、从git官网下载windows版本的git:http://git-scm.com/downloads2、一般使用默认设置即可:一路next,git安装完毕!3、但是如果这时你打开windows的cmd,在里面打git命令会提示“不是内部或外部命令,也不是可运行的程...原创 2018-05-12 12:30:16 · 452 阅读 · 0 评论 -
Angular6引入jquery(三步解决)
首先下载jquerynpm install jquery --savenpm install @types/jquery --save-dev 配置angular.json(注意要写在第一个出现的script中) 在所需要的组件的ts中引入jquery 这里需要注意在OnInit中加入(初学哈,刚刚解决的) ...原创 2018-11-21 22:36:00 · 1670 阅读 · 0 评论 -
Angular6 修改启动端口号(详细)
今天学angular的时候要新创建一个项目,原项目没关闭进程就直接关闭webstorm了,然后新创建项目的时候就出现端口被占用的情况,怎么弄也没弄好,于是只能修改新项目的端口号 angular6和以往版本不同,没有angular-cli,很多结构都发生变化了。。。话不多说项目结构图如下: 点开schema.json文件,每个项目默认端口号是4200,直接ctrl+f...原创 2018-07-15 20:10:01 · 7286 阅读 · 3 评论 -
笔记:Angular6引入Bootstrap4(有个坑)
初学angular的时候安装的是angular6版本,然后由于资料缺乏,学长说2,3,4,5,6这几个版本基本没什么区别,就直接拿angular6跟着学了,在引入Bootstrap4的时候一直用不了这个按钮的效果一直实现不了,后面问了下学长才知道自己的"node_modules/bootstrap/dist/css/bootstrap.css"和"node_modules/boots...原创 2018-07-18 21:43:23 · 5655 阅读 · 4 评论 -
Angular6 引用Layer插件
自己以前做课程设计的时候一直想用layer,由于时间紧迫一直没用,,,现在实验室做项目,,想自己的项目好看一些,决定用这个插件,以前是web项目,现在是angular项目,,不同。。。用angular6引入Layer的时候一直出问题,引用不了。。。这个bug拖了几天。。今天弄bootstrap的下拉菜单的时候发现自己连jquery都引不进来(我要冷静),,,然后直接不再组件里面引了,直接angul...原创 2018-08-01 20:01:25 · 2559 阅读 · 1 评论 -
Angular7集成quill实现上传图片
NG7通过这篇博客整合quill亲测无BUG:https://www.cnblogs.com/scott-j/p/9016027.html但是呢,这里原博主整合图片上传的代码的工具栏太少了,这里我写了一篇博客,给出了完整的代码:https://blog.csdn.net/qq_38712932/article/details/89291853这样就没任何问题啦~~...原创 2019-04-14 01:53:27 · 986 阅读 · 0 评论