- 博客(83)
- 资源 (1)
- 收藏
- 关注
原创 小程序开发心得
1 设计稿如果是 750 * 1334 那么在 iphone7 机型里 1rpx <-1px [微信小程序 <- 设计稿] 如果是 375 * 667 那么在iphone7机型里 2rpx <-1px2 appId 是小程序的身份证 ,是小程序的唯一标识...
2019-08-30 17:29:37 203
原创 小程序
1 小程序代码构成a json配置json文件在小程序代码中扮演静态配置的作用,在小程序运行前就决定小程序一些表现,小程序无法再运行过程中动态更新json配置文件从而发生变化app.jsonproject.config.json 工具配置: 小程序开发工具的一些个性化设置,界面颜色, 编译配置等page.json 页面配置 是区别与app.json 独立定义每个...
2019-07-26 18:03:38 237
原创 nodeJs(2)
export 与 module.export 的区别tip: 修改变量 还是 修改对象的属性/*原因: exports = module.exports;如果对 exports 重新定义 将会修改指向范围 导致逻辑错误*/package.json 是必须的文件tip: json文件中不能写注释增强版的模块npm 搜索包...
2019-06-28 11:49:07 105
原创 nodeJS学习
类似于作用域变量修改完成后,需要重启命令行窗口才能生效 重启的操作是: 先关闭后打开新的窗口进程和线程所有的性能问题 最终归结到 IO 瓶颈 因为最终磁盘的读写速度是有限的nodeJS单线程 + 事件驱动(异步)执行node命令 在cmd控制台 输入 node;终止node命令 输入.exit执行文件 node ...
2019-06-27 18:10:02 97
原创 前端水印功能
思路: 使用canvas制作一个水印图片 然后做为页面的背景色 上下 左右平铺制作完美<html> <head></head> <body> <div> <a href="baidu.com">超链接</a> <div class="c-circle">&...
2019-06-24 14:22:00 882 1
原创 前端设计模式
1 构造函数模式 Constructora 将属性绑定在this上b 将方法绑定在prototype上c 使用new新增实例返回值2 工厂模式 Factorya return 一个对象b 创建 ****不同 ****的引用类型 【 tip: return 的对象是不同的引用类型,相互之间不会受到影响】返回值:对象 {}...
2019-06-13 11:41:14 358
原创 websocket
http 协议的缺陷:1 one-way 单向2 request / response 请求 / 响应3 stateless 无状态4 Half-Duplex protocol单向请求的特点: 如果服务器有连续的变化,只能使用 轮询的方式 , 每隔一段时间发出一个询问,了解服务器有没有新的信息,eg: 聊天室websocket 的特点:...
2019-05-28 18:10:06 130
原创 typescript 总结
将ts文件编译为js 文件******************************************************************************typescript中几种特殊的number类型1 NaN: 由于种种原因, 不是数字,出现这种状况不会报错,而是将结果看成NaN2 Infinity :正无穷大3 -Infinit...
2019-05-27 17:38:28 479
原创 es6总结
1 变量的声明方式a: var 声明的是全局变量b: let 声明的是局部变量, 只在区块内起作用, 外部是不可以调用的c: const 就是常量 如果是对象或数组, 则对象或数组中可以添加属性 或 数组元素2 扩展运算符 (...)扩展运算符的用处:复制数组 and 复制的数组的修改 不会影响 被复制的数组3 rest 运算符 arg...
2019-05-24 17:26:55 148
原创 js 常见错误
1 类型错误Uncaught TypeError: undefined is not a functioneg:var foo = undefined;foo();2 引用错误Uncaught ReferenceError: Invalid left-hand side in assignmenteg:if(doSomething() =...
2019-05-20 14:01:18 353
原创 web本地缓存
(function () {$.extend(rk, {getStorage: function () {if (window.localStorage) return window.localStorage;if (window.__TEMP__CACHE) return window.__TEMP__CACHE;window.__TEMP__CACHE = {};//...
2019-05-17 16:29:50 515
原创 chrome开发工具
【早读君聊聊】再次推荐chrome工具,早读君一开始是拒绝的,但这货实在是太好用了,刚接触前端的时候用firefox的比较多,但现在基本没离开过chrome了。特别是模拟手机的功能,实在是好用。正文从这开始~~~在Web开发者中,Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能,使其成为了web开发者必备的工具。你可能已经熟悉了...
2019-05-16 18:24:15 130
原创 js 中的 event loop
任务队列中 包括 IO的回调函数 , 鼠标事件, 以及 定时事件 【定时事件需等待到了规定的时间,才能返回主线程进行执行】主线程从‘任务队列’中读取事件, 过程是循环不断,整个运行机制为Event Loop (事件循环)...
2019-05-10 14:28:57 118
原创 正向代理与反向代理
正向代理: 代理的对象是客户端 【服务器端不知道真正的客户端是谁】反向代理: 代理的对象是服务端 【客户端请求的服务器端, 但不知道真正的服务器是哪个】...
2019-04-29 10:12:42 58
原创 js图片下载
1 使用open('XXX.action') 可以打开 下载记录2 使用 a download 属性 如果href是相对路径 可以打开下载记录 如果是绝对路径 直接打开图片项目中如果需要浏览器的下载记录 建议使用 action的形式 下载...
2019-04-28 16:41:50 342
原创 es6 模块化
2import 有提升效果, 在引入语句之前可以访问成功import 的模块是否需要{} 花括号default可以不使用花括号export 需要{} export default 不需要 {}3 模块按需加载上面的模块加载方式是不允许写在if语句中, 也就是按需加载4 类(class)和 继承实现异步调用的...
2019-04-23 18:25:36 97
原创 react总结
1 state 与 propstate是让组件控制自己的状态, props是让外部对组件自身进行配置没有state的组件是无状态组件(stateless component)设置了state的叫 有状态组件 (stateful component)2 ref属性获取元素dom , eg 进入到某个页面,自动focus某个input避免使用ref获取dom , 多余...
2019-04-23 11:19:13 79
原创 React高阶组件
1 什么是高阶组件高阶组件是可以作为参数传递的函数, 函数可以作为返回值被输出使用高阶组件:1 使用 函数名(组件名)2 使用@ 使得代码更优雅在高阶组件中, 可以使用 解构等对props进行增加 或者 删除在高阶组件中, 可以将共用的部分提取, 通过props进行传递, 避免代码重复尽量使用代理方式的高阶组件, 不要使用继承方式的高阶组件...
2019-04-22 14:54:26 72
原创 视频直播
1 视频摄影客户端 ---- 压缩视频 --------------传送到服务器 ----------- 下发到客户端2 js新语法新趋势3 高性能服务框架
2019-04-03 17:57:02 154
原创 控制窗体滚动高度 + 音频波形图 + 视频画中画
1桌面端控制窗体滚动: document.documentElement.scrollTop移动端控制窗体滚动: document.body.scrollTopdocument.scrollingElement 不论是pc端还是移动端都适用2音频波形图 使用 wavesurfer.js 显示波形图3// 进入画中画video.requestPictur...
2019-04-02 17:43:27 202
原创 网格布局
table -----------------> div + float -------------------------> position [放大缩小 错位] -----------> inlineFlexBox(一维布局) --------------> grid(二维布局)盒模型 content ...
2019-03-29 16:44:42 120
原创 react 复习(一)
关于state:1 不能直接更新状态 2 应该使用setState() 3 构造函数是唯一能够初始化this.state的地方4 状态更新可能是异步的 5 状态更新合并 :当调用setState()时,react将你提供的对象合并到当前状态,也可以独立更新 tip: 这里的合并就是说 this.setSta...
2019-02-25 11:03:45 186
原创 xs组件之基于ant开发
1 打开xsy-breeze-ui-element项目 复制任一项目 为 Calendar2添加 props, events等变量3 修改 view.tsx 文件4 添加json文件5 加入json文件并添加入口6 启动服务 yarn start, 查看显示效果 ...
2019-02-18 11:31:11 190
原创 xs组件学习(一)
1 todo.json{ "name": "todo", "version": "0.1", "dataModel": {}, "view": { "uuid": "edcc3d80-24fa-11e9-ba3b-9f6ba361f7c6", "name": "brz.ui.Sect
2019-01-31 14:55:01 460
原创 react 杂谈
1 JSX a 在JSX中使用js表达式,并且表达式要包含在大括号里在书写jsx的时候会带上换行和缩进,可以增强代码的可读性,推荐在jsx代码外面括上一个小括号,防止分号自动插入的bugb jsx属性c jsx嵌套d jsx防注入攻击 : React DOM在渲染之前会默认过滤所有传入的值,确保应用不会被注入攻击e Babel 转化器会把JSX...
2019-01-28 11:11:55 217
原创 js中不宜使用的语法
1 == 会进行类型转化 ,规则十分难记2 with 本意是减少键盘输入tip: 在实际运行时, 解释器首先判断obj.b和obj.d是否存在,如果不存在,再去全局变量查找导致低效率3 避免使用eval4 避免使用continue5 switch 贯穿6 单行的块结构 不利于代码阅读,建议加上大括号7 ++ 和 -- 尽量不用8 位...
2019-01-25 11:47:00 258
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人