搜索[网站开发]结果-低调大师优秀个人博客

《React Native跨平台移动应用开发》读后鬼扯

现实中，Android和iOS两大移动操作系统分庭抗礼的局面决定了注定会有类似RN这样跨平台移动开发框架的出现,只不过各家实现的思路不同而已，以ionic，RN，Flutter为代表分别扯一下。

2018-07-12

开发一个自己的 CSS 框架（一）

搭建开发环境初始化一个 Nodejs 项目，安装 parcel 打包工具，让 parcel 来帮我们处理可编译文件，使用简单，速度奇快，小微项目用 parcel 有如神助。

2018-07-09

Android与H5混合开发「kotlin，WebView」

Android与H5的交互「kotlin，WebView」文章参考自尚硅谷-Android与H5的互调，由衷感谢。语言是使用了kotlin，如果不熟悉kotlin，建议看看这篇文章，kotlin还是很值得学习的。 Android与H5的交互，实际上就是通过Android的一个控件WebView来完成的开头.gif 项目的基础配置，如Log封装类，修改主题，Anko的配置请查看这篇文章。相关代码已经上传到仓库的AndroidToH5文件夹加载一个网页 WebView控件有点类似于在我们的App中嵌入一个微型浏览器。加载页面在module下创建webStudy包，创建WebActivity，在activity_web.xml布局下声明webView控件。 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.administrator.androidtoh5.module.webStudy.WebActivity"> <WebView android:id="@+id/mWebView" android:layout_width="match_parent" android:layout_height="match_parent"> </WebView> </RelativeLayout> 回到Activity，使用loadUrl方法把我们要加载的网页加载进去 package com.example.administrator.androidtoh5.module.webStudy import android.support.v7.app.AppCompatActivity import android.os.Bundle import com.example.administrator.androidtoh5.R import kotlinx.android.synthetic.main.activity_web.* class WebActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_web) mWebView.loadUrl("https://www.jianshu.com/u/8c6b4be8770b") } } WebView的操作是加载网页，所以记得在AndroidMaifest.xml下添加网络权限 <uses-permission android:name="android.permission.INTERNET"/> 运行程序网页效果.gif 重写返回方法效果出来了，但是如果我们在webView连续点击去几个子页面后，点击手机物理键返回，我们会发现程序直接挂了，并没有返回到我们之前浏览的网页。所以我们需要重写程序的返回方法 import kotlinx.android.synthetic.main.activity_web.* class WebActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_web) mWebView.loadUrl("https://www.jianshu.com/u/8c6b4be8770b") } /** * 重写返回回调监听 */ override fun onBackPressed() { //判断WebView是否可返回 if (mWebView.canGoBack()) { //返回上一个页 mWebView.goBack() return } super.onBackPressed() } } 这样我们就可以点击手机物理返回键来返回之前浏览的网页页面啦滑动到顶部修改xml布局，增加一个滑动到页面顶部的ImageView <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.example.administrator.androidtoh5.module.study.WebActivity"> <WebView android:id="@+id/mWebView" android:layout_width="match_parent" android:layout_height="match_parent"> </WebView> <ImageView android:id="@+id/mUp" android:src="@drawable/up" android:layout_width="30dp" android:layout_height="30dp" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_margin="33dp" /> </RelativeLayout> 设置图片的点击事件，当点击图片时，网页滑动到顶部 import kotlinx.android.synthetic.main.activity_web.* class WebActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_web) mWebView.loadUrl("https://www.jianshu.com/u/8c6b4be8770b") mImgUp.setOnClickListener(View.OnClickListener { //滑动到当前网页的顶部 val pageUp: Boolean = mWebView.pageUp(true) L.d("滑动到底部是否成功:$pageUp") }) } /** * 重写返回回调监听 */ override fun onBackPressed() { //判断WebView是否可返回 if (mWebView.canGoBack()) { //返回上一个页 mWebView.goBack() return } super.onBackPressed() } } 一键到达页面顶部.gif 读取一段html代码，显示到页面上 private fun readHtml() { //WebUtil在项目的util包下，getHtml方法的作用是读取main-assets文件夹下的html文件的代码 val json:String=WebUtil.getHtml("index.html",this) L.d("读取到的html代码："+json) mWebView.loadData(json,"text/html",null) } 销毁webView mWebView.destroy() 暂停webView mWebView.onPause() 恢复webView mWebView.onResume() 隐藏垂直滚动条 mWebView.setVerticalScrollBarEnabled(false) 还有的情况是当我们需要完整的浏览器时，我们不使用WebView，而是通过Intent直接跳转到手机的浏览器 //当我们需要完整的浏览器的时候不使用WebView，而是直接跳转到默认浏览器 val uri = Uri.parse("https://www.baidu.com/") val intent = Intent(Intent.ACTION_VIEW, uri) startActivity(intent) Java和Js的互调创建JavaToActivity，在activity_java_to_js.xml下写一个用户名输入框和一个确定按钮 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.example.administrator.androidtoh5.module.webStudy.JavaToJsActivity"> <EditText android:id="@+id/mEditView" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入用户名" /> <Button android:id="@+id/mBtnNext" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="下一步" /> </LinearLayout> 在这里我们并不使用WebActivity那样在xml布局里面把WebView控件写好。而是通过代码方式生成，等到我们需要它的时候，通过setContentView来把WebView填充到界面上 import kotlinx.android.synthetic.main.activity_web.* import org.jetbrains.anko.toast /** * 1，Java调用javaScript方法 * 2，javaScript方法调用Java方法 */ class JavaToJsActivity : AppCompatActivity() { /** * 声明WebView */ private var webView: WebView? = null override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_java_to_js) //进行WebView的基础基础配置 initView() mBtnNext.setOnClickListener(View.OnClickListener { L.d("按钮的点击事件") }) } /** * 进行基础的配置 */ private fun initView() { webView= WebView(this) val webSettings = webView!!.getSettings() //设置支持javaScript脚本语言 webSettings.javaScriptEnabled = true //设置支持js调用java //JsToJava是js回调的类，Js调用的Java方法都应该写在里面 webView!!.addJavascriptInterface(JsToJava(), "Android") //加载网络资源 webView!!.loadUrl("https://a704.gitee.io/web/JavaToJs.html") } /** *js可以调用该类的方法 */ internal inner class JsToJava { //必须有该注解 @JavascriptInterface fun show() { toast("我被js调用了啦") } } } 我们在initView()方法内，通过设置webSetting类的javaScriptEnabled属性为true，以及WebView的addJavascriptInterface方法来使得WebView支持Js和Java的互调分析下 webView!!.addJavascriptInterface(JsToJava(), "Android") 第一个参数是一个内部类JsToJava，我们网页端要回调的Android方法都应该写在里面，方法名要与js里面约定写好的方法名相同，如下图画红框的Android字段则是我们addJavascriptInterface（）方法要填入的第二个参数 js调java.png 接着在按钮的点击事件里面写我们的登录方法 /** * 登录方法 */ private fun login() { val string: String = mEditView.text.toString().trim() if (!TextUtils.isEmpty(string)) { webView!!.loadUrl("javascript:javaToJs('$string')") setContentView(webView) } } 获取输入框内容，webView通过loadUril方法把输入框内容作为参数传递到js的方法里，将new 出来的webView通过setContentView显示到界面上 java调js.png 完整代码 import kotlinx.android.synthetic.main.activity_web.* import org.jetbrains.anko.toast /** * 1，Java调用javaScript方法 * 2，javaScript方法调用Java方法 */ class JavaToJsActivity : AppCompatActivity() { /** * 声明WebView */ private var webView: WebView? = null override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_java_to_js) //进行WebView的基础基础配置 initView() mBtnNext.setOnClickListener(View.OnClickListener { L.d("按钮的点击事件") login() }) } /** * 登录方法 */ private fun login() { val string: String = mEditView.text.toString().trim() if (!TextUtils.isEmpty(string)) { //调用页面的js代码的javaToJs方法把参数传递进入 webView!!.loadUrl("javascript:javaToJs('$string')") //将webView显示到界面上 setContentView(webView) } } /** * 进行基础的配置 */ private fun initView() { webView= WebView(this) val webSettings = webView!!.getSettings() //设置支持javaScript脚步语言 webSettings.javaScriptEnabled = true //设置支持js调用java //JsToJava是js回调的类，Js调用的Java方法都应该写在里面 webView!!.addJavascriptInterface(JsToJava(), "Android") //加载网络资源 webView!!.loadUrl("https://a704.gitee.io/web/JavaToJs.html") } /** *js可以调用该类的方法 */ internal inner class JsToJava { //必须有该注解 @JavascriptInterface fun show() { toast("我被js调用了啦") } } } 运行程序，在输入框内输入文本，跳转到界面后，用户名确实已经显示到界面上，证明我们Java调用js代码成功。点击按钮，弹出吐司，说明js调java也成功了，通过show方法，将吐司展示了出来 js与java的互调.gif 在Java和Js的互调中，https://a704.gitee.io/web/JavaToJs.html这个网页链接是我通过码云的码云Pages服务生成的，它是一个类似免费服务器的东西。网页的代码是使用WebStrom写的，IDEA全家桶，十分好用

2018-07-02

C# Xamarin移动开发项目实战篇

一、课程介绍在前面阿笨的《C# Xamarin移动开发基础进修篇》课程中，大家已经熟悉和了解了Xamarin移动App开发的基础知识和原理。

2018-06-30

iOS 开发之返回指定的控制器

iOS 开发之返回当前视图控制器堆栈里的某个控制器 /** 确定 */ - (void)clickConfirmBtn { HomeVC *homeVC = [[HomeVC alloc] init];

2018-06-28

音视频技术开发周刊 55期

『音视频技术开发周刊』由LiveVideoStack团队出品，专注在音视频技术领域，纵览相关技术领域的干货和新闻投稿，每周一期。点击『阅读原文』，浏览第55期内容，祝您阅读愉快。

2018-06-25

Javaweb开发学习路线及Java三大框架

Java web开发是什么？ Java web开发，是用Java技术来解决相关web互联网领域的技术总和。web包括：web服务器和web客户端两部分。

2018-06-20

13个开发者技能必知必会！

开发者应当深入理解商业智能、数据分析、机器学习，及其他转换存储聚合大量数据的解决方案。只有这样，开发者才能够帮助公司处理大数据，制定更好的商业决定。

2018-06-20

音视频技术开发周刊 54期

『音视频技术开发周刊』由LiveVideoStack团队出品，专注在音视频技术领域，纵览相关技术领域的干货和新闻投稿，每周一期。点击『阅读原文』，浏览第54期内容，祝您阅读愉快。

2018-06-19

AliOS Things 的 ESP32 应用开发流程

本文介绍 Windows 下基于 AliOS Things 的 ESP32 应用开发流程，包括环境搭建、程序编译、固件烧写。

2018-06-12

音视频技术开发周刊 53期

『音视频技术开发周刊』由LiveVideoStack团队出品，专注在音视频技术领域，纵览相关技术领域的干货和新闻投稿，每周一期。点击『阅读原文』，浏览本期内容，祝您阅读愉快。

2018-06-11

HiSDP —— 高效的C++软件开发平台

缘由当决定采用C++编程语言去开发一个软件时，紧接着所面临的问题是软件库、平台与框架的选择。当然，选择的范围估计很大程度来自开源软件。

2018-06-05

Android插件化开发之动态加载技术学习

Android插件化开发之动态加载技术学习为什么要插件化开发和动态加载呢？

2018-05-18

值得一试的Android开发工具

Viewer ，用于格式化服务端接口数据这里写图片描述不使用JSON Viewer之前这里写图片描述使用后使用后我们更愿意看到哪种就不言而喻了 Json格式化转Bean 玩android网站

2018-05-17

工具推荐：串口助手-SerialPort 物联网开发利器

刚做IoT业务时，在mac下没有找到一款适用的串口工具，开虚拟机用windows下串口调试很不方便，同事推荐我使用这款SerialPort工具，发现的确非常好用，使用5个月了，可以免费升级，功能强大，界面清爽，快捷键合理，推荐给各位物联网同僚。下载通过Apple Store:https://itunes.apple.com/cn/app/%E4%B8%B2%E5%8F%A3%E5%8A%A9%E6%89%8B-serialport-%E7%89%A9%E8%81%94%E7%BD%91%E5%BC%80%E5%8F%91%E5%88%A9%E5%99%A8/id1181734730?mt=12 SerialPort-串口工具为串口工具助手，通过电脑USB接入串口工具硬件来实现外围设备数据读取和发送。需要串口工具硬件配合使用。兼容市面

2018-05-09

精选列表

《React Native跨平台移动应用开发》读后鬼扯

开发一个自己的 CSS 框架（一）

Android与H5混合开发「kotlin，WebView」

C# Xamarin移动开发项目实战篇

iOS 开发之返回指定的控制器

音视频技术开发周刊 55期

Javaweb开发学习路线及Java三大框架

13个开发者技能必知必会！

音视频技术开发周刊 54期

AliOS Things 的 ESP32 应用开发流程

音视频技术开发周刊 53期

HiSDP —— 高效的C++软件开发平台

Android插件化开发之动态加载技术学习

值得一试的Android开发工具

工具推荐：串口助手-SerialPort 物联网开发利器

vs2017 js cordova + dotnet core 开发app

前端模块化开发解决方案详解

Android开发实战（十八）：Android Studio 优秀插件：GsonFormat

阿里ARouter路由实现Android模块化开发

构建你的Office 365开发环境 - 其他版本

资源下载

Nacos

Spring

Rocky Linux

Sublime Text

欢迎您来访！