Jorce Blog

interest makes everything on

js中的盒子宽高

诸如offsetWidth ClientX等

Update:js中的盒子宽高 JS offsetWidth padding + width + border 只读 offsetHeight padding + height + border 只读 clientWidth padding + width 只读 clientHeight padding + height 只读 style.width width +...

Posted by Jorce on February 15, 2019

js代码风格统一规范

https://github.com/airbnb/javascript

Update: 风格规范 注:这里目前只记录本人遇到的自己可能会书写不规范的地方,已经规范使用的地方暂不记录 JS ##Objects objct method命名 1 2 3 4 5 6 7 8 9 10 let obj = { <!-- 不推荐 --> a:function(){ } <!-- 推荐 --> a(){ ...

Posted by Jorce on January 31, 2019

React代码风格统一规范

css-tricks.com/react-code-style-guide

Update: 风格规范 React 解构取值 1 2 const {prop1,prop2,pro3} = this.props let {state1,state2,state3} = this.state 简单组件的构建 1 2 3 4 5 6 7 8 9 class Dog extends Component { render () { let { b...

Posted by Jorce on January 31, 2019

Vue代码风格统一规范

cn.vue.js等

Update: 风格规范 Vue data 必须是返回一个对象的函数 为了避免data在此组件中所有实例共享,为了做到每个组件实例都管理其自己的数据，每个实例必须生成一个独立的数据对象。在 JavaScript 中，在一个函数中返回这个对象就可以了 1 2 3 4 5 6 data() { return { listTitle: '', todo...

Posted by Jorce on January 31, 2019

本地https开发

http-https

Update: 还是在做聊天室的部分遇到的问题记录一下 本地前端起https服务 vue-cli 3.0 在vue.config.js文件的devServer中添加如下代码 1 2 3 4 5 6 7 8 devServer:{ host:'192.168.1.xxx',//局域网IP https:{ key: fs.readFileSync(path.join(_...

Posted by Jorce on January 21, 2019

web聊天室即时语音功能

发送图片、语音等

Update: 同上一篇还是在做聊天室,本篇主要讲述语音部分 在线传输主要使用了 webRTC,这块以后看多了会再细讲。 不同于 socket 的是:客户端端对客户端端通过服务端进行验证之后,端对端直接进行 stream 传输 1.创建 webRTC 连接 先上代码,等有空了再细谈 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 2...

Posted by Jorce on January 20, 2019

web聊天室相关功能

发送图片、语音等

Update: 聊天室 最近在用socket.io做公司的直播聊天室,原本是很简单的多对多的公共聊天室,现在复杂成了各种charactor,一对一、一对多、多对多、一对All等情况,其中还包含了发送图片,截图,发送语音等功能。后续应该还会出web版的视频(目前看到的解决办法是webRtc) 今天主要记录一下图片和语音的部分 发送图片（上传和截图） 上传图片 上传的话不用多做解释不...

Posted by Jorce on January 19, 2019

vue的双向绑定与proxy

proxy与Object.defineProperty

Update: vue源码中双向绑定的实现 本篇文章是在vue源码略读之后开始仔细看vue最著名的双向绑定的具体实现原理,从而看到了proxy和defineProperty 下面开始具体讲一下个人的理解 vue的双向绑定其实就是使用了所谓的数据劫持 数据劫持:指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果 目前典型的两种方式就...

Posted by Jorce on January 5, 2019

使用column进行等宽瀑布流布局

瀑布流

Update: 瀑布流布局 瀑布流的思路有很多,今天公司的同事遇到了移动端的这个问题就一起看了一下。 以我之前看过的都是 1、横向布局换行之后谁短往谁那推下一张图 瀑布流布局要求要进行布置的元素等宽，然后计算元素的宽度与浏览器宽度之比，得到需要布置的列数。 创建一个数组，长度为列数，里面的值为已布置元素的总高度（最开始为0） 然后将未布置的元素依次布置到高度最小的那一列，就得到了瀑布...

Posted by Jorce on January 5, 2019

记春节买票

12306现状

Update: 过年了过年了,回个家咋这么难

Posted by Jorce on January 4, 2019

FEATURED TAGS
intro js 聊天室 style vue 感谢信 踩坑
ABOUT ME

If you don't try to look out, you can't even count a frog in the well.
不尝试向外看,连井底之蛙都算不上

FRIENDS