- 博客(29)
- 收藏
- 关注
RSS订阅原创 安装npm本地库以及window服务启动
解决问题：1、从npmjs上拉取js库受网络影响，慢卡有时直接断网2、淘宝镜像拉取文件构建有时IE不支持（npmjs拉取构建正常显示），或者构建失败实施方案：1、安装verdaccio（Sinopia不稳定，启动之后，拉取包时，会自动停止）npm iverdaccio -g2、输入verdaccio 指令启动服务之后设置服务配置npm setregistryhtt...
2019-05-14 16:25:04
1905
原创 async和await语法糖用法
await 使用在调用方法时修饰，方法返回值要求是Promise对象，被await修饰的方法是同步执行，该方法执行完毕之后，才会执行下一步操作举例：await function(){return Promise}( )async 使用在定义方法时修饰, 方法内部就可以使用await举例：async function() { await fn1() xxx...
2019-03-12 14:22:15
1180
原创 程序命名规范
方法命名规范：基础：1、动词+名词 例如：sendMessage特殊：1、“转换操作”的方法命名： to + 做什么转换 比如：toUnit 做单位转换2、方法返回是布尔值： is + 什么判断 比如：isEmpty 是否为空3、从后台查询数据时： query + 什么（具体数据或者模块名） 比如：queryReport 查询报表 变量命名规范：基础：1、名...
2019-02-21 14:49:47
715
原创 Worker是个什么东东，可以带来什么体验？
概念：Worker是JavaScript为了充分使用多核CPU资源而引人的多线程解决方案限制：1、不能进行DOM(保持JavaScript单线程本质)2、不能访问一些全局变量（window、document、console、alert....）数据传递：使用：1、定义一个不停去后台取数的worker2、在主进程中创建worker正常的worker创建...
2018-08-28 15:06:47
1354
原创 graphql通信流程
1、PC发送请求会被graphql解析，根据Query/Mutation中映射关系找到对应的resolver;2、路由将数据传递到对应的resolver，resolver调用对应的connector进行处理；3、connector调用model进行数据库处理...
2018-08-24 14:49:02
589
原创 本地项目关联远程git仓库
设置远程分支：git initgit add README.mdgit commit -m "first commit"git remote add origin https://xxxx.gitgit push -u origin master如果报403需要更新下用户密码，如果git push没有提示输入用户密码git config --system --unset...
2018-08-23 14:14:47
552
原创 THREE学习 - 01三要素
一个场景想要展示任何东西需要以下三类组件：相机（决定哪些东西将渲染在屏幕上） 光源（对材质如何显示， 对阴影材质如何使用产生影响） 物体（世间万事万物）...
2018-08-16 10:37:42
179
原创 egg-sequelize + GraphQL 连接查询
模型在设计时表与表之间存在复杂关系，当我们在查询一个表数据时往往也要获取其他表的数据称之连接查询实现：1、建立表与表之间的关系2、设置查询时进行表连接3、声明查询内容包含（声明员工时，设置一个部门的属性）结果：...
2018-07-28 14:40:24
1772
原创 GraphQL 标量类型
GraphQL 自带一组默认标量类型： Int：有符号 32 位整数。 Float：有符号双精度浮点值。 String：UTF‐8 字符序列。 Boolean：true 或者 false。 ID：ID 标量类型表示一个唯一标识符，通常用以重新获取对象或者作为缓存中的键。ID 类型使用和 String 一样的方式序列化；然而将其定义为 ID 意味着并不需...
2018-07-24 23:23:26
1088
原创 Sequelize 数据类型
Sequelize.STRING // VARCHAR(255)Sequelize.STRING(1234) // VARCHAR(1234)Sequelize.STRING.BINARY // VARCHAR BINARYSequelize.TEXT ...
2018-07-24 23:13:00
9001
原创 egg-graphql+egg-oauth2-server 权限校验
说明：1、egg-graphql、egg-oauth2-server 安装网上很多资料不做赘述2、egg-oauth2-server只进行password模式验证1、egg-oauth2-server->password模式验证需要扩展以下几个方法：2、设置路由，获取授权秘钥和登录获取token秘钥获取路由（需进行base64编码）：以上完成egg-oau...
2018-07-24 20:20:41
2860
原创 Node DataLoader优化数据层
作用：1、批处理（将相同操作合并一起处理，减少与数据库的交互）2、缓存（缓存查询对象，减少数据库查询，不过数据更新变动之后需清除缓存）区别：与Redis, Memcache, DataLoader实例是在请求开始时创建的，并且一旦请求结束，就不会使用,数据不会被整个应用共享使用：new DataLoader(batchLoadFn [, options])(创建一个lo...
2018-07-24 10:23:25
567
原创 egg-mysql模糊查询
1、egg了解 参考资料：egg官网2、思路 egg-mysql架构提供了3中方式进行查询get/select/query a) get只能进行单个相等查询 b) select方法可以通过设置where来设置条件筛选，但是只支持等于和in两种方式 const value = where[key]; if (Array.isArray(value)) { ...
2018-06-21 16:53:15
10144
3
原创 安装mysql数据库
1、安装mysql(5.7.22) 参考资料：http://www.runoob.com/mysql/mysql-install.html2、问题解决 1） 缺少MSVC*.dll 2) 出现服务无法启动，可能是没有初始化data目录3）远程访问mysql 数据出现 “mysql远程连接 Host * is not allowed to connect to thi...
2018-06-13 17:14:56
138
原创 如何实现github提交代码
1、环境准备 安装git 申请github账号2、设置 ssh key 安装好环境，屏幕空白处点击右键，点击git bash here 打开命令 输入ssh-keygen -t rsa -C "[email protected]" 生成秘钥，将公钥复制到github上去 将红框文件内容，复制到github上github存放公钥位置： 创建SSH KEY配置好了， clone一...
2018-06-08 15:45:58
1739
1
原创 离屏canvas
1、概念 离屏canvas是在内存中创建一个canvas元素，未通过dom操作显示到页面上去2、场景 1、用于需频繁调用canvas API 2、底部背景（canvas绘制的）不需要改变的3、用法 1、创建一个canvas元素 2、绘制所需图形 3、通过canvas API drawImage方法绘制到页面canvas上去显示4、代码展示5、优点 1、提供...
2018-06-07 10:39:04
5025
原创 canvas实现扫描动画
1、扫描效果 2、技术选型 1) CSS3 使用两个元素，通过移动遮罩元素来实现圆面积变小（圆使用border-radius:50%可以实现） 问题：通过这个遮罩元素实现圆面积变化，无法实现透明，会遮住底部背景 2) canvas绘制动画，通过使用requestAnimationFrame绘制动画 问题： a.圆面积会变化 b....
2018-06-05 16:11:22
3683
原创 angularJS懒加载实现
angularJS懒加载，主要是分担首页文件加载效率提高渲染性能，实现要点： 1、项目模块化 使用import/export 进行模块化 2、路由 使用ui-router进行路由切换 3、模块异步加载 1）使用import()实现文件动态加载 2）使用ocLazyLoad实现angular模块加载实现 1、依赖文件加载...
2018-04-25 15:55:37
1641
原创 【ES6新语法】--import()
import()方法是用来代替require，实现动态加载；实例： 要使用import()+angular路由实现动态加载, 构建工具： webpack 1、要使用import() 需要使用babel进行转换，依赖babel-loaderbabel-corebabel-plugin-syntax-dynamic-import@babel/preset-env 2、webpack.con...
2018-04-25 15:09:46
6241
原创 angularjs 引入路由
安装ui-router npm i @uirouter/angularjs在模块中使用 1、引入ui-router； import uiRouter from '@uirouter/angularjs'; 2、添加模块依赖 const app = angular.module('app', [uiRouter]); 3、配置路由export default [{...
2018-04-25 10:43:27
844
原创 react-native 实现微信头部编写
react-native 编写微信头部要点： 1、图标布局（左右居右、上下居中） 2、可以点击事件，点击时有个背景色布局实现 1、在react-native中无法使用float、display:inline-block 2、使用Flexbox(弹性盒子): flex, alignItems,justifyContent本例通过Flexbox实现图标布局header:{ ...
2018-04-16 21:49:32
964
1
原创 react-native中使用svg图标
在web开发中我喜欢svg图标： 1、矢量图标，不会因屏幕大小失真； 2、文件大小，svg图标比png图标小； 3、灵活性，可以修改图标颜色，实现图标复用； 所以在进行react-native开发的时候，在图标选择上，选择使用svg图标，在使用react-native时,通过Image require svg图片时，不会显示，搜索资料才知道，react-native不支持r...
2018-04-15 17:35:13
5185
原创 npm 进行包发布
1、注册npm账号 https://www.npmjs.com/signup注册账号 注册成功就会有个2、进行邮箱验证，发送一封邮件，到自己设置的邮箱地址 将网址打开，就进行了邮箱验证，这个时候进可以进行项目发布了3、发布项目之前，需先登录，否则发布时会报401 npm login 输入用户名，上面注册（npmjs.com）的用户名，密码，邮箱 4、进行项目发布,在项...
2018-04-11 23:48:49
559
原创 ES6中export与export default的用法
在开发过程中遇到了一个问题，记录下引起深刻记忆： 代码如下： 设置一个配置urlexport default { url: 'http:/192.168.1.5:8080'} 引用import { url } from '../config/common';结果问题来了： 结果打印url的值始终为undefined结论： 1、使用对象结构赋值，需要使用expor...
2018-04-02 21:49:18
3359
原创 react-native 实现渐变色背景
1、需要借助插件react-native-linear-gradient插件 安装： yarn add react-native-linear-gradient react-native link react-native-linear-gradient2、导入react-native-linear-gradient 依赖BVLinearGradie...
2018-04-01 11:21:30
21936
2
原创 react-native如何将UI设计稿上的原型的大小转换为开发大小，还能实现各种屏幕自适应
原型设计稿： 输入框 高度：150； 宽带：900；如何将原型上px单位转为react-native的dp单位？ 1、原型宽度/设备dp宽度 = px和dp的比例； 2、原型宽度可以通过ps获取到：1080； 3、设备的dp宽度 dp; var {height, width} = Dimensions.get('window');上图原型输入框宽...
2018-03-30 23:21:56
2725
原创 react-native如何去掉TextInput下划线
现象 描述在andriod下，TextInput UI组件默认有个下划线，需要设置underlineColorAndroid='transparent'<TextInput style={styles.input} underlineColorAndroid='transparent'></TextInput>修改之后: ...
2018-03-30 00:05:10
2833
原创 蛋疼的react-native与react-devtools
react-native版本： react-devtools版本：3.2.1谷歌版本： 这几个版本放在一起就蛋疼了，react-native 始终无法在react-devtools或chrome上进行调试1、在chrome上调试，需要安装react-developer-tools的插件，想要chrome开发者栏中出现react tab 必须...
2018-03-29 00:23:22
4688
1
原创 react-native 与 夜神模拟器环境搭建
1、安装夜神之后需要更新nox_adb.exe文件，使它与sdk的版本保存一直，将sdk的adb.exe复制到夜神安装处更名为nox_adb.exe替换原文件 2、连接模拟器 在夜色安装bin目录中执行nox_adb connet 127.0.0.1:62001 在执行adb devices 表示设备已连接3、启动项目 react-native ru...
2018-03-28 19:41:08
6932
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人