- 博客(28)
- 收藏
- 关注
RSS订阅转载 原生js实现一个侧滑删除取消组件（item slide）
组件，本质上是解决某个问题封装的类，在此记录原生js实现侧滑删除先上效果图实现思路1. 确定渲染的数据结构2. 思考划分布局，总的有两个主要的模块：内容区域和按钮区域 2.1 内容区域保持宽度永远占满设备的宽度 2.2 内容区域和按钮区域之和的宽度等于每一行item的总宽度3. 每行超出的item的部分设置overflow...
2019-06-10 17:02:00
483
转载 移动端与H5页面像素的差异与关系
最近工作任务主要是移动端内嵌H5页面，一次与原生进行像素交互下，发现了这个天坑，再次做个记录????天坑如下： H5页面中的“像素”与移动端设备的“像素”系统不一致，对于刚接触这块的我，曾经几时在还没有遇到过这样的情况下，去看相关的文章一点体会也没有，这次碰上了，然后又重新看了一遍，对这块的理解也能比较有感受了先上总结：如果有不到位的，请告知修正:-P...
2019-05-16 10:27:00
1012
转载 结合webpack 一步一步实现懒加载的国际化简易版方案
想法来源于工作需求，最后倒腾出一个国际化工作流，期望是这样的：1. 自动化处理国际化文案（表现为转义翻译人员给到的文件处理成技术人员所识别的文件）2. 转化后的国际化文件能够按需加载，实现懒加载的功能综上，实现以上需求所涉及知识点：nodejs, webpack本文只记录文件实现懒加载功能，至于国家化文案转换如果需要的告知。那么，就开始啦。先上实际效果图：...
2019-04-28 18:46:00
329
转载 JavaScript巩固篇(一)——数据类型与全局变量、局部变量、垃圾回收机制、存储方式、生命周期...
知识要点数据类型存储方式全局变量与局部变量变量的生命周期垃圾回收机制知识概览数据类型 JavaScript的数据类型分为：基本类型、引用类型 本质区别： 基本数据类型的变量实际值存储在栈中 引用数据类型，据名知意，引用数据类型的实际值存储在堆中，变量值实际存储的是实际值存储在堆中的地址 见图： ...
2019-03-11 11:05:00
220
转载 SEO优化之——hreflang（多语言网站优化）
用法格式<link rel="alternate" href="URL" hreflang="zh-cn">// href : 对应的语言版本的链接// hreglang： 由 语言+地区 组成// 上面的意思是这个URL针对中文（zh）&& 中国地区(cn) 更对的语言对照表请访问：https://baike.baidu.com/...
2018-07-31 14:48:00
1053
转载 SEO优化之——rel=canonical(整合重复页)
用法一 如图所示有三个页面，三个页面的访问路径都不一样，但是现实的内容page2和page3显示的内容和page1一样，这时候在三个page中分别都加入了<link res="canonical" href="url" /> ，可以注意到page3和page2页面的url都指向了page1的访问路径，那么这样的设置就是整合重复页，让搜索引擎可以得知page2和p...
2018-07-31 14:40:00
463
转载 一次偶然的点开一盏灯引发的SEO初识
事情是这样，不小心点开了dev tools的审计（audits）面板，点开了灯之后，画风如下emmm, SEO 跑了满分也，好奇宝宝就往下滚到SEO区域，发现了如下新大陆嗯，原来是应用满足了打钩的几项标准，细心的你们一定看到了有个rel=canonical没有满足，为什么呢，下面会讲到，那么我们就一起一项一项的过吧页面中包含<meta name="...
2018-07-31 14:25:00
169
转载 由一次动态改变font-size的大小引申的一系列困惑补录
以下结论如有错误，欢迎指正在切入正题之前，先了解下window 和document这两个大对象 我们熟知 JavaScript的组成如下图所示： window对象和document对象分别属于哪个分支下面呢？发现： 在控制台打印出的document对象和window.document打印出来的对象是一致的原因是因为： 平常我们以d...
2018-07-30 18:14:00
262
转载 cordova之旅之初识
emmmm, 一直徘徊在移动端采用什么技术比较好，一直也没有找到，让我为了一个移动端而去学习一波react全家桶是不现实的操作，反观自己的技术栈，通过长时间的对比和剖析找到了入口点，不管了先会写再说吧，没有过的评价都是瞎BB，cordova + ionic +angular6之旅正式开启cordova是什么？为什么我要从它入手?按照我浅浅的理解，cordova是让前端人...
2018-07-14 00:40:00
123
转载 将Angular6自己定义的模块发布成npm包
创建自己的模块组件1. ng new 一个工程2. ng g m 创建模块 例如我这里的modules文件下创建header模块3. ng g c modules/head 创建一个hear组件，内容随意4. 将modules模块exports出去，让其他模块可以使用5. 做个测试在app模块中引入modules模块，并使用header组件发布前的准备1. ...
2018-07-09 17:12:00
400
转载 angular6 render2 & viewContentRef实践
angular 渲染层angular一个跨平台的框架不仅仅针对的浏览器这一个平台ElementRef 与 TemplateRef 简单的理解： ElemnetRef : 例如一个<span>元素的引用； TemplateRef: 例如template模板的引用；再angular...
2018-07-03 16:10:00
211
转载 Angular6在自定义指令中使用@HostBingDing() 和@HostListener()
emmm,,,最近在为项目的第二阶段铺路，偶然看到directive，想想看因为项目已经高度集成了第三方组件，所以对于自定义指令方面的经验自己实在知之甚少，后面经过阅读相关资料，总结一篇关于在自定义指令中使用@HostBingDing() 和@HostListenner()。在使用这两个属性之前，必须明白一件事，就是在angular中有三种directive：如图所示...
2018-06-14 15:09:00
620
转载 升级到Angular6后对老版本的RXJS代码做相应的调整
还没有了解过RXJS6的童鞋，可以查看我的另外一篇博文，此篇博文主要是对于RXJS5升级到RXJS6的代码调整示例RXJS5版本在RXJS5上我们是这样写请求的import 'rxjs/add/observable/of';import 'rxjs/add/observable/throw';import 'rxjs/add/observable/map'...
2018-06-06 18:26:00
262
转载 关于Angular6版本升级和RXJS6新特性的讲解
从Angular5升级到Angular6， angular6相比较于angular5 总体变化不大，但是在RXJS上面却有一些变动，不得不说，虽然很讨厌break update但是RXJS6的新特性对于angular应用的优化是有很大一块空间的快速修复对于写了半年多的项目，模块已经很多了，所以不可能在升级到angular6后马上更新所有代码关于RXJS6的新特性，所以官方...
2018-06-05 15:43:00
317
转载 ANGULAR 使用 ng build --prod 编译报内存错误的解决办法
如果你遇到如下的情况<--- Last few GCs --->[13724:0000020D39C660D0] 231298 ms: Mark-sweep 1356.3 (1433.6) -> 1356.3 (1433.6) MB, 1194.3 / 0.0 ms allocation failure GC in old space reque...
2018-06-01 09:21:00
1125
转载 在ANGULAR6中使用Echarts的正确方式之一
这里的正确指的是不会在运行过程中报错，不会再prod模式下编译报错，不会再AOT模式下编译报错个人环境说明：{ "name": "angular-for-echarts", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build":...
2018-05-29 17:25:00
344
转载 Angular6之ng build | ng build --aot | ng build --prod 差异
由于写了大半年的项目终于要告一段落并且即将进行第二阶段优化开发，emmm 基础版本已经二十多个模块了，必不可少的优化是很重要的，尽管项目上使用多层嵌套懒加载，但是在首屏加载的时候，任然很慢啊，因为一直没有做严格编译，现在要编译啊，有点晚了，发现一堆报错，然后要一个坑一个坑慢慢踩过去了，今天做了试验，关于三种编译模式下的最终效果的对比，仅仅只是一个结果报告，至于原理这里先不做说明了。...
2018-05-29 17:08:00
858
转载 RXJS组件间超越父子关系的相互通信
RXJS组件间超越父子关系的相互通信用到这个的需求是这样的： 组件A有数据变化，将变化的数据流通知组件B接收这个数据流并做相应的变化实例化RXJS的subject对象import { Injectable } from '@angular/core';import { Subject } from 'rxjs/Subject';/** * 事件总线，组件之间可以通过这个服...
2018-05-28 11:22:00
208
转载 让webStorm支持自动监听编译scss文件
前提概要今日，重装了两波系统，，，之前安装的各种环境都忘光了，重新又踩一次坑的感觉很不舒服，所以记录一下配置自动编译scss一路遇到的坑一、webstrom run的时候控制台输出的错误中文提示乱码试过网上什么该配置文件，什么设置utf-8，，，对于我完全不起作用！最后解决方法是：File -> setting -> file encoding 文件下的三个可以切换字...
2018-05-25 11:52:00
322
转载 理解纯CSS画三角形
pure css draw a triangle我们有这样一个边框.d1 {width: 200px;height: 200px;border-top: 10px solid yellow;border-left: 10px solid purple;border-bottom: 10px solid blue;border-right: 10px s...
2017-11-15 00:20:00
75
转载 SVG 入门——理解viewport,viewbox,preserveAspectRatio
工欲善其事必先利其器，没有真正搞懂SVG里的viewport，viewbox, preserveAspectRatio这三个属性，就很容易遇到坑，最近写项目用到svg这三个属性被我一眼就略过 ，后来发现自己并没有理解透，导致写项目产生了奇怪的坑，后面解决了，就是原理没通透，趁着大周末，来一波整理吧一、这些理论知识必不可少1.viewport<svg width=...
2017-09-03 18:40:00
417
转载 angular4——安装
本文同样适用于NG4，最近开始学ng2了，前端小白一枚啊，做过安卓开发，做过java写的服务器啊，热爱前端啊，所以就开坑了，入坑之前建议先学下es6哦，学完后看下typescript哦，正所谓，前面基础不牢固，后面都是徒劳，还是花点时间学哦，不要跳哦ng2环境配置+创建工程+一些可能你们母鸡的点一、安装最新环境为什么是最新环境，按照官方文档嗦的，反正安装最新的避免如很...
2017-07-13 00:54:00
139
转载 一张图，理解JAVA体系结构、运行机制、JVN运行机制、Java平台（初学）
初学JAVA，学一门语言不仅仅是学其语法，逻辑思维能力，还有每一门语言都有自己独特的一方面，所以才有那么多语言要学啊 = =，所以想要真的学好语言，其编译机制，运行机制多少也要涉猎一些啊。这是初学JAVA一些机制的理解，如果有哪里不妥当，请指教。转载于:https://www.cnblogs.com/timetimetime/p/5136153.html...
2016-01-16 19:19:00
151
转载 高效的CSS代码(2)
——阅读笔记，欢迎纠错^_^内容比较零散。。。。。1.让浮动元素的父容器根据元素的高度而自适应高度的方法：<div class="clearfix"><div class="fl"></div></div>/*意思就是最外面的一层<div></div>是父容器，给他加上清除浮动的功能，clearfix...
2015-10-19 20:58:00
93
转载 高效的CSS代码(1)
——阅读笔记，欢迎纠错平时写CSS时常用的两个CSS文档（小杂感觉用的蛮喜欢，也是看了些书，尝试使用效果不错）/************CSS reset *********//********顾名思义CSS标签重置，不改动，适合初学者吧，小杂也是初学者，对各个标签进行初始化后比较不会出现一些意外的结果，也是对各个浏览器的兼容性的考虑*****/body,div,dl...
2015-10-19 20:35:00
78
转载 学习整理与细化（2）——HTML VS XHTML
<html><head>//文档头 <title>webpage title</title></head><body>//文档体 webpage content</body></html>以上是HTML的文档基本结构<DOCTYP...
2015-09-20 17:34:00
218
转载 转载：DNS解析过程详解
2015-09-20此好文是转载，如有侵权联系我，立马删掉DNS的几个基本概念： 一． 根域 就是所谓的“.”，其实我们的网址www.baidu.com在配置当中应该是www.baidu.com.（最后有一点），一般我们在浏览器里输入时会省略后面的点，而这也已经成为了习惯。 根域服务器我们知道有13台，但是这是错误的观点。...
2015-09-20 17:02:00
128
转载 学习整理与细化（1）——Internet 的域名系统（domain name system）
2015-09-20整理人：承蒙时光如有错误欢迎指教O(∩_∩)O谢谢1.作用：提供主机符号符名与IP地址之间转换服务也称域名服务；2..域名系统的层次型结构命名机制（服务器地址）：计算机名（有意义的英文名）.三级子域（组织机构名英文缩写）.二级子域（类别域名|行政域名）.一级子域（顶级域名）（通用域|国家域）.通用域->组织->co...
2015-09-20 16:31:00
218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人