- 博客(35)
- 收藏
- 关注
RSS订阅
原创 改造百度ueditor
背景富文本编辑是管理后台（cms）系统中的重要功能，编辑器的选择也非常多，如今大多编辑器都是走的简约路线，遇上挑剔的客户就无法满足他们的需求。百度的ueditor作为一款重量级的编辑器，提供了强大的功能，并且从word中直接copy到编辑器中的还原效果也非常好，但是由于官方已经很久没有维护了，所以对接已有的系统灵活度不够。基于vue封装的ueditor组件挺多的，并且封装和改造的效果都还不错，...
2019-05-30 12:35:24
328
原创 微信小游戏接入激励视频
准备1、微信小程序广告组件文档2、开通条件3、已经申请开通流量主并且通过了实际操作开发文档思路1、先实例一个对象，因为文档中有提及：2、在根据项目情况调用改方法。3、回调处理开始先别着急着写代码，上微信小游戏把相关的东西配置好登录微信公众平台这步骤我们直接复制粘贴就行，但是为了兼容性我们必须对这段代码进行修改//farm.ts private videoA...
2019-01-15 10:07:16
3369
原创 RBAC权限管理
RBAC权限管理近 2 年一直使用蚂蚁金服的 Ant Design UI 框架以及其开箱即用的中台前端/设计解决方案 ANT DESIGN PRO （去年的圣诞风波有点影响，希望不再发生类似的事情），框架是一直更新一直迭代，不过里面涉及权限管理的部分的使用场景还是比较有限，兼容不了需要细化到各模块中的具体动作的场景。授人以鱼不如授人以渔，没有就自己撸一个呗。设计思想虽然是自己撸，但还是得站在...
2020-01-02 12:56:34
329
原创 Fiddler助力微信开发调试
Fiddler是一个非常强大的代理工具，可以让你的前端开发调试更加方便。下面介绍在微信开发调试方面的应用。微信网页开发中，由于有js接口安全域名和授权域名等的限制，导致部分功能需要部署到线上才能测试。通过代理可以实现本地调试网站的所有功能。配置代理规则全站转发可以这样设置：Tools -> HOSTS图片中表示your.domain.com的请求全部转发到127.0.0.1:800...
2019-08-15 20:08:19
1274
1
原创 钉钉开发初探...
问题钉钉开发需要哪些资质，需要申请哪些账号、走哪些流程（像微信小程序的话，一大堆申请、一大堆企业认证）——这些需要提前准备了解清楚怎么开发？有哪些功能？目前市场上有哪些别人的框架收集学习材料有哪些功能有，但是存在限制（例如小程序的打开 app 功能）有哪些功能自身存在限制性（如小程序的地图）开发边界是什么？有哪些需求是做不到的有哪些功能是需要特殊资质的（如之...
2019-07-31 22:38:57
553
原创 小程序wxs语法详解
wxs 官方解释WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 JavaScript 文件中定义的函数，也不能调用小程序提供的API。WXS 函数不能作为组件的事件回调。由于运行环境的差异，在 iOS 设备上小程序内的 WXS 会比 JavaScrip...
2019-07-22 15:19:21
1855
翻译 通过阅读源码来提高js知识
通过阅读源码来提高js知识原文传送门：《Improve Your JavaScript Knowledge By Reading Source Code》原本作者：Carl Mungazi，是位于伦敦的能源创业公司Limejump的前端开发人员。他花时间深入挖掘所有JavaScript的深度。简介：当你还处于编程生涯的初期阶段时，深入研究开源库和框架的源代码可能是一项艰巨的任务。在这篇文...
2019-07-18 10:09:41
204
原创 数组去重常见方法
你不知道的数组去重1. 双重循环 var arr = [4, 4, 2, "2", 1] function unique1(array) { var res = [] for (let i = 0; i < arr.length; i++) { for (var j = 0; j < res.length; j++) { if (a...
2019-07-13 09:57:33
271
原创 小程序采坑记
小程序采坑记上手小程序两个月，多多少少遇到一些坑，在此简单地作下总结。希望能对那些跟我一样有遇到过同样问题的人提供一点帮助，避免掉进这些坑，少走一些弯路。因为自己比较菜，也讲不了多少有用的东西，欢迎大神指教~~1. swiper组件高度的自适应问题用过小程序swiper组件的everybody 应该都知道，在swiper组件里只可放置swiper-item组件，否则会导致未定义的行为。...
2019-07-08 09:57:54
187
原创 装饰者
什么是装饰者模式？装饰者模式，其中的重点自然就在“装饰”这两个字上面，在日常生活中很多东西都是需要装饰的，装饰的目的是为了原来的物品更加的好看，或者是加个装饰让物品更加实用，装饰一般都能够为原来的物品添加一些新的功能，而添加的装饰在添加新的功能的时候也不会改变原来的物品。那么在编程中的装饰其实和生活之中的装饰也是一个道理。所以装饰者模式的一个基本的原则就是在不改变对象自身的基础上，在程序运行期...
2019-06-11 10:05:28
93
原创 Generator函数的语法和应用
简介基本概念状态机，封装了多个内部状态；返回一个遍历器对象，通过改对象可以一次遍历Generator函数内部的每一个状态带*号，yeild表达式定义不同的内部状态；调用 Generator 函数后，该函数并不执行，返回的也不是函数运行结果，而是一个指向内部状态的指针对象，也就是遍历器对象；Generator 函数是分段执行的，yield表达式是暂停执行的标记，而next方法可以恢复执...
2019-06-07 21:27:55
113
原创 Ant Design UI组件之Select踩坑
前言1. 在使用Ant design UI组件时总会遇到一些奇奇怪怪的问题，在本篇中将总结在使用Select时几种常见的问题遇到的问题在初始化Select值,如何根据value显示对应文本实现代码如下...this.props.form.setFieldsValue({ latticeId, latticeNo, goodsId, remaining...
2019-05-23 10:54:38
1787
原创 Array()方法汇总
Array()方法汇总1. length属性 && 检测数组length属性不是只读，可以设置该属性，从数组的末尾移除项或添加新项检测数组：一个全局作用域下（一个网页），使用instanceof两个以上不同的全局执行环境（网页包含多个框架），使用Array.isArray()2. 转换方法toString()返回由数组中每个值的字符串形式拼接而成的以逗号...
2019-05-21 08:55:48
578
原创 Electron初试
Electron初试简介electron使用html，css和JavaScript来构建块跨平台桌面应用程序（Mac，Windows和Linux）的一个开源库。electron将Chromium和Node.js合并到同一个运行环境。electron只使用了Chromium的渲染库而不是全部组件，这使得升级Chromium更加容易，但缺少了Google Chrome里的一些浏览器相关的特性...
2019-05-14 14:36:53
277
原创 解决浏览器保存密码自动填充问题
解决浏览器保存密码自动填充问题问题描述话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而，问题就出现了。当我打开一个新建用户的操作，里面的输入框自动将我的用户名和密码默认填写进去了，然后触发了内置的校验规则在我确认过在打开编辑框的时候已经输入框的数据重置之后...
2019-01-15 10:08:55
753
1
原创 gulp入门
gulp简介用自动化构建工具增强你的工作流程。通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。gulp和webpack都是前端著名的构建工具...
2019-01-15 10:08:18
120
原创 移动端开发——关于局部区域滚动总结---实战系列
在移动端开发的时候经常会碰到区域滚动的需求，当然实现起来也是非常简单的，给需要滚动的元素定高然后添加一个overflow-y:scorll自然就可以滚动了，但是添加这个属性之后，使用chrome或者其他浏览器工具调试时是支正常的，但是到手机上时滚动效果就十分的奇怪，滚动会让人感觉有卡顿感。这个时候使用一个属性就可以解决这个问题。-webkit-overflow-scrolling:touch，这个...
2019-01-15 10:07:47
1466
原创 基本业务操作的相关组件渲染---基于Ant-Design-Pro-2-0-的CMS管理后台入门系列
查询操作实现效果拉取项目 luwei.web.study-ant-design-pro, 切换至 query 分支，可看到查询操作实现效果如图所示深入学习和了解组件：查询表单 Form查询结果 Table新增操作实现效果拉取项目 luwei.web.study-ant-design-pro, 切换至 add 分支，可看到新增操作实现效果深入学习和了解组件：新增弹出...
2019-01-07 11:16:54
643
3
原创 创建页面---基于Ant-Design-Pro-2-0-的CMS管理后台入门系列
拉取项目 luwei.web.study-ant-design-pro, 切换至 page 分支，可看到创建页面的效果启动项目前置：安装完依赖包，若未安装，请移步 安装项目依赖包运行命令启动项目：npm start若使用 yarn 安装的用户请运行：yarn start创建页面在项目根目录下执行命令umi g page FormDemo1在 pages 文件...
2019-01-07 11:16:23
872
4
原创 安装项目依赖包
安装项目依赖包根据自身习惯的方式，自行选择使用 npm 或 yarn 进行安装依赖包。注意：如果选择 npm 安装，后面的命令都是用 npm 命令，包括 npm start / npm build 等；选择 yarn 安装同样如此。请勿将 npm 命令和 yarn 命令混合使用.首先了解一下项目依赖包的配置文件package.json 文件简介注意： .json 文件内不支持注...
2019-01-07 11:14:56
4212
1
原创 git 拉取项目CMS管理后台项目
git 拉取项目CMS管理后台项目github 项目地址：luwei.web.study-ant-design-pro企业内部项目地址：study.ant-design-pro注：github 上的项目暂不支持后台数据渲染对接的步骤，仅使用静态数据展示。项目下载方式：使用 git clone 拉取download zip在此不做过多解释，若不了解 git 基本操作命令，请...
2019-01-07 11:14:09
604
3
原创 CMS管理后台入门指南-(Ant-Design-Pro-v2-0)
目标：实现一个基础模块基础模块基础模块的定义基础模块（了解一个基础模块包含哪些基本功能，包括基本功能的展示方式等）基础模块中前置知识准备各功能组件介绍（了解各个模块使用到的组件以及组件的在使用过程中的注意事项）查询操作的基本组件Form 表单的使用Table 组件的使用Loading 控制新增/修改操作的基本组件和常用组件Modal 组件使用Form 表...
2019-01-02 23:14:21
507
原创 CMS管理后台基础模块
基本功能：增删改查首先了解清楚一个基础模块包含的功能：增删改查查询根据查询条件进行查询，将查询结果以列表形式展示新增点击“新增”按钮，弹出信息填写框，填写相关信息后，点击确定，成功录入一条数据。修改找到某一条数据，点击进行编辑，弹出的信息编辑框，信息区域内展示这条数据原本的信息。修改信息后，点击确定，将新的数据更新到数据库中。删除找到某一条数据，点击删除，...
2019-01-02 23:13:33
699
原创 Ant-Design-组件-——-Modal
用法1. 引入 Modal 组件import { Modal } from 'antd';2. 定义组件属性参数说明类型默认值title标题string 或者 ReactNode 无visible对话框是否可见boolean无onCancel取消回调，参数为关闭函数，返回 promise 时 resolve 后自动关闭functio...
2019-01-02 23:12:24
619
原创 Ant-Design-组件-——-Form表单（一）
Ant Design of React @3.10.9拉取项目 luwei.web.study-ant-design-pro, 切换至 query 分支，可看到 Form 表单实现效果实现一个查询表单思路Create表单：@Form.create()表单数据绑定 getFieldDecorator渲染查询表单的查询条件 render <Form.Item>获取...
2019-01-02 23:11:34
1116
原创 Ant-Design-组件-——-Form表单（二）
Ant Design of React @3.10.9拉取项目 luwei.web.study-ant-design-pro, 切换至 add 分支，可看到 Form 表单实现效果实现一个新增表单思路Create表单：@Form.create()表单数据绑定 getFieldDecorator渲染查询表单的查询条件 render <Form.Item>定义表单...
2019-01-02 23:10:48
484
原创 小程序授权弹窗
需求进入小程序首页，用户点击页面任意地方触发小程序授权弹窗，如果已授权则不触发弹窗实现难点小程序的wx.getUserInfo()接口不会主动触发小程序授权弹窗，只能通过button组件的open-type ，通过点击触发授权弹窗；授权之后，再次点击页面进行正常的操作逻辑思路分析分析解决问题的思路1.思路一是通过父组件button包裹页面内容，触发授权弹窗，但该思路导致一个问题：...
2018-12-24 21:00:13
1574
原创 引导页面的蒙版镂空和屏幕适配，技巧
需求实现一个遮罩蒙版引导实现难点镂空蒙版实现方案箭头图片的大小和位置的屏幕适配实现方案镂空蒙版实现方案一：切图，直接使用镂空的图片去实现效果缺陷：图片的宽高是固定的，唯有按比例缩放才能保证图片不变形，但是实际的设备屏幕尺寸并不是统一的尺寸比例，这样一来就很容易导致镂空部分的变形方案二：使用css自带的mask属性缺陷：只兼容webkit内核，支持性暂时太差了...
2018-12-24 20:59:04
558
原创 实现点击下载文件的几种方法
在实现点击下载文件有多种方法:后端设置header信息通过后端告诉浏览器header信息实现下载:header('Content-type: image/jpeg'); header("Content-Disposition: attachment; filename='download.jpg'"); 局限:需要后端配合.直接跳转到目标文件的地址使用window.open(...
2018-12-24 20:57:01
1676
原创 对表单进行了双向绑定却`setFieldsValue`失败
需求管理后台，点击编辑对应的条目之后，弹出修改框，希望弹出框中预设条目中原来的值实现难点对表单的输入框进行双向绑定之后使用setFieldsValue却只给了下面的赠送栏赋初始值，并且报错Warning: Cannot use setFieldsValue until you use getFieldDecorator or getFieldProps to register it....
2018-12-24 20:54:44
5639
原创 在https中引入http资源所导致的问题
前言最近在周报系统和格子机项目中都出现了在测试服能够正常运行，部署到正式服之后就出现问题，这些问题的原因就是：一般测试服都没有安全性的需求，所以都是使用http协议。但是正式服现在一般都是使用更加安全的https协议。问题问题的关键就是在于这个协议的问题，浏览器默认是不允许在https里面调用http资源的。在这里根据我所遇到的情况大概是这样子的：在IE浏览器浏览器中使用链接加载资源时会...
2018-12-24 20:52:27
2051
原创 装饰者模式
标签： 设计模式什么是装饰者模式？装饰者模式，其中的重点自然就在“装饰”这两个字上面，在日常生活中很多东西都是需要装饰的，装饰的目的是为了原来的物品更加的好看，或者是加个装饰让物品更加实用，装饰一般都能够为原来的物品添加一些新的功能，而添加的装饰在添加新的功能的时候也不会改变原来的物品。那么在编程中的装饰其实和生活之中的装饰也是一个道理。所以装饰者模式的一个基本的原则就是在不改变对象自身...
2018-12-21 22:57:19
76
原创 微信小游戏开放域之helloworld
标签: 微信小游戏，开放域微信小游戏-开放数据域的配置概念开放数据域 是一个封闭、独立的 JavaScript 作用域。开放数据域主要作用就是获取用户的关系链数据，并且展示关系链数据具体使用方法在官方文档已经非常详细了-》开放数据域本文只是做一个简单整理具体的展示关系链数据配置方法1、新建开放数据域的代码目录，以openDataContext为例，在目录下新建index.js作为...
2018-12-21 22:55:58
948
1
原创 egret之HelloWorld
标签: egret，入门什么是Egret？Egret是一套HTML5游戏开发解决方案，产品包含Egret Engine，Egret Wing，EgretVS，Res Depot，Texture Merger，TS Conversion，Egret Feather，Egret Inspector，DragonBones，Lakeshore等。而核心产品是Egret Engine，是一个基于Ty...
2018-12-21 22:53:22
416
原创 径向渐变做缺角效果
标签：CSS样式，渐变缺角效果效果话不多说直接上设计稿不仔细的前端开发者稍不注意就会忽略一些细节，尤其是两个缺角效果就不会完美的实现。圆角实现这个页面的主体是两个圆角的盒子组成，有些图方便或者不仔细的前端开发者可能就直接两个盒子贴合。为了方便，我们不实现设计稿中的全部细节，只将其中最重要的部分提出来用以说明问题，html结构如下：<div class="containe...
2018-12-21 22:51:57
312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人