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 最近几年,前端技术迅猛发展,差不多每年都会冒出一款主流的框架. 每次新开业务线或启动新项目时,首先第一件事就是 ...
随机推荐
- [GO]随机生成切片元素并使用冒泡排序方式进行排序
package main import ( "math/rand" "time" "fmt" ) func ButtleData(s []i ...
- GitHub小技巧-定义项目语言
GitHub是根据项目里文件数目最多的文件类型,识别项目类型.后端项目难免会包含前端的资源,有时候就会被标记成前端语言,因为项目里 css 等文件比较多, 被误识别成css项目. GitHub不提供指 ...
- KVO 的代码简洁使用
1.类属性设置与创建 详细使用介绍 KVO 键值观察 // KvoClass.h @interface KvoClass : NSObject @property(nonatomic, copy) N ...
- SiriShortCut模型建立及数据交互逻辑
1.模型数据需求 意图: 手机号 密码 网关ID 打开该情景的命令 情景号 情景名 情景背景图 添加该意图时的 token值 主程序登陆共享数据 手机号 token值 2.操作逻辑 1.意图被唤起 获 ...
- Launch VINS-Mono with Realsense D435i in RTAB-Map
Preparation: Remap topic from D435i to rtabmap Feed the odometry to rtabmap In the rqt_graph of vins ...
- 拆半搜索binary_search
//binary_search用于在有序的区间用拆半查找搜索等于某值得元素 #include<algorithm> #include<iostream> using names ...
- xunsearch
xunsearch 1.wget http://www.xunsearch.com/download/xunsearch-full-latest.tar.bz2 2.解压 tar -jxvf xuns ...
- 如何理解<base href="<%=basePath%>" ---转载
原文链接http://316325524.blog.163.com/blog/static/6652052320111118111620897/ "base href " 今天在写 ...
- Spring AOP(面向切面编程)
一.AOP简介 1.AOP概念:Aspect Oriented Programming 面向切面编程 2.作用:本质上来说是一种简化代码的方式 继承机制 封装方法 动态代理 …… 3.情景举例 ①数学 ...
- 18、OpenCV Python 简单实现一个图片生成(类似抖音生成字母人像)
__author__ = "WSX" import cv2 as cv import numpy as np def local_threshold(img): #局部阈值 gra ...