0前端 框架 库_千万别去碰js呀 混合APP_webAPP_美工 选有类型的语言,比如TypeScript
常用知识点,技巧
添加库到本地:
同时右侧显示这个
临时笔记
PWA 增强web app helloWorld跑起来了,之前失败是因为Chrome服务器插件要FQ才能下载
web前端响应式框架
Bootstrap
Weex 安装 创建项目 都成功,能运行
思路
顺序:
无法FQ,几乎没有镜像
TypeScript 无法用npm和镜像安装
Angular2(官方推荐用 TypeScript)
问题
移动 node_modules 文件夹,源文件名太长
npm install -g rimraf 全局安装
cd xxx[include node_modules folder]
rimraf node_modules(这是文件夹)
使用的是npm里面一个专门用于删除的模块插件,看来这货不仅仅适用于gulp
官方描述:A deep deletion module for node (like rm -rf)
简单点说,就是模拟unix或者Linux下的rm -rf(强制删除命令)
可能无效:
- 360的粉碎工具
- 魔方的粉碎工具
- windows 内置命令
新技术,技术前沿
浏览器 Fetch ,不用XMLHttpRequest 对象,基于 Promise(不是库),不需要依赖第三方库
jQuery.ajax,是使用 XMLHttpRequest 对象来发送异步请求, jQuery ajax异步请求API 底层是使用XMLHttpRequest技术
也可以自己造轮子,封装XMLHttpRequest 对象相关API
Fetch 是浏览器提供的原生 AJAX 接口。使用 window.fetch 函数可以代替 jQuery.ajax 的 $.ajax、$.get 和 $.post。
浏览器帮你把 jQuery.ajax 给实现了,以后用 fetch 来发送异步请求,jQuery很多现代的网站里都不用了
Progressive Web App已经准备好迎接它的黄金时代。微软正考虑在其浏览器中添加Service Worker支持。而且,他们还遵循W3C Maifest创建了manifold.js,使开发人员可以开发跨平台和设备的托管应用。iOS也提供了一种创建“可主屏化(homescreen-able)”应用的方式
Progressive Web Apps /PWA
Google 发的一些视频讲这个, Manifest, Service Worker, Offline, 各种, 让 Web App 的体验能更接近原生应用:
之前有个东西叫 Application Cache,但是那货就是个 shit
#####################################################
Dart
编辑器无法连到外网升级 D:\Program Files\Dart\DartEditor.exe
Dart 的变量类型是可选的,叫做 static type annotations
#####################################################
JavaScript
实时更改浏览器里的任何页面的内容 所用的的 js代码 /编辑页面
document.body.contentEditable='true';
(本质上是把body标签的contentEditable属性开启,置为true)
360安全浏览器 和 Chrome 支持
如图: 360安全浏览器里F12后,在console窗口里执行js代码:
或者
开发过程中,给 html 源代码的body标签的属性 添加contentEditable='true'
给客户的页面要把这句去掉,即最终成品
建议用 js
用浏览器调试
在F12后,控制台里,输入方法名,不要括号,然后回车,会得到这段代码的一部分,鼠标单击后浏览器帮忙定位到那个 js文件,更新后
submitForm
#####################################################
Html5 H5 本地浏览器存储 数据库
浏览器数据库
IndexedDB API ---2016年8月 最新,web标准组织推荐的
360有web SQL 数据库,存进去的数据也是key-value这种形式
Web Storage (Second Edition)
W3C Recommendation 19 April 2016
#####################################################
jQuery EasyUI
jquery ajax 返回的是string类型,整个页面的html字符串
是基于jQuery的用户界面插件的集合
text() - 设置或返回所选元素的文本内容,不包括尖括号里的内容
html() - 设置或返回所选元素的内容(包括 HTML 标记<>这种符号)
val() - 设置或返回表单字段的值
(前端 等我工作后 , 看一下是否稳定 )
现阶段还在重复造轮子
ionic creator
Cordova.js 封装原生系统级API
PhoneGap打包
ionic即基于Angular2的框架 , 跨平台移动app框架
<script>只能写在<body>的最后一个标签
不能在<body>里的其他标签的前面
Visual Studio 更新软件,要重装吗
TypeScript 安装成功,但eclipse 插件安装失败
Koa 无法下载
NodeJS
npm 临时使用远程仓库
设定仓库
cnpm

Express 单独
React 单独
Electron 连不上
Deco -React Native IDE 暂时只支持 Mac
| V |
C |
M |
| .w |
.js Tomcat?Node.js? |
MySQL |
React_Native 挑出来了,2个文件
SeaJS
需要改进的地方 :
weX5前端UI:完全恪守html5+css3+js,干净纯洁
设备api:采用业界主流Phonegap/Cordova
后端:标准协议,支持所有主流技术和平台
(java、node、php、.net等)

原理
JS模板技术,template。用正则,有一些关键字,用来标哪些需要被替换
前端框架 自定义的语法 用的是JavaScript模板引擎吗
JavaScript模板引擎的原理(思想)是 字符串替换吧
其中一种实现方法是 正则表达式
TemplateJS
前端框架 自定义的语法 用的是JavaScript模板引擎吗
SeaJS和RequireJS各有各的使用场景,有空的话两个都教
那些前端框架有很多自己的语法,比如Angular2 用ng
这些应该也是用“替换”吧
这一小段是Angular2 的
用到template这个字眼
而且标签里面的(click)不是标准,也就是这个是Angular2 独有的
既然这样,Angular2 应该会用正则替换的方式把(click)这些替换成标准写法,当然,应该用到了JavaScript模板引擎,自己弄正则表达式容易错
#####################################################
前端框架 自定义的语法 用的是JavaScript模板引擎吗
JavaScript模板引擎的原理(思想)是 字符串替换吧
其中一种实现方法是 正则表达式
TemplateJS
前端框架 自定义的语法 用的是JavaScript模板引擎吗
SeaJS和RequireJS各有各的使用场景,有空的话两个都教
那些前端框架有很多自己的语法,比如Angular2 用ng
这些应该也是用“替换”吧
这一小段是Angular2 的
用到template这个字眼
而且标签里面的(click)不是标准,也就是这个是Angular2 独有的
既然这样,Angular2 应该会用正则替换的方式把(click)这些替换成标准写法,当然,应该用到了JavaScript模板引擎,自己弄正则表达式容易错
0前端 框架 库_千万别去碰js呀 混合APP_webAPP_美工 选有类型的语言,比如TypeScript的更多相关文章
- 基于vue2.0前端组件库element中 el-form表单 自定义验证填坑
eleme写的基于vue2.0的前端组件库: http://element.eleme.io 我在平时使用过程中,遇到的问题. 自定义表单验证出坑: 1: validate/resetFields 未 ...
- vue2.0 前端框架
在正式开始先复习一下js基础.因为vue最通终也要操作这些元素,vue和以前学的js并不挂勾,他和传统的jquert 设计理念相反 ## js 数据类型 1 基本类型 number string ...
- 一款简单而不失强大的前端框架——【Vue.js的详细入门教程①】
↓— Vue.js框架魅力 —↓ 前言 Vue.js 是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.V ...
- 目前比较火的前端框架及UI组件
看到的一篇总结性的文章,收藏一下,感兴趣的可以自己看看,哪些是已经会的,哪些是没听说过的,哪些是一知半解的,都可以稍微看看. 一.前端框架库: 1.Zepto.js 地址:点击打开链接 描述:Zept ...
- (转)2018几大主流的UI/JS框架——前端框架 [Vue.js(目前市场上的主流)]
https://blog.csdn.net/hu_belif/article/details/81258961 2016年开始应该是互联网飞速发展的几年,同时也是Web前端开发非常火爆的一年,Web ...
- 14个优秀 JS 前端框架、库、工具及其使用时机
这篇文章主要描述现今流行的一些 Javascript web 前端框架,库以及它们的适用场景. 新的 Javascript 库层出不穷,从而Web 社区愈发活跃.多样.在多方面快速发展.详细去描述每一 ...
- 移动端前端框架UI库(Frozen UI、WeUI、SUI Mobile)
Frozen UI 自述:简单易用,轻量快捷,为移动端服务的前端框架. 主页:http://frozenui.github.io/ 开发团队:QQVIP FD Team Github:https:// ...
- 前端框架framework和库library的一点区别和记录
本篇纯文字,无关代码,只是一点概念的记录 关于所谓前端 首先学的是HTML5.CSS3.JavaScript这三个 之后接触了一下UI框架,如layui和bootstrap 目前是打算去学VUE和an ...
- [web前端] 去哪儿网前端架构师司徒正美:如何挑选适合的前端框架?
原文地址: https://www.jianshu.com/p/6327d4280e3b 最近几年,前端技术迅猛发展,差不多每年都会冒出一款主流的框架. 每次新开业务线或启动新项目时,首先第一件事就是 ...
随机推荐
- HDU 3365 New Ground (计算几何)
题意:给定点A[0~n-1]和B[0],B[1],A[0].A[1]映射到B[0].B[1],求出其余点的映射B[2]~B[n-1]. 析:运用复数类,关键是用模板复数类,一直编译不过,我明明能编译过 ...
- HTTP文件上传插件开发文档-ASP
版权所有 2009-2016 荆门泽优软件有限公司 保留所有权利 官方网站:http://www.ncmem.com/ 产品首页:http://www.ncmem.com/webplug/http-u ...
- 编写高质量代码改善C#程序的157个建议——建议26:使用匿名类型存储LINQ查询结果
建议26:使用匿名类型存储LINQ查询结果 从.NET3.0开始,C#开始支持一个新特性:匿名类型.匿名类型有var.赋值运算符和一个非空初始值(或以new开头的初始化项)组成.匿名类型有如下基本特性 ...
- 设计模式07: Bridge 桥接模式(结构型模式)
Bridge 桥接模式(结构型模式) 抽象与实现 抽象不应该依赖于实现细节,实现细节应该依赖于抽象. 抽象B稳定,实现细节b变化 问题在于如果抽象B由于固有的原因,本身并不稳定,也有可能变化,怎么办? ...
- LibreOJ 6278 数列分块入门 2(分块)
题解:非常高妙的分块,每个块对应一个桶,桶内元素全部sort过,加值时,对于零散块O(sqrt(n))暴力修改,然后暴力重构桶.对于大块直接整块加.查询时对于非完整块O(sqrt(n))暴力遍历.对 ...
- 注册 asp.net IIS
C:\Windows\Microsoft.NET\Framework64\v4.0.30319/aspnet_regiis.exe -i
- stuff for xml path
SumOrg=stuff((select '/'+User_Org from V_RubricInfoRefer t where t.RubricID=V_RubricInfoRefer.Rubric ...
- clickonce发布方式创建桌面快捷方式
1.工程属性->发布->选项->清单:创建桌面快捷方式打勾 2.工程属性->应用程序->清单:下拉列表选择Properties\app.manifest(其中的图标可以选 ...
- pytest的一些你爱不释手的插件
1. pytest-html 安装: pip install pytest-html # 通过pip安装pytest-html 运行测试文件的时候,命令行加上对应参数即可 比如:pytest test ...
- Ubuntu16.04安装openBLAS
基本步骤: git clone git://github.com/xianyi/OpenBLAS cd OpenBLAS sudo apt-get install gfortran sudo make ...