abcd2923的博客

关于谷歌浏览器安装不了devtools插件的解决办法这个问题还困扰了我挺久的，在网上找来找去，找到的方法对我而言总是会有一些问题不能成功。因此贴出解决办法，供大家参考。最初是这样子的，然后进一步寻找解决办法；[官网地址]https://github.com/vuejs/vue-devtools/tree/master，注意不要下载成dev版本的下载后解压，找到文件路径输入以下命令npm installnpm run build成功后大概是如下界面：找到此路径，打开文件，将fal

node.js刷新浏览器要点做一个网页项目时，总是需要不断保存代码，再不断刷新浏览器去查看我们的网页效果，很麻烦。去官网上安装一个node.js就可以解决我们的烦恼，安装好后，我们只需要保存代码，浏览器就会自动刷新，我们就可以看到即时的网页效果。新建一个文件夹project，在vscode中打开点击文件夹，在终端中打开，按住快捷键 Ctrl+` 即可初始化项目，npm init -y,会出现一个project.json文件输入npm i live-server,会自动下载我们需要的

前端切图要点1.对于需要透明背景的小图标（如logo）移动工具选取图层，Ctrl+左键点击缩略图（载入选区）Ctrl+C复制图层，Ctrl+N新建图层，其中背景颜色设为透明Ctrl+V粘贴到新建图层，存储为web格式（Alt+Shift+Ctrl+S）2.对于需要作为背景的大图片（如轮播图）矩形工具测量图片大小，Ctrl+N新建图层移动工具直接把图片拖到新建图层，选取自己想要的部分3.对于不在一个图层上的小图标（如小工具logo）Ctrl+左键选中想要的图层，右键，点击转为智能对

关于第一次把psd设计稿转换成HTML页面的一些心得心得元素的命名和层次化图片的大小和宽高的设定清除浮动clearfix和box-sizing：border-box心得记录一下自己的学习心得，第一次接触的psd设计稿尺寸是1920的，把它转换成HTML页面是也是完全没有头绪的。上网查了一些把psd设计稿转为HTML页面的一些操作，第一步当然就是切图了，网上都有很详尽的介绍；第二步就可以进入正题...