JS/H5/CSS/Ajax/jQuery等相关前端
desaco
技术,产品,运营。安卓应用研发10年+。服务过多家上市公司。
展开
-
css/css3知识点
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,是一个CSS/HTML框架,并且支持响应式布局。一经推出后颇受欢迎,一直是GitHub上的热门开源项目。前端的核心是js.> CSS知识点Centering in CSS: A Complete Guide- https://css-tricks.com/centering-css-complete-guide/...原创 2017-04-07 18:47:41 · 910 阅读 · 0 评论 -
JavaScript/Ajax/JQuery知识点(BOM/DOM/ScriptEngine/JS引擎),JSCore
捋顺JavaScript底层知识,重点讲解如原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等难点概念?? JS中的继承?JS的原型模式,JS的匿名函数 闭包,JS/CSS 继承,接口,封装,多态??JS动态添加HTML标签??合并JS请求?JS基本类型值包括”undefined”,”nul”,”Boolean”,”Number...转载 2017-05-29 22:20:46 · 2319 阅读 · 0 评论 -
前端跨域及图片延迟加载
> 前端跨域前端常见跨域解决方案- http://www.igeekbar.com/igeekbar/post/491.htm 跨域JSONP 的理念就是,我和服务端约定好一个函数名,当我请求文件的时候,服务端返回一段 JavaScript。这段 JavaScript 调用了我们约定好的函数,并且将数据当做参数传入。非常巧合的一点(其实并不是),JSON 的数据格式和 JavaScr...转载 2017-10-11 18:20:57 · 741 阅读 · 0 评论 -
前端框架/架构,性能优化,负载均衡,首屏渲染
前端数据结构与算法- https://zhuanlan.zhihu.com/p/27659059> 前端重构方案前端重构方案了解一下- https://blog.csdn.net/vM199zkg3Y7150u5/article/details/80681697webApp重构之路——性能和用户体验细节总结- http://blog.csdn.net/u011413061/articl...转载 2017-04-25 20:19:42 · 2197 阅读 · 0 评论 -
WebView-> Chromium-> WebKit (Android,浏览器内核),demo
浏览器内核:1.Webkit内核;2.Chrominum内核;3.Blink内核。第三方可靠的WebView组件的两套解决方案:Crosswalk与TBS(X5内核)服务。 WebView加载H5也有两种模式,一种是加载服务器的H5页面,一种是加载本地的H5页面。 在4.4版本之前,Android WebView基于WebKit内核的实现,Webkit内部包含了网络请求、页面渲染、...转载 2017-04-27 10:22:56 · 7973 阅读 · 0 评论 -
H5方面(H5适配手机屏幕等)
一个html页,其文本包含三个方面的信息,逻辑,内容,样式。其中逻辑部分决定页面和用户交互的行为,样式部分决定用户界面的视觉表现,内容部分是结构化的文本信息。对于一个以内容为主的页面(区别于富交互应用/webapp)来说,在表现内容的html中,插入表现逻辑的js,显然不是最合理的做法,因为html的语义是进行文本内容和结构定义,这个层面的定义是和逻辑与视觉都无关的。完全可以以更小的耦合进...转载 2016-09-20 22:38:49 · 5376 阅读 · 0 评论 -
前端入门及提高
1.JavaScript 的闭包? 2.H5 SVG绘制线条与三角形? 3.想要学习一门ui框架,有什么easyui,bootstrap,Foundation等等。 4.想要搞一个自己的静态博客,有什么wordpress,jekyll,hexo等等 5.想要学构建工具,有什么grunt,gulp,webpack等等 6.还有好多的库,jQuery,angular,vue,react等等...原创 2016-07-27 14:28:13 · 1364 阅读 · 0 评论 -
H5前端开源框架收藏
比较重要的是RPC框架pigeon,消息队列swallow,基于zookeeper的配置管理平台lion,还有Java业务监控工具cat,还有前端框架neuron。7个最牛的HTML5移动开发框架- http://blog.csdn.net/seu_calvin/article/details/52268335H5的基本框架有哪些?- https://zhidao.baidu.com/qu...转载 2018-06-16 17:07:22 · 1226 阅读 · 0 评论 -
BootStrap,AngularJS,Vue,weex,React Native,Flutter,Dart等App混合开发
--ionic一个基于Ionic3.x cordova的移动APP demo- https://www.jianshu.com/p/5da7acd50f1f基于 MUI 构建一个具有 90 +页面的APP应用- https://github.com/EasyTuan/mui-kidAppionic3项目实战教程- https://blog.csdn.net/lyt_angularjs/a...转载 2018-07-05 18:43:48 · 2742 阅读 · 0 评论 -
Hybrid架构:WebView中的Hybrid(JsBridge等)demo,WebViewClient和WebChromeClient及安全漏洞,Js与Native通信
-- WebView形象的理解上述流程从一个loadUrl来看,详细流程如下:Browser.loadUrl->WebView.loadUrl->WebViewChromium.loadUrl->AwContents.loadUrl->ContentViewCore.loadUrl。-- webview有两个方法:setWebChromeClient 和 setWeb...转载 2017-07-05 14:51:16 · 1940 阅读 · 0 评论 -
(Android原生/H5)图文混排
> Android原生 图文混排ImageGetter用于text图文混排。(Html.fromHtml;使用字体包ttf)图文混排的几种实现方案- http://www.cnblogs.com/wanghongwei/p/6039049.htmlMixtureTextView图文混排- https://github.com/hongyangAndroid/MixtureTextVi...转载 2017-05-15 18:26:52 · 1418 阅读 · 0 评论 -
浏览器的组件、网页引擎、渲染流程等
浏览器内核:1.Webkit内核;2.Chrominum内核;3.Blink内核。四大渲染引擎在线:WebKit、Blink、Trident 和Gecko。> 不同的浏览器及内核 目前是互联网上最流行的排版引擎: Internet Explorer;世界之窗浏览器;Avant;腾讯TT;NetCaptor; Sleipnir; GOSURF; GreenBrowser1.KKman...转载 2015-12-18 10:24:22 · 1439 阅读 · 0 评论 -
Web前端UI效果及动画,其他功能
> 3D旋转木马效果HTML5 CSS3 专题 :诱人的实例 3D旋转木马效果相册- http://download.csdn.net/detail/lmj623565791/7625793jCarrousel是一款炫酷且强大的3D旋转木马效果轮播图jQuery插件。由于IE浏览器不支持transform-style: preserve-3d;属性,所以在IE浏览器中看到的3D效果会有些...原创 2017-02-27 22:29:19 · 6848 阅读 · 0 评论 -
H5为主的Hybrid App技术方案的设想/架构优化/设计/实战-Android
Web运营:QQ团队除了采用动态CDN、后台渲染等全栈手段优化体验,也构建了围绕速度、成功率、页面异常等维度的监控体系来保障服务质量。 维护手机QQ中的所有H5 hybrid开发的框架,即WebView组件的技术工作。现在主流的hybrid还是H5 + native。70%以上业务由H5开发,手机QQ Hybrid 的架构如何优化演进?- https://www.iamue.com/19...转载 2016-02-27 15:06:19 · 1973 阅读 · 0 评论 -
H5网页游戏(js),游戏小程序,网页游戏引擎
采用了Three.js作为3D引擎库,结合tween.js作为配套的动画库,以及基于webpack的脚手架nowa链接作为技术支持。市面上比较成熟的3D库有Three.js和Babylon.js. Babylon.js常用于制作3d游戏引擎,倾向于游戏开发;而Three.js是纯渲染引擎。> 网页游戏引擎H5游戏开发:游戏引擎入门推荐- http://blog.csdn.net/i...转载 2017-05-27 16:24:40 · 3319 阅读 · 0 评论 -
404 page容错页面
> 请求后404 page容错页面json格式:onReload{"url","reload"}-- 当网页出现404后,则加载本地的H5容错页面: webview html页面加载本地js及img src- http://blog.csdn.net/cauchy8389/article/details/8616515 android webview html页面加载本地js及im...原创 2017-05-21 18:27:05 · 649 阅读 · 0 评论 -
混合开发hybrid(native/H5)开发及前后端分离(2)
MVP-RxJava-Hybride- https://github.com/youxin11544/mvp_hybride_framwork 这是一个Android MVP模型良好的架构设计,同时也做了Android和HTML 5交互架构,用到了RxJava+Retrofit+MVP+泛型缩减mvp+模板模式+命令模式+观察者模式+管理者模式 +简单工厂模式。阿里Weex- http:/...转载 2016-11-28 21:45:56 · 3751 阅读 · 0 评论 -
H5前端视频方面
Video.js - open source HTML5 & Flash video player - https://github.com/videojs/video.jsB站 html5视频转码内核flv.js:https://github.com/Bilibili/flv.js移动端HTML5<video>视频播放优化实践- http://blog.csdn.net/...转载 2017-08-03 18:35:00 · 607 阅读 · 0 评论 -
前端开发算法与面试题收集
写给前端应届生的职业规划建议- http://www.igeekbar.com/igeekbar/post/553.htm 职业规划里的定位技法,从个体自身出发,可以根据你的性格、兴趣、现有的知识技能、想做的事情、羡慕的职业人士等,找到你的方向。比如你做了各种分析后,可能定位到营销、软件开发、拆书、销售、讲课、推销、写作、编剧、编辑、运营、心理辅导等等方向。前端数据结构与算法- https...转载 2017-03-23 19:23:49 · 787 阅读 · 0 评论 -
div与span, block-line块元素与in-line内联元素的区别(H5)
> div与span区别,div与span用法div与span区别及用法- http://blog.csdn.net/cao478208248/article/details/25719735 div占用的位置是一行,span占用的是内容有多宽就占用多宽的空间距离; 如果div的class为yangshi,则对内的span设置css属性则,代码如下:.yanshi span{属性及...转载 2017-04-12 19:00:32 · 3177 阅读 · 0 评论 -
JAVA / JS 中关于this和that
-- JAVA中关于this和thatthis 的坑,出现问题的本质就是 this 指针的指向和自己想的不一样。this 与上下文中可执行代码的类型有直接关系,this 的值在进入执行上下文时确定,并且在执行上下文运行期间永久不变。揭开 this & that 之迷 - http://www.sohu.com/a/158143999_505825this 到底取何值?thi...转载 2019-06-02 13:42:44 · 5392 阅读 · 0 评论