网址:http://lab.maltewassermann.com/viewport-resizer/使用方法:1在chrome浏览器上方右击,显示书签栏 2 打开插件网址,将<ignore_js_op> 蓝色按钮拖放至 书签栏,ok了. 注意:这个插件只能查看,如果调试js,就别使用这个插件了. 浏览器, 手机, 网页, 移动开发程序员, 必须知道的插件…

json-handle: json可视化工具 开发中需要用到json,在浏览器显示的json非常乱,难以理解.有没有让人一目了然的工具,让json看起来非常直观呢,json-handle随之而出,包含火狐和chrome两种插件,官方地址:http://jsonhandle.sinaapp.com/ Proxy SwitchySharp 代理服务 socketlog-server php调试 Downloads - Your Download Box 下载管理 AdBlock 屏蔽网络广告 All…

1.安装nodejs http://nodejs.org/download/  自动根据系统下载自己的版本node.js 2.环境变量 windows 安装,不需要配置环境变量   mac安装后,会提示你配置环境变量,需要配置环境变量(貌似)  命令  sudo vim /etc/paths   输入密码  然后将路径输入进去, 3.测试是否成功 控制台输入node -v 或者输入node 进去node模式然后输出console.log(1); 看看有反应没啊 4.配置工具 我喜欢用 Intel…

非常方便地从油管下载你需要的任何英文视频资料,并且带字幕,方便你学习某个特定领域的词汇: [step1,Centos6系统安装youtbe-dl下载带英文字幕的视频] 1.首先需要安装youtube-dl 2.需要自动转换字幕文件为src,需要安装mmpeg依赖,具体的安装办法参考: https://stackoverflow.com/questions/48673224/how-to-install-ffmpeg-on-centos-6 安装完成之后,从Youtube下载英文带字幕的视频 yo…

chrome已经不知道用了多少年了,但是还是有些技巧不熟悉,记录下有用的和自己不熟悉的 如何查看dom的绑定事件(查看jquery的绑定事件) 新版本的network的类型选项哪去了? 在Sources里面找需要的资源,在js文件里面找某个函数 格式化js,(也可以帮你格式化自己本地的js) 断点,给dom断点,xhr断点,异常断点 遇到的一些问题 如何查看dom的绑定事件(查看jquery的绑定事件) 查看dom的绑定事件,这个是非常必须的一个技能.chrome支持也挺好 如下图所示,选中do…

最近CSDN需要登录后才能查看更多内容,有点影响心情 解决方案 添加一段书签 javascript:(function(){document.getElementById('article_content').style.height='auto';document.getElementsByClassName('hide-article-box')[0].style.display='none';}()) 在网页里面点一下就行了 进阶版 每次点一下还是有点麻烦,还是使用了一个chorme插件T…

1.一次性取出你所需要的数据 单一动作,需要多次连接数据库里的时候,最好一次性取出所有需要的数据,减少连接数据库的次数.此类需求推荐使用QuerySet.select_related()和prefetch_related() 相反,别取出你不需要的东西,模板templateds里往往只需要实体的某几个字段而不是全部,这时使用queryset.values()和values_list()对你有用,他们只取出你需要的字段,返回字典dict和列表list类型的东西,在模板里面够用就可以,这可以减少内存…

一.业务场景 前端本地开发的场景中,我们需要频繁的改动代码,并需要实时看到效果,并且在一些开发场景中,我们需要将特定的请求代理到特定的IP.本地文件等,所以使用fiddler或whistle等本地.真机抓包调试工具是非常必要的. 二.为什么使用whistle 在历史的长河中,我们是使用fiddler+willow再搭配小米wifi 进行本地和真机抓包调试的,无可厚非,fiddler的抓包和代理的功能十分强大,但在使用的过程中,有个很蛋疼的缺点就是内存泄漏!!fiddler挂一整天,内存就被吃完了…

0x.00 前言 在用了5章篇幅 ElementUI源码学习:从零开始搭建Vue组件库汇总 讲解了如何编写一个组件.发布npm以及生成展示文档之后.接下来将分析Element项目的代码结构,学习其工程化思想. 前端开发早已从瘦客户端(thin client)架构/中心服务器(server-centric)架构进入到胖客户端(fat client)架构,各家技术百花齐放,让人目不暇接,直呼学不动了!伴随项目开发的复杂度日益增高,开发中需要直面各种问题: 开发效率.产品质量.多人协作等. 前端工程化…

0x.00 前言 项目工程化系列文章链接如下,推荐按照顺序阅读文章 . 1️⃣ 源码剖析之工程化(一):项目概览.package.json.npm script 2️⃣ 源码剖析之工程化(二):项目构建.MD解析 3️⃣ 源码剖析之工程化(三):打包配置 本系列文章主要通过解析element项目源码,从结构.功能.源码方面逐一解析,学习其模块化.组件化.规范化.自动化等多维度优秀实践.主要内容包含项目结构.npm script.项目构建.文档解析.打包配置.发布部署等. 本文是第三篇,介绍项目的…