随笔分类 -  javascript

自定义ckeditor5
摘要：从ckeditor5开始，默认的编译版本，只提供了固定的功能，如果需要使用更多的特性，比如文字颜色，对齐，高亮等，则需要通过源代码编译的方式添加进去，以下说明下如何从源代码方式编译自定义的ckeditor5。 拷贝源代码 "官网教程" 中，提供了从github上拷贝源代码到本地开发的方式，但是由于国 阅读全文

posted @ 2019-06-06 13:54 smallcoder 阅读(2155) 评论(0) 推荐(0)

ckEditor5 图片上传到七牛云
摘要：默认情况下，ckeditor编辑器会把图片上传到一个固定的地址，但是出于某些考虑，我们也需要把图片上传到第三方网站进行处理。以下讲解一下如何把图片上传到七牛云CDN。 准备工作 首先需要去申请七牛的账号和服务，然后通过七牛的jssdk上传图片。申请步骤略过，可以自行去七牛官网查看。 1. 安装七牛j 阅读全文

posted @ 2019-06-06 13:53 smallcoder 阅读(834) 评论(0) 推荐(0)

小程序体积优化(2)--优化图片
摘要：通过对大体积文本的优化，总的体积减少了不到100KB，可以说是杯水车薪，看来还是要从大户图片上面下手，分三个方向去处理: 1. 清理未使用的图片 2. 压缩图片 3. 修改部分设计 清理未使用的图片 因为小程序的css文件内不允许使用本地图片，所以只需要查找html里面的引入的图片地址，再加上tab 阅读全文

posted @ 2018-06-21 14:38 smallcoder 阅读(479) 评论(0) 推荐(0)

Vue2.0原理-指令
摘要：指令是 的续章，本文会尝试从源码的角度来理解 是如何被提取和应用的。 指令的提取 指令的提取过程是在parse阶段进行的，在 方法中，会解析字符串模板为如下的单个ast对象 通过提取为格式化的对象，就可以对单个的节点进行解析了 指令的解析 首先对 , , 三个指令进行解析 指令的处理 通过上面的步骤 阅读全文

posted @ 2018-06-15 17:50 smallcoder 阅读(215) 评论(0) 推荐(0)

小程序体积优化(1)--优化大文本
摘要：缘起 昨天接手了一个小程序，让新增一些页面。页面写完，预览失败。为啥？大小超过2M了。虽然说小程序目前支持分包的方式让上限提高到4M，但是考虑到业务的发展，还是先优化一波。 去掉无用数据 优化体积，从大文件下手，首先找到的大文件，就是 , 体积颇大，足有 145kb 。我们看看他。 通过调用的页面发 阅读全文

posted @ 2018-06-14 18:05 smallcoder 阅读(160) 评论(0) 推荐(0)

Vue2.0原理-模板解析
摘要：下面这段代码，vue内部做了什么操作？我去源码里面找找看 入口 vue 的入口文件在 , 里面一进来就执行了很多初始化的操作。 import { initMixin } from './init' import { stateMixin } from './state' import { rende 阅读全文

posted @ 2018-06-13 14:57 smallcoder 阅读(604) 评论(0) 推荐(0)

react-native初体验(2) — 认识路由
摘要：如果学习止步于 , 那么人生也太没意思了。这次要做一个看起来真实的应用。多添加几个页面，让他们可以交互，动起来。 官方推荐使用 作路由管理，下面我将尝试使用他。 根目录下面建立 文件夹，并在里面建立 和 两个文件，接下来就可以在这个两个视图之间进行跳转了 安装路由管理 安装 引入 建立路由导航 修改 阅读全文

posted @ 2018-06-07 10:51 smallcoder 阅读(219) 评论(0) 推荐(0)

react-native初体验(1) — hello world
摘要：没有简介，直接开始干活吧。 默认阅读本文的你已经安装好 nodejs, windows用户需要升级yarn到最新版本。 并且设置安装源为国内的淘宝源: 初始化 开发过 的同学想必对于 并不陌生，这个cli工具大大简化了配置，让我们上手即可开发。 对于 ， facebook官方也放出了 工具，使用起来 阅读全文

posted @ 2018-06-07 00:39 smallcoder 阅读(229) 评论(0) 推荐(0)

vue组件--通讯录
摘要：简介 在移动端开发中，通讯录是个很常见的需求。 通讯录通常要实现以下功能 首字母导航 滚动到一定位置首字母固定 "在线通讯录demo" 布局 通讯录是典型的上下两栏布局，上面是header，下面是内容区，我们这里采用flexbox来实现。 OK。上面的代码已经足够定义一个页面的雏形， 高度44, 占 阅读全文

posted @ 2018-06-06 17:59 smallcoder 阅读(2861) 评论(0) 推荐(0)

vue组件--TagsInput
摘要：简介 是一种可编辑的输入框，通过回车或者分号来分割每个标签，用回退键删除上一个标签。用 来实现还是比较简单的。 先看效果图，下面会一步一步实现他。 注：以下代码需要vue cli环境才能执行 （一）伪造一个输入框 因为单行的文本框只能展示纯文本，所以图里面的标签实际上都是 ,用vue模板来写的话，是 阅读全文

posted @ 2018-06-05 13:28 smallcoder 阅读(6874) 评论(0) 推荐(0)

导航