李岩的博客 | Leeyen

基于vue-cli构建你的组件库

"构建你的专属UI组件库。"

“Yeah It’s on. ” plus-ui 一直想搞一套ui，奈何实力不允许。准备工作需要安装vue-cli3.0脚手架工具，因为偷懒的关系，我就直接没有从 npm init 一步一步描述怎么搭建一个webpack配置的vue项目，此处就直接使用vue-cli3.0一键构建一个项目。没什么技术难度，唯一需要的估计就是你要理解，vue-cli3.0不是vue3....

Posted by 小李子（Leey） on January 29, 2021

H5与Native交互

"原生APP与H5页面之间的交互"

“Record life record you.” H5与原生 APP 交互的原理现在移动端 web 应用，很多时候都需要与原生 APP 进行交互、沟通（运行在 webview 中），比如微信的 jssdk，通过 window.wx 对象调用一些原生 APP 的功能。所以，这次就来捋一捋 H5 与原生 APP 交互的原理。 H5 与原生 APP 的交互，本质上说，就是两种调用：...

Posted by 小李子（Leey） on April 7, 2020

vue组件封装

"vue是一个构建数据驱动的 web 界面的渐进式框架."

“Yeah It’s on. ” vue插件开发开发vue插件之前呢，先说下封装插件的目的是什么？封装插件的目的就是为了代码的可复用，既然是为了可复用，那么只要能实现可复用的操作，封装方式就可以多样化。这和jq的$.fn.myPlugin = function(){}有些区别。先来看下官方文档对于vue插件的说明：插件通常会为 Vue 添加全局功能。插件的范围没有限制—...

Posted by 小李子（Leey） on July 9, 2019

react入门

"react众所周知的前端3大主流框架之一，由于出色的性能，完善的周边设施风头一时无两"

“Yeah It’s on. ” jsx语法前端MVVM主流框架都有一套自己的模板处理方法，react则使用它独特的jsx语法。在组件中插入html类似的语法，简化创建view的流程。下面让我们来认识一下构建的两种元素关于React的入门原生元素 1 2 3 4 5 6 ReactDOM.render( <div> <h1&g...

Posted by 小李子（Leey） on September 11, 2018

浅谈移动端布局以及相关单位

"之前做了很多移动端布局，今天为大家总结一些经验。"

“Yeah It’s on. ” viewport 打好CSS布局的基础如今可以绝大部分浏览器里（即主流的安卓浏览器和ios），都支持对viewport的一个控制了。一般的，我们会这么写。 1 2 3 4 5 6 7 8 9 - viewport默认有6个属性 - width: 设置viewport的宽度（即之前所提及到的，浏览器的宽度详），这里可以为一个整数，又或者是字符...

Posted by 小李子（Leey） on April 25, 2018

微信小程序组件与API

"上一期学习了微信小程序开发的框架相关的知识，下面来学习一下微信小程序的框架提供了一系列基础组件，开发者可以组合使用这些组件进行快速开发"

“Yeah It’s on. ” 微信小程序组件与API 微信小程序的框架提供了一系列基础组件，开发者可以组合使用这些组件进行快速开发。微信小程序组件有如下特点：组件是视图层的基本组成单位，即视图层的元素必须是组件标签，否则会编译报错组件是微信风格的样式组件与HTML 5的元素既有相同之处，也有不同之处小程序目前支持的组件有以下9种视图容...

Posted by 小李子（Leey） on January 3, 2018

微信小程序框架——视图层

"上一期学习了微信小程序开发的框架——配置和逻辑，下面来学习一下微信小程序的视图层。开发Web网页时，我们用HTML构建页面结构，用CSS描述展现样式。与此类似，小程序也提供自己的视图层描述语言WXML和WXSS。"

“Yeah It’s on. ” 微信小程序框架——视图层开发Web网页时，我们用HTML构建页面结构，用CSS描述展现样式。与此类似，小程序也提供自己的视图层描述语言WXML和WXSS。样式文件 WXSS WXSS实现了CSS的大部分特性，因此前端开发者可以很方便地进行开发。 app.wxss和每个page的wxss的覆盖关系，如果有同名rule，page会覆盖...

Posted by 小李子（Leey） on January 2, 2018

微信小程序开发学习与总结

"按照微信之父张小龙的定义，小程序是一种不需要下载安装即可使用的应用。小程序实现了触手可及的梦想，用户扫一扫或搜一下即可打开应用。同时，体现了用完即走的理念，用户不用安装太多的应用，应用将随时可用，但又无须安装卸载。"

“Yeah It’s on. ” 微信小程序开发学习与总结按照微信之父张小龙的定义，小程序是一种不需要下载安装即可使用的应用。小程序实现了触手可及的梦想，用户扫一扫或搜一下即可打开应用。同时，体现了用完即走的理念，用户不用安装太多的应用，应用将随时可用，但又无须安装卸载。小程序有以下的有点：使用方便，打开即用，用完即走开发简单，小程序开发过程的本质是MVVM...

Posted by 小李子（Leey） on January 1, 2018

psms项目和ehr项目总结

"最近两个项目串着改，心很累，项目中也遇到了很多麻烦的问题:这里写几个总结"

“Yeah It’s on. ” 最近两个项目串着改，心很累，项目中也遇到了很多麻烦的问题:这里写几个总结时间选择器15分钟一选找了半天没找到，只能改起来源码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 //... }) : n[x] = i, w.each([24, 60, 1], function...

Posted by 小李子（Leey） on December 10, 2017

java与nodejs的一次握手

"本地通过socket进行通信。node.js作为服务器，java向node.js请求消息"

“Yeah It’s on. ” java与nodejs的一次握手重构公司OA主页的过程中，添加了BMP的审批流程，在重构过程中，添加了消息推送功能，也就是说，如果登陆人的OA主页打开，当别人进行了审批的时候，流程走到当事人的步骤的时候，当事人需要进入BMP审批流程，添加了后台推送的功能。本地test 直接在本地通过socket进行通信。node.js作为服务器，java...

Posted by 小李子（Leey） on November 12, 2017

ABOUT ME

Leeyen