博文

ifeng News Web App by Quasar(Vue)

图片
地址: https://github.com/dirkhe1051931999/ifeng iFeng-News-Web-APP 【注:仅个人学习,绝不商用】 仿凤凰新闻客户端 Web APP,基本覆盖凤凰新闻所有页面(视频,音频,地图/定位,小视频,个人中心,用户鉴权),欢迎 star 共计 100+接口,80+页面,从 0 开始做 web APP 借鉴客户端是 Android 端的,版本是 7.30.3 本项目目前只支持本地预览,需要下载到本地,并且修改 src/setting.json 的 proxy_ip 为本机 ip 地址( ipconfig/ifconfig 查询 ),然后安装( yarn ),开启代理服务器( yarn proxy )和前端服务( yarn dev ) 移动端组件使用了 Vant 和 Quasar Preview part of the page 移步 百度网盘 Install the dependencies yarn Start the app in development mode # nodejs proxy server yarn proxy # FE server yarn dev Project structure Config // settings.json 配置代理ip和端口 ... "proxy_ip": "192.168.3.240", "proxy_ip_port": "3000", ... // proxy/server.js app . use ( '/' , createProxyMiddleware ( { router : { // /config=》host:https://config.nine.ifeng.com // 需要pathRewrite '/config' : 'https://config.nine.ifeng.com' , '/uc' : 'https://uc.ifeng.com' , '/api_iclient' : '

【2021.10.17】结婚

图片
补发一下上个月结婚的照片

新成员-巴哥-旺财

图片
   

『2021 辛丑牛年』

图片
 

『Redtea』 黑客松

图片
 上周末去深圳参加了公司的黑客松活动,吃得很开心,玩的也很开心 公司的宣传视频

新房入住,居家用品总结

图片
  2020年11月 终于有了自己的小窝 整理一下自己需要置办的东西  厨房 原木砧板/沥水篮/厨具置物架和调料的/厨房置物架-放锅和菜的 剪子/小刀/大刀/沥水篮/丝瓜络/碗/碟子/盆子/放辣椒的/厨房收纳盒/烧油小锅 油/醋/酱油瓶/做饭计时器/刻度量杯/放碗架/水杯/鸡蛋收纳盒 下面锅/多功能电饭锅/多功能涮电火锅/烧水壶/保温壶 洗洁精/筷子/勺子/削皮的/抹布/锅铲/压蒜器/油刷/食品夹子/围裙/厨房分类垃圾桶/ 卫生间 落地置物架/浴刷/吸水拖把/Mistolin水垢清洁剂/脸盆/洗脚盆/浴室板凳/搓澡巾/壁挂牙刷架 伸缩镜/毛巾/浴巾/浴巾架/洗厕所的/浴室垃圾桶/地漏防堵头发/门后挂衣服/洗衣粉盒子 免打孔吹风机置物架/漱口杯 客厅 小板凳/拖鞋/抽纸盒/客厅垃圾桶/沙发靠枕/沙发盖毯/沙发豆袋/防水防烫塑料台布 钥匙收纳盒/挂衣服钩子/加湿器/温度湿度计/钟表/换鞋凳折叠凳 卧室 卧室挂衣架/公牛魔方插座/飘窗折叠桌 阳台 阳台镜子/阳台花架/阳台窗纱

今天,我领证了。

图片
 2014->2020->9999 平淡&&幸福

执子之手,与子偕老

图片
 从2014年的9月相识,到10月22确定关系,期间我告白三次,终于牵的你手,2020年10月,即将领证,时间证明,你我选择都是对的,磨合了6年,生活都是彼此,已经成为习惯,就这样一直习惯下去。

广州之行

图片
 8月中旬,出于公司项目需要,去广州出差,记录一下。 酒店的早餐 广州塔 西贝 中间还去了趟深圳 深圳人才公园     

【转】为什么 Web 前端语言只有 JavaScript?

图片
  本文核心观点是「一门程序语言脱离实际的硬件环境和相应的软件环境谈它的发展变化,谈为什么我们最后选择它往往是不够深刻的」。我尝试从非另一个角度看待问题。 这个话题很大,但确实值得 Web 从业者去深究和探讨!但这是一个很有难度的问题,到目前为止我还看不到一个让人心锐诚服的答案!在我看来,找到相对合情合理的答案得从计算机硬件(尤其是 CPU)开始,从操作系统发展变化的角度审视互联网的进化,这样才更容易理解浏览器上的开发语言为什么是 JavaScript,而不是其他的语言。(此文很长,如果你没有耐心看完但又想知道我的看法,请直接飞到「第 11 章」,那里有我对此次问题的分解和回答。) 1,浏览器的进程都运行着什么? 先上个图: 这是浏览器内部的大致结构,也就是浏览器的主要组成部分有:The user interface/用户接口: 除了网页显示区域以外的部分,比如地址栏、搜索栏、前进后退、书签菜单等窗口。The brower engine/浏览器引擎: 查询与操作渲染引擎的接口,包含事件驱动引擎,提供浏览器进程及其线程之间的资源共享调度机制。The rendering engine/渲染引擎: 负责显示请求的内容,比如请求到 HTML, 它会负责解析 HTML 与 CSS 并将结果显示到窗口中,也是后面几个线程或引擎的父级控制线程。Networking/网络: 用于网络请求, 如 HTTP 请求,执行 POST、GET 等操作就是由它来处理的。UI backend/UI 后台: 绘制基础元件,如消息窗口(alert 默认的样子)、下拉选项卡等等。JavaScript interpreter/JavaScript 解释器:也就是 JavaScript 引擎,用于解析和执行 JavaScript 代码。Data storage/数据存储:数据持久层,在我们浏览页面时,浏览器需要把一些数据存到硬盘或内存上,如 Cookies、localStorage、sessionStorage、webSql 等。我们用浏览器看到的每一个页面,背后都是由以上的组件或功能来协作完成的。浏览器完成打开一个页面的整个过程,通俗地说这是页面「渲染」。这里的「渲染」,其实是一个组合概念,即浏览器的「渲染引擎」并不是单独工作的,必须依赖其他引擎(组件),经过某种协同机制联合起来完成页面的展示及交互。