随笔分类 -  Web前端

chrome浏览器 F12开发者工具简单使用
摘要：1.如何调出开发者工具 按F12调出 右键检查（或快捷键Ctrl+Shift+i）调出 2.开发者工具初步介绍 chrome开发者工具最常用的四个功能模块：元素（ELements）、控制台（Console）、源代码（Sources），网络（Network）。 元素（Elements）：用于查看或修改 阅读全文
posted @ 2021-01-15 16:45 林春杰 阅读(1334) 评论(0) 推荐(0)
JavaScript 的 this 原理
摘要：一、问题的由来 学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。 var obj = { foo: function () {} }; var foo = obj.foo; // 写法一 obj.foo() // 写法二 foo() 上面代码中，虽然obj.foo 阅读全文
posted @ 2019-07-19 14:46 林春杰 阅读(199) 评论(0) 推荐(0)
使用electron-builder来打包
摘要：1、安装builder模块 i : install简写 -g : 全局安装 附：安装淘宝镜像命令 2、electron-builder命令 3、npm i -g yarn 【yarn 是 npm升级版 npm,cnpm,yarn】 i : install简写 -g : 全局安装 命令： yarn = 阅读全文
posted @ 2018-08-21 17:55 林春杰 阅读(1569) 评论(0) 推荐(0)
三角函数之前端动画
摘要：平时写动画也尽量使用 css3 来实现，timer-function 随意选用，最多也就调一下 cubic-bezier，找到看着舒服的就行。但是怎样让动画更顺滑，写出更贴近自然的动画，说实话以前我没怎么考虑过。 每次当动效设计师提出，能不能这样那样的时候，我会理所当然地予以否决。所以有很长一段时间 阅读全文
posted @ 2018-08-21 13:42 林春杰 阅读(1075) 评论(1) 推荐(0)
创建你的第一个Cordova App
摘要：本教程教你如何使用Cordova命令行工具创建一个Cordova App，并将它打包到各个手机平台。关于CLI命令更详细的内容请参考:Cordova CLI详情。 安装Cordova CLI Codorva CLI以npm包的形式发布，通过以下几个步骤来安装。 安装node.js，下载地址：http 阅读全文
posted @ 2018-08-07 23:02 林春杰 阅读(328) 评论(0) 推荐(0)
Promise
摘要：在JavaScript的世界中，所有代码都是单线程执行的。 由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现： 观察上述代码执行，在Chrome的控制台输出可以看到： 可见，异步操作会在将来的某个时间点触发一个函数调用。 AJAX就是 阅读全文
posted @ 2018-08-07 23:00 林春杰 阅读(545) 评论(0) 推荐(0)
WebView与 JS 交互方式
摘要：前言 现在很多App里都内置了Web网页（Hybrid App），比如说很多电商平台，淘宝、京东、聚划算等等，如下图 上述功能是由Android的WebView实现的，其中涉及到Android客户端与Web网页交互的实现 今天我将全面介绍Android通过WebView与JS交互的全面方式 阅读本文 阅读全文
posted @ 2018-08-07 22:51 林春杰 阅读(1966) 评论(0) 推荐(0)
ES6常用知识点
摘要：ES6常用知识，职场足用！ 1.变量声明const和let 在ES6之前，我们都是用var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如: function aa() { if(flag) { var test = 'hell 阅读全文
posted @ 2018-08-07 22:48 林春杰 阅读(600) 评论(0) 推荐(0)
flex布局
摘要：一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 Flex 布局。 Webkit 内核的浏览器，必须加上-webkit前缀。 注意，设为 Flex 布局以后， 阅读全文
posted @ 2018-08-06 09:44 林春杰 阅读(244) 评论(0) 推荐(1)