
前端
文章平均质量分 65
kikyou`
cv工程师ರ_ರ
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
封装2个高德地图组件
示例:import { Component, OnInit, Input, EventEmitter, Output, Renderer2, ElementRef, ViewChild,} from '@angular/core';import { _HttpClient } from '@delon/theme';declare var AMap: any;@Comp...原创 2019-11-18 11:56:53 · 1197 阅读 · 0 评论 -
node-sass 生成sourcemap/监听文件
node-sass 生成sourcemap/监听文件0.无关紧要的叨叨(可跳过)遇到问题->> 不知道怎么用node-sass生成sourcemap文件,我本地的ruby环境下是可以直接生成的 但是现在做的项目就是要求把之前用ruby编译的saas文件全部改成用node-sass的,然后我以为只要在生成的css文件后加一个/*# sourceMappingURL=s...原创 2018-09-08 12:03:09 · 1209 阅读 · 0 评论 -
ngx-echarts笔记2(angular+ngx-echarts)
一、给图表添加背景在图表外加一个外层div,给这个外层div设置背景 html:<!--html--><div class="setimg"> <div echarts [options]="rightOption4" class='demo-chart'></div></div>原创 2018-09-08 12:24:46 · 1609 阅读 · 0 评论 -
path.resolve()理解
学习webpack时遇到path.resolve():webpack.config.js:output: { filename: '[name].bundle.js', //把一个路径或路径片段的序列解析为一个绝对路径 path: path.resolve(__dirname,'dist') },然后去看了node.js文档发现还是...原创 2018-10-18 17:53:41 · 86940 阅读 · 24 评论 -
去掉input type=file的默认样式
原样式:解决:加style="opacity: 0;"变成透明的然后可以外面套个div,在div上自定义样式。原创 2018-09-30 11:14:04 · 11351 阅读 · 3 评论 -
规范代码快捷键(vscode phpstorm)
vscode: shift+alt+Fphpstorm:ctrl+ alt+L原创 2018-09-30 17:26:59 · 5906 阅读 · 0 评论 -
bootstrap网格布局笔记
bootstrap网格布局笔记col-*不写列数时会平分可以解决12列不能平分成5、7份这样的问题<div class="container-fluid"> <div class="row no-gutters"> <div class="col"><img class="img-fluid原创 2018-09-30 18:00:46 · 1624 阅读 · 0 评论 -
JSON、JSON对象、JSON数组的关系
记录这篇的原因最近在做新项目的一个接口用到了大串的JSON数据,取数据取的脑壳疼,于是想把串转换成数组,好拼接一点,虽然一直有用json,但是都只是简单的知道是json,用取对象的方法取就行了也没了解那么多,转数组的过程中也不确定到底是JSON对象还是JSON字符串转数组,于是想搞清楚一下~万恶之源:想了解的问题问题1.json字符串、json对象、json数组分别是啥?都是啥关系?捊...原创 2018-11-09 00:05:03 · 904 阅读 · 0 评论 -
The config file is not valid JSON format
问题:电脑死机,强制关机后ionic项目打不开了ionic serve时“The config file (C:\Users\PC2018.ionic\config.json) is not valid JSON format.”解决:删掉.ionic/内的文件参考:https://stackoverflow.com/questions/42039299/parsing-error...原创 2018-11-29 14:16:04 · 2591 阅读 · 0 评论 -
整理
整理一些平时用过的基础的但是有时还是会去查资料才知道的东西一、css多出文字省略号.ellipsis{ overflow:hidden; text-overflow:ellipsis;}效果:渐变参考:css3渐变//按钮的渐变.buttonbg { background: -webkit-linear-gradient(to ri...原创 2018-12-21 16:54:37 · 246 阅读 · 0 评论 -
使用Promise
最近看头儿的代码里很多这种异步调用,所以学习一下运行一个小demo,直接在谷歌控制台运行的:一、一个demonew Promise(function (resolve, reject) { console.log('(1)start new Promise...'); var timeOut = Math.random() * 2; console.log('(2)s...原创 2019-01-17 21:12:10 · 280 阅读 · 0 评论 -
angular2路由器Routes配置里的pathMatch
angular2路由器Routes配置里的pathMatchpathMatch是一个用来指定路由匹配策略的字符串。可选项有 prefix(默认值)和 full。prefix:以指定的路径开头;full:与指定路径完全一样。例1:{ path: ‘abc’, redirectTo: ‘/tabs/tab1’, pathMatch: ‘p...原创 2019-02-28 16:18:34 · 7822 阅读 · 0 评论 -
ionic4的路由传参和modal传参
一、路由传参1.普通参数例:perfect-self页面跳转到gongsi-organization页面传递参数store_id和store_nameperfect-self.page.tsimport { Router } from '@angular/router';...constructor( public router: Router,){}...this.route...原创 2019-04-17 17:45:13 · 2448 阅读 · 0 评论 -
对prototype和__proto__的理解
一句话解释:每个实例对象都有一个__proto__属性来指向它的构造函数的原型对象,也就是构造函数中的prototype属性例如 :每个构造函数本身也是一个实例对象(由内置对象Function()实例化的),那么这个构造函数既有prototype属性也有__proto__属性,它的__proto__属性指向Function()的prototype,用它实例化出的对象的__proto__...原创 2019-04-24 15:38:37 · 740 阅读 · 0 评论 -
Sass学习笔记
一、介绍是一款强化 CSS 的辅助工具,令 CSS 更加强大与优雅;是一个CSS预处理器,通过添加标记到样式表中,帮助我们更轻松惬意的书写CSS。二、特点完全兼容 CSS;在CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能。三、怎么用1....原创 2018-09-08 11:57:25 · 331 阅读 · 0 评论 -
windows安装sass
1. 安装Rub下载地址:https://rubyinstaller.org/downloads/2. 切换为淘宝的gem源删除原gem源 gem sources –remove https://rubygems.org/添加国内淘宝源 (淘宝源更新为https://gems.ruby-china.com/了) gem sources –add https://gems....原创 2018-08-30 15:14:43 · 359 阅读 · 0 评论 -
angular ng build打包后路径错误导致页面404
错误:` Failed to load resource: net::ERR_FILE_NOT_FOUND` 解决:打包时在ng build后加上--base-href ./原创 2018-09-04 16:17:05 · 2872 阅读 · 0 评论 -
ngx-echarts笔记(angular+ngx-echarts)
这里的很乱,正确md排版的见`ngx-echarts笔记2`(https://blog.youkuaiyun.com/kikyou_csdn/article/details/82528373)### 一、给图表添加背景在图表外加一个外层div,给这个外层div设置背景>html: ```<!--html--><div class="setimg">...原创 2018-05-23 23:51:56 · 3777 阅读 · 0 评论 -
angular“英雄指南”(一)--No provider for HeroService!
报错—–No provider for HeroService! “英雄指南”进行到教程-6服务时的报错定义providedIn 元数据的值是 ‘root’时: 运行时 解决:还不知道原因,原本以为和“No provider for HeroService”有关在app.module.ts中(只需定义在providers中):import { Hero...原创 2018-06-21 01:07:44 · 5700 阅读 · 0 评论 -
angular“英雄指南”(二)--rxjs_1.of is not a function
导入Observable和of符号时报错 改为:原创 2018-06-21 01:59:52 · 818 阅读 · 0 评论 -
postman 创建mock-server
postman创建mock-server 因为学用swagger写api文档时需要用到一些假数据,所以用这个工具来创建mock-server,建一些可以请求的接口一、创建mock-servernew一个mock-server 2.创建时的第一步会让你先写一个api,这里可以先随便写,api可以在创建好了的mock-server文件夹下再创建(之前不知道,然后又找不到...原创 2018-06-14 23:26:08 · 6745 阅读 · 2 评论 -
tab内的轮播图图片滚动不正常(待解决)
tab内轮播图不正常 踩到坑,待解决~记录一下~~问题描述在tab菜单栏的其中一个tab内放入轮播图显示不正常,图片不能正常滚动,无意中发现在轮播图的那个tab中加入display:block可正常滚动 (本来是为了方便调试,因为默认显示的tab是另外一个)显示效果: 加display:block后轮播图正常显示部分代码<div class="tab out"...原创 2018-06-23 00:22:13 · 1250 阅读 · 1 评论 -
angular“英雄指南”(三)--HttpClient/Internal Server Error(待解决)
官方教程的HttpClient请求时报错请求的内存 Web API 包 请求自己定义的模拟接口报一样的错原创 2018-06-24 23:46:43 · 1162 阅读 · 0 评论 -
#[(ngModel)]语法错误(待解决) 绑定的对象名是由另外由两个对象名凑出来的字符串
[(ngModel)]语法错误(待解决)使用angular的[(ngModel)]时<input type="text" name="color{{color.item_id}}_size{{size.item_id}}_num"[(ngModel)]="colorsizenum.color{{color.item_id}}size{{size.item_id}}" class=...原创 2018-07-19 00:10:20 · 1118 阅读 · 0 评论 -
angular学习(@Injectable() +AfterViewInit+ElementRef+ViewChild+Renderer)
一、@Injectable() 如果所创建的服务不依赖于其他对象,是可以不用使用 Injectable 类装饰器。但当该服务需要在构造函数中注入依赖对象,就需要使用 Injectable 装饰器。不过比较推荐的做法不管是否有依赖对象,在创建服务时都使用 Injectable 类装饰器。例如,app.component.ts中引用服务Loading.ts: app.compon...原创 2018-08-22 15:02:13 · 1481 阅读 · 0 评论 -
angular2+安装onsen-ui
使用npm安装Onsen UI Core(onsenui)和Angular(ngx-onsenui)的绑定库 npm install onsenui ngx-onsenui --save在app.module.ts中添加OnsenModule、加载CUSTOM_ELEMENTS_SCHEMAimport { BrowserModule } from '@angul...原创 2018-08-22 15:32:38 · 479 阅读 · 0 评论 -
OnsenUI-页面切换
效果:页面testone跳转到页面testtwo1.testone.component.html和testone.component.ts<ons-page> <ons-toolbar> <div class="center">testone</div> </ons-toolbar> <ons-but..原创 2018-08-23 10:25:39 · 873 阅读 · 0 评论 -
OnsenUi-tab切换
1.准备一个父组件testthree和三个子组件我的目录为: testthree.component.html:&lt;ons-tabbar&gt; &lt;div class="tabbar__content"&gt;&lt;/div&gt; &lt;div class="tabbar"&原创 2018-08-23 15:09:28 · 531 阅读 · 2 评论 -
angular学习(变化检测)
angular学习(OnChanges)1.OnChanges 当组件的任何输入属性发生变化,组件生命周期提供的钩子ngOnChanges 可捕获变化的内容。示例:Parent组件是Child组件的父组件,变化检测从根组件开始,会比 Child更早执行变化检测,在执行变化检测时 Parent中的pa属性,会传递到 Child的输入属性param中。此时 Child组件检测...原创 2018-08-28 14:05:13 · 1333 阅读 · 0 评论 -
angular4+引入bootstrap(引入sass)
方式1. BootstrapCDN将预编译的 CSS 或 JS 文件引入index.html&amp;amp;amp;amp;lt;!doctype html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;html lang=&amp;amp;amp;quot;en&amp;amp;amp;quot;&amp;amp;amp;amp;gt;&amp;am原创 2018-08-29 19:35:45 · 2049 阅读 · 0 评论 -
Angular is running in the development mode. Call enableProdMode() to enable the production mode.
控制台输出:Angular is running in the development mode. Call enableProdMode() to enable the production mode.解决方法:在main.ts中调用enableProdMode()方法原创 2018-05-25 00:03:51 · 6496 阅读 · 2 评论