H5 学习
BUG记录
新知识
H5调用安卓和IOS相机权限
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 var u = navigator.userAgent; var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isAndroid) { this.isShow = true; console.log(window.plus.android, "安卓"); window.plus.android.requestPermissions( ["and ...
TypeScript 学习
浅谈 JavaScriptJavaScript 是一门优秀的编程语言吗?每个人可能观点并不完全一致,但是从很多角度来看,JavaScript 是一门非常优秀的编程语言;而且,可以说在很长一段时间内这个语言不会被代替,并且会在更多的领域被大家广泛使用;
著名的 Atwood 定律:Stack Overflow 的创立者之一的 Jeff Atwood 在 2007 年提出了著名的 Atwood 定律。
any application that can be written in JavaScript, will eventually be written in JavaScript.
任何可以使用 JavaScript 来实现的应用都最终都会使用 JavaScript 实现。
其实我们已经看到了,这句话正在一步步被应验:
Web 端的开发我们一直都是使用 JavaScript;
移动端开发可以借助于 ReactNative、Weex、Uniapp 等框架实现跨平台开发;
小程序端的开发也是离不开 JavaScript;
桌面端应用程序我们可以借助于 Electron 来开发;
服务器端开 ...
uniapp 学习
待更新~
Vue3 学习
Vue3 简介
2020 年 9 月 18 日,Vue.js 发布 3.0 版本,代号:One Piece(海贼王)
耗时 2 年多、2600+次提交、30+个 RFC、600+次 PR、99 位贡献者
github 上的 tags 地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.0
Vue3 带来了什么
性能的提升
打包大小减少41%
初次渲染快 55%, 更新渲染快 133%
内存减少 54%
源码的升级
使用 Proxy 代替 defineProperty 实现响应式
重写虚拟 DOM 的实现和 Tree-Shaking
拥抱 TypeScript
Vue3 可以更好的支持 TypeScript
新的特性
Composition API(组合 API)
setup 配置
ref 与 reactive
watch 与 watchEffect
provide 与 inject
···
新的内置组件
Fragment
Teleport
Suspense
其他改变
新的生命周期钩子
...
Vue2 学习
Vue 简介
Vue 是一套用于构建用户界面的 渐进式框架 。
与其它大型框架不同的是,Vue 采用自底向上增量开发的设计。
Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
最初它不过是个人项目,时至今日,已成为全世界三大前端框架之一,github 上拥有 19.8万 Star。 领先于 React 和 Angular,在国内更是首选。
Vue是什么?
定义:以数据驱动视图的MVVM渐进式框架
数据:对象
视图:dom标签 –> 虚拟dom
MVVM:M model模型,V view视图。就是一种框架架构,model-view view-model, 这样的结构,主要优势在于监控者数据双向绑定的特性,vue和model之间是双向数据传递的。视图改变数据就可以改变,数据改变视图就可以改变。
渐进式:轻量级框架,可以选择性的,只使用vue中很少的一部分,而不是必须使用全部 ...
小程序 学习
浅谈小程序 在 2016 年的「微信公开课 Pro」演讲中,微信事业群总裁张小龙这样描述了小程序的前景与未来:
“ 小程序是一种不需要下载安装即可使用的应用,它实现了应用 “触手可及” 的梦想,用户扫一扫或者搜一下即可打开应用。也体现了 “用完即走” 的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无须安装卸载 “。
小程序刚发布的时候要求压缩包的体积不能大于 1M,否则无法通过,在 2017 年 4 月做 了改进,由原来的 1M 提升到 2M;
2017 年 1 月 9 日 0 点,万众瞩目的微信第一批小程序正式低调上线。
而在 2020年的「WWDC 苹果全球开发者大会」中,轻应用则被作为 iOS 14 的主要功能进行强调与推介:
App Clip 就是一种无需用户在 iPhone 或 iPad 上安装完整的应用程序,就可以访问使用该应用程序的部分功能的轻量级应用,它们专注于处理简单快速的任务。
不论是张小龙对「微信小程序」略带文艺的描述,还是在 WWDC 上对于「轻应用」在 iOS 生态中的地位描述,我们都能大抵能理解小程序诞 ...
NodeJs 学习
node.js 介绍node.js 是什么?
node.js 是一个开发平台,就像Java开发平台、.Net开发平台、PHP开发平台、Apple开发平台一样。
何为开发平台?有对应的编程语言、有语言运行时、有能实现特定功能的API(SDK:Software Development Kit)
nodejs平台使用的编程语言是 JavaScript 语言。
不支持 window、document、bom 对象。
node.js平台是基于 Chrome V8 JavaScript 引擎构建。
基于 node.js 可以开发控制台程序(命令行程序、CLI程序)、桌面应用程序(GUI)(借助 node-webkit、electron 等框架实现)、Web 应用程序(网站)。
PHP开发技术栈: LAMP - Linux Apache MySQL PHPnode.js 全栈开发技术栈: MEAN - MongoDB Express Angular Node.js
node.js 有哪些特点?
事件驱动(当事件被触发时,执行传递过去的回调函数)
非阻塞 I/O 模 ...
React 学习
React 简介一、什么是 React ?(What is React?)
React是一个声明式的,高效的,并且灵活的用于构建用户界面的 JavaScript 库。它允许您使用”components(组件)“(小巧而独立的代码片段)组合出各种复杂的UI。
二、React谁开发的?
由Facebook开发且开源,近十年“陈酿”,阿里等大厂开始使用
三、为什么要学? (一)原生js痛点
原生JavaScript操作DOM繁琐、效率低(DOM-API操作UI)
123document.getElementById('app')document.querySelector('#app')document.getElementsByTagName('span')
使用JavaScript直接操作DOM,浏览器会进行大量的重绘重排
原生JavaScript没有组件化(模块化)编码方案,代码复用率低
(二)React特点
采用组件化模式,声明式编码,提高开发效率和组件复用率
在React Native中 ...
Hello World
“永远不要失去浪漫的能力”。
这个浪漫不单单是指恋爱,更多的是:
对于世界的好奇和探索,阅读和书写,天真的想法和骨子里的善良,
对于生活必要的仪式感,以及拥有对恶意和黑暗的事物抱有愤怒和反抗的能力 ~
和这个世界交手多年,渐渐失去了一些耐心,身体劳累,精神也麻木,对什么都提不起兴趣,
把漫长的生命活成同一天,但这样不行,早晚有一天是要发疯的 ~
还是要一些坚守和浪漫,要一些别人看来非必要的事物来拯救自己 ~
要一些海风,夏天的雨,要低吟的音乐和沉浸的电影,要在心里点燃一盏烛火 ~
停止被这个世界融化,花一些时间在这些事物上,
凝成自己坚固的核,保护好自己闪闪发光的部分,哪怕只是徒劳 ~
觉得难过的时候,记得抬头看看月亮 ~