前端那些事
文章平均质量分 66
FreeMing-imduingui0
如临深渊如履薄冰
展开
-
angular大型项目实践总结的几个要点
angular大型项目实践总结的要点整理电脑文档,顺便搬用到博客,文字是2018年写的国际化要提前做,贯穿整个开发过程图标,图片,规范化,使用统一的方式使用,无论是雪碧图还是字体化(有很多把图片转化为字体的网站,比如国外的icomoon,阿里的iconfontcomponent,module要有良好的规划,对组件的拆分和定义要明确,并贯穿整个开发过程component是组件,用于复用的,尽量与业务无关,业务写到service里,module是component和service的集合。尽量做到组原创 2020-07-05 19:10:53 · 539 阅读 · 0 评论 -
node内存配置(--max-old-space-size)
比较复杂的项目中,angular2编译的时候对CPU和内存需求都会变大。项目中,使用angular-cli@beta28-3编译。需要内存2-3G。node本身,或者说v8本身有一个默认配置:Currently, by default v8 has a memory limit of 512mb on 32-bit systems, and 1gb on 64-bit systems. The li原创 2017-03-16 17:23:44 · 69044 阅读 · 0 评论 -
总结实习
总结实习实习单位:东软集团商用软件事业部实习项目:新闻类集成系统岗位:前端开发开发使用的技术栈:HTML,CSS/SCSS,JavaScript,Angualrjs2,nodejs项目相关技术及工具链:前端:HTML,CSS/SCSS,JavaScript,Angualrjs2,nodejs服务器端:Java,微服务架构(东软内部研发框架)项目管理工具链:redmine,禅道,Tower项目原创 2017-03-15 11:03:46 · 1548 阅读 · 0 评论 -
Angular2项目中浏览器拦截弹出窗口的解决方法
Angular2项目中浏览器拦截弹出窗口的解决方法为什么把项目是Angular2的放到了前边? 因为正常也页面网上已经很多解决方案。请自行百度或Google。现象:当window.open为用户触发事件内部或者加载时,不会被拦截,一旦将弹出代码移动到ajax或者一段异步代码内部,马上就被拦截了。原因:这个属于浏览器设置,当浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止。因为浏览器认为这不原创 2017-07-24 14:13:03 · 2494 阅读 · 1 评论 -
IndexedDB使用(基本函数封到Angular2的service里)
IndexedDB使用使用场景具体使用场景:存储用户浏览记录。适合的使用场景:处于安全性考虑,数据不能存储到服务器端。数据为结构性数据或者数据量较大,不适合使用cookies。希望数据不随着客户清理缓存而删除。此时我们一定一定要设计好清理浏览器端数据的时机。相关站点MDN文档(中英) 访问IBM develoerWorks(中文) 访问这个可能是最权威的了吧,W3C(英文)访问p原创 2017-09-19 14:52:19 · 2357 阅读 · 1 评论 -
开发工具链(国内项目)(持续更)
开发工具链(国内项目)前端开发工具:sublime(轻便)Webstorm(全面,包括各种插件,对node支持较好)git/svn(gitlab)npm对比工具:Windows:beyondcompare osx:Diffmerge(free or professional)markdown命令行: Windows:git bash 好处:可以在任意文件夹右键OS原创 2017-03-03 10:47:39 · 1133 阅读 · 0 评论 -
Vue学习(一)
Vue学习启动:npm start OR npm run devnpm 安装elementUI:npm i element-ui -Svue-cli初始化一个项目:vue init webpackvue在构建的时候的date是全局的,并且与使用vue.*时候的对象实体是一个。// 该对象被加入到一个 Vue 实例中var vm = new Vue({ data: data})//原创 2017-12-15 16:41:15 · 265 阅读 · 0 评论 -
Angular使用中的编码tips(持续更)
时间总是匆匆如流水,世事总是无情似狂风。 且随疾风而行,身后一许流星 使用Angular2也已经一年多了,项目一期接近尾声,刚刚毕业就进了这种一千多万的项目也算幸运的,成长很快。把坑都暂且记下来,也算走过的路。那些踩过的坑国际化要提前做,贯穿整个开发过程图标,图片,规范化,使用统一的方式使用,无论是雪碧图还是字体化(有很多把图片转化为字体的网站,比如国外的icomoon,阿里的i原创 2017-12-15 23:15:59 · 462 阅读 · 0 评论 -
angular-cli更新(link方式安装)
项目操作手册记录,仅作为一个学习记录和分享卸载当前版本的angular-cli卸载angular-sass(如果有的化)安装anguar-cli, node-sass使用淘宝镜像,比较快。卸载之前的版本如果之前未安装就不用了 npm uninstall angular-cli npm uninstall angular-sass 清理Cache npm cach原创 2017-03-16 15:33:08 · 4995 阅读 · 1 评论 -
数组去重(JavaScript)先从网上整理一波,待验证
数组去重(JavaScript)前端面试题:给定一个数组[1,3,2,4,5,3,22,21,2],去重。 方法很多for循环遍历 双层for循环,存储到新的数组双层for循环,不声明新的数组,在原数组使用splice方法利用对象的属性唯一(有问题)先排序,然后将第n+1个与第n个比较去重ES6语法,set()使用递归神操作一些轮子其他,比如包含了字符串,或者数组很大...原创 2018-03-13 22:53:12 · 211 阅读 · 0 评论 -
浏览器窗口控制---使用localStorage
窗口控制内容1, 部分窗口不能重复打开,如果已经打开,应该自动定位到该窗口。2,退出系统,如果有本系统的其他画面打开,给予提醒,并且可以一起关闭。3,部分窗口不允许通过输入url进入。4,统计数据,窗口停留时间,打开时间,访问频率。使用localStorage1, 不适用cookie,主要:不同窗口直接cookie不同步,localStorage同步。次要:大小限制:Cookie ...原创 2019-10-11 15:36:19 · 372 阅读 · 0 评论 -
Augury翻译---io-demo
原文链接:https://augury.angular.io/pages/guides/io-demo.htmlLaunch Demo Application 访问在线demoDescription 简介这个 Input Output Angular 应用展示了在组件内部和跨组件的数据传递。这个应用使用了Angular的input和output装饰器,也使用了事件和数据绑定。The Input O翻译 2017-03-25 16:49:18 · 813 阅读 · 0 评论 -
Chrome 键盘快捷键(Mac)
Chrome 键盘快捷键(Mac)转自Google官网,原文链接:https://support.google.com/chrome/answer/157179?hl=zh-Hans&visit_id=0-636250978122946127-3828265132&rd=1Mac标签页和窗口快捷键 操作 快捷键 打开新窗口 ⌘ + n 在隐身模式下打开新窗口 ⌘ + Shif转载 2017-03-14 22:59:38 · 757 阅读 · 0 评论 -
关于angular2更新时机的一些发现
关于angular2更新时机的一些发现引入:angular2官网关于管道(Pipe)的介绍中说明,angular2的管道分为pure和impure。非纯管道Impure pipesAngular会在每个组件的变更检测周期中执行非纯管道。 非纯管道可能会被调用很多次,和每个按键或每次鼠标移动一样频繁。Angular executes an impure pipe during every comp原创 2017-03-14 17:07:18 · 1497 阅读 · 0 评论 -
Linux上的node站点之centos配置nodejs运行环境笔记
centos配置nodejs运行环境原来的项目放在windowsserver上了,现在换个系统要重新配置下。原创 2016-09-15 16:53:49 · 1660 阅读 · 0 评论 -
前端那些年--npm
NPM—–前端那些年系统:windows101.版本号$ npm -v3.3.0或者npm --version2.安装npm$ npm install npm -glinux注意用sudo3.使用npm安装其他模块$ npm install <Module Name> -g为全局安装,即npm install <Module Name> -g4.查看全局安装的模块$ npm ls -g查看本地用n原创 2016-10-22 15:40:40 · 367 阅读 · 0 评论 -
前端那些年----Webstream快捷键备忘(mac)
Webstream快捷键备忘(mac)友情提示:webstream内置了一个强大的插件——Emmet插件。其用法请自行搜索。WebStorm快捷键(Mac版)⌘——Command⌃ ——Control⌥——alt⇧——Shift⇪——Caps Lockfn——功能键就是fn编辑 快捷键 作用 Command+alt+T 用 (if..else, try..catch, f原创 2016-10-30 21:04:52 · 2275 阅读 · 0 评论 -
CSS3之计算长度值------calc()
calc()的使用平时写CSS时候可能遇到宽度或者高度需要计算的情况,简单的时候,算算padding,margin就行了,单位或是px或是%。但是有时候需要复杂一点的,比如这次我需要计算(100vh - 50px)的值,那就需要calc()了。calc()的运算规则支持“+”、“-”、“*” 、“/”四则运算;可以使用百分比、px、em、rem、vh、vm等单位;可以混合使用各种单位进行计算;原创 2016-12-04 16:00:38 · 1633 阅读 · 0 评论 -
Emmet使用-----HTML
Emmet使用—–HTMLEmmet官网文档:http://docs.emmet.io/语法:1.后代:>缩写:nav>ul>li<nav> <ul> <li></li> </ul></nav>兄弟:+缩写:div+p+bq<div></div><p></p><blockquote></blockquote>上级:^缩写:div+div>p>span+em^bq原创 2016-12-04 16:23:26 · 850 阅读 · 0 评论 -
Icon class生成器(Python)
Icon class生成器(Python)先说起因,项目中有很多图标,需要把美工给的三种尺寸的png加工成class来用,这样的好处就不必说了。但是图标数量比较大,以后换肤的时候,更是纯搬砖的活,写了个脚本来解放一下以后写icon的class的搬运工。搬砖步骤:所有的icon的一倍图片,与本脚本放到一起(全部英文命名)图片命名与class一致,对应三种尺寸标记为1,2,3号.所有图片存储位置为:s原创 2016-12-22 20:45:11 · 1346 阅读 · 0 评论 -
angular2子组件的事件传递(任意组件事件传递)
angular2子组件的事件传递angular2有很多组件组成,画面由很多路由,导致事件的传递很“笨拙”,本组的技术负责人发现了任意组件传递事件的这个方法,教会了我,我做个笔记。项目情况:画面结构复杂,路由数目偏多,组件数目多,嵌套复杂。业务要求:任何出现人名的地方,点击人名,直接打开和这个人的聊天画面以前用angular2官网给的烹饪技巧基本解决90%的需求,当然这个如果是用Input,Outpu原创 2017-03-03 10:37:27 · 10130 阅读 · 3 评论 -
angularjs2--tab页调用父页面的方法
angularjs2–tab页调用父页面的方法问题情景:页面A中使用window.open()打开新的tab页B,在页面B中想调用A中的方法。比如,在画面B中做了一些改变数据的操作,想在B关闭时候,A画面自动刷新数据(当然ts里有一个刷新的方法等着调用)。代码:A画面:HTML:<div class="getStory" id="getStory" (click)="editerclose()"><原创 2017-02-23 21:43:59 · 2416 阅读 · 0 评论 -
chrome----timing含义解释
Queueing 请求文件顺序的的排序 什么东西? 浏览器有线程限制的,发请求也不能所有的请求同时发送,所以,队列喽。 从添加到待处理队列 到实际开始处理的时间间隔标示Stalled 是浏览器得到要发出这个请求的指令到请求可以发出的等待时间,一般是代理协商、以及等待可复用的TCP连接释放的时间,不包括DNS查询、建立TCP连接等时间等DNS Lookup 时间执行DNS查找。每个原创 2017-02-23 22:10:12 · 11084 阅读 · 0 评论 -
angular2--pipe管道使用
angular2–pipe管道使用Angular2 有一些内置管道:五种内置管道 Pipe Usage Example DatePipe date {{ dateObj | date }} // output is 'Jun 15, 2015' UpperCasePipe uppercase {{ value | uppercase }} // output is原创 2017-03-14 15:32:02 · 5191 阅读 · 0 评论 -
angularjs ng-click传参控制ng-repeat元素显示与隐藏
ng-click传参控制ng-repeat元素显示与隐藏说明:1、使用ng-repeat显示参数2、通过ng-click按钮显示或隐藏内容。通过添加shows和id两个参数控制显示。原创 2016-03-28 23:32:43 · 5256 阅读 · 0 评论