<![CDATA[刘新修]]> http://liuxinxiu.com:80/index.php zh-cn http://liuxinxiu.com:80/s/349/ <![CDATA[jpgjpeg有什么区别]]> 刘新修 <admin@yourname.com> Thu, 03 Jul 2025 01:04:48 +0000 http://liuxinxiu.com:80/s/349/  

]]> http://liuxinxiu.com:80/flexlibs/ <![CDATA[一款移动端页面自适应布局解决方案]]> 刘新修 <admin@yourname.com> Mon, 08 Nov 2021 06:31:26 +0000 http://liuxinxiu.com:80/flexlibs/ 安装命令：npm install flexlibs -D

===============

以Vue3.0 为例，在mian.js中引入：

JavaScript代码
  1. // 设自适应插件库  
  2. import 'flexible'  

 

刷新页面后，根据用户移动端设备，自动动态计算网页需要适配基数
 
以Iphone6/7/8 【宽度375】的移动终端，以这个类型终端在我们经历过的项目中，为最低适配终端，设计稿就以此为基础w*2 (375*2) = 750px ，实际基数如果为1就是100%（375rem）目前基数为100 错2位小数即刻，3.75rem为整屏的宽度~
]]> http://liuxinxiu.com:80/vs_code/ <![CDATA[Visual Studio Code 快捷键 Mac 版]]> 刘新修 <admin@yourname.com> Thu, 26 Dec 2019 02:05:28 +0000 http://liuxinxiu.com:80/vs_code/  

Mac 键盘符号说明

  • ⌘ == Command
  • ⇧ == Shift
  • ⇪ == Caps Lock
  • ⌥ == Option
  • ⌃ == Control
  • ↩ == Return/Enter
  • ⌫ == Delete
  • ⌦ == 向前删除键（Fn+Delete）
  • ↑ == 上箭头
  • ↓ == 下箭头
  • ← == 左箭头
  • → == 右箭头
  • ⇞ == Page Up（Fn+↑）
  • ⇟ == Page Down（Fn+↓）
  • Home == Fn + ←
  • End == Fn + →
  • ⇥ == 右制表符（Tab键）
  • ⇤ == 左制表符（Shift+Tab）
  • ⎋ == Escape (Esc)
  • ⏏ == 电源开关键

  • 俗话说得好，工欲善其事必先利其器，要想工作效率高，码代码的工具用的好是必须的，这里主要说一下 Mac 上 VScode 的快捷键，帮助大家快速搭建良好的开发工具。

    必备插件

常用

Mac 快捷键介绍
⇧⌘P, F1显示命令面板
⌘P快速打开
⇧⌘N新建 窗口/实例
⌘W关闭 窗口/实例

基本编辑

Mac 快捷键介绍
⌘X剪切
⌘C复制
⌥↓ / ⌥↑移动当前行向 下/上
⇧⌥↓ / ⇧⌥↑复制当前行向 下/上
⇧⌘K删除当前行
⌘Enter / ⇧⌘Enter在下/上 插入一行
⇧⌘\跳转到匹配的括号
⌘] / ⌘[向左/向右 缩进当前行
Home / End跳到当前行的头部，尾部
⌘↑ / ⌘↓跳到当前行的开始，结束
⌃PgUp滚动到
⌃PgDown滚动到行头/行尾
⌘PgUp /⌘PgDown滚动到页头/页尾
⇧⌘[ / ⇧⌘]折叠/展开区域
⌘K ⌘[ / ⌘K ⌘]折叠/展开所有子区域
⌘K ⌘0 / ⌘K ⌘J折叠/展开所有区域
⌘K ⌘C添加行注释
⌘K ⌘U删除行注释
⌘/切换行注释
⇧⌥A切换块注释
⌥Z切换文字换行

多光标和选择

Mac 快捷键介绍
Alt+Click插入光标
⌥⌘↑在上面插入光标
⌥⌘↓在下面插入光标
⌘U撤消上一个光标操作
⇧⌥I在所选每行的末尾插入光标
⌘I选择当前行
⇧⌘L选择当前选择的所有事件
⌘F2选择当前单词的所有出现
⌃⇧⌘→展开选择
⌃⇧⌘←收缩选择
Shift+Alt + drag mouse（拖动鼠标）列（框）选择
⇧⌥⌘↑向上列（框）选择
⇧⌥⌘↓向下列（框）选择
⇧⌥⌘←向左列（框）选择
⇧⌥⌘→向右列（框）选择
⇧⌥⌘PgUp列（框）选择 向上一页
⇧⌥⌘PgDown列（框）选择 向下一页

搜索和替换

Mac 快捷键介绍
⌘F查找
⌥⌘F替换
⌘G / ⇧⌘G查找下一个/上一个
⌥Enter选择查找匹配的所有匹配项
⌘D将选择添加到下一个查找匹配
⌘K ⌘D将最后一个选择移至下一个查找匹配项

丰富的语言编辑

Mac 快捷键介绍
⌃Space触发建议
⇧⌘Space触发参数提示
TabEmmet扩展缩写
⇧⌥F格式化文档
⌘K ⌘F格式选择
F12转到定义
⌥F12Peek定义
⌘K F12打开定义到一边
⌘.快速修复
⇧F12显示引用
F2重命名符号
⇧⌘. / ⇧⌘,替换为下一个/上一个值
⌘K ⌘X修剪尾随空格
⌘K M更改文件语言

导航

Mac 快捷键介绍
⌘T显示所有符号
⌃G转到行...
⌘P转到文件...
⇧⌘O转到符号...
⇧⌘M显示问题“面板”
F8 / ⇧F8转到下一个/上一个错误或警告
⌃⇧Tab浏览编辑器组历史记录
⌃- / ⌃⇧-后退/前进
⌃⇧M切换选项卡移动焦点

编辑器管理

Mac 快捷键介绍
⌘W关闭编辑窗口
⌘K F关闭文件
⌘\拆分编辑窗口
⌘1 / ⌘2 / ⌘3聚焦到第1，第2，第3编辑器组中
⌘K ⌘← / ⌘K ⌘→聚焦到上一个/下一个编辑器组
⌘K ⇧⌘← / ⌘K ⇧⌘→向左/向右移动编辑器
⌘K ← / ⌘K →移动活动编辑器组

文件管理

Mac 快捷键介绍
⌘N新建文件
⌘O打开文件
⌘S保存
⇧⌘S保存为...
⌥⌘S保存所有
⌘W关闭
⌘K ⌘W关闭所有
⇧⌘T重新打开已关闭的编辑器
⌘K输入保持打开
⌃Tab / ⌃⇧选项卡打开下一个/上一个
⌘K P复制活动文件的路径
⌘K R在资源管理器中显示活动文件
⌘K O在新窗口/实例中显示活动文件

显示

Mac 快捷键介绍
⌃⌘F切换全屏
⌥⌘1切换编辑器布局
⌘= / ⇧⌘-放大/缩小
⌘B切换侧栏可见性
⇧⌘E显示资源管理器/切换焦点
⇧⌘F显示搜索
⌃⇧G显示Git
⇧⌘D显示Debug
⇧⌘X显示扩展名
⇧⌘H在文件中替换
⇧⌘J切换搜索详细信息
⇧⌘C打开新命令提示符/终端
⇧⌘U显示输出面板
⇧⌘V切换Markdown预览
⌘K V打开Markdown预览到一边

调试

Mac 快捷键介绍
F9切换断点
F5开始/继续
F11 / ⇧F11跳进/出
F10跳过
⇧F5暂停
⌘K ⌘I显示悬停

集成终端

Mac 快捷键介绍
⌃`显示集成终端
⌃⇧`创建新终端
unassigned（末分配）复制选择
unassigned（末分配）粘贴到活动终端
⌘↑向上滑动
⌘↓下身滑动
PgUp向上滚动页面
PgDown向下滚动页面
⌘Home滚动到顶部
⌘End滚动到尾部
]]> http://liuxinxiu.com:80/s/293/ <![CDATA[vue await fetch 使用]]> 刘新修 <admin@yourname.com> Wed, 28 Aug 2019 05:55:37 +0000 http://liuxinxiu.com:80/s/293/  await/async 是 ES7 最重要特性之一，它是目前为止 JS 最佳的异步解决方案了。

 
先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。
写一个async 函数
JavaScript代码
  1. async function timeout() {  
  2. 　　return 'hello world';  
  3. }  
语法很简单，就是在函数前面加上async 关键字，来表示它是异步的，那怎么调用呢？async 函数也是函数，平时我们怎么使用函数就怎么使用它，直接加括号调用就可以了，为了表示它没有阻塞它后面代码的执行，我们在async 函数调用之后加一句console.log;
 
JavaScript代码
  1. async function timeout() {  
  2.     return 'hello world'  
  3. }  
  4. timeout();  
  5. console.log('虽然在后面，但是我先执行');  

fetch 基本使用方法点击 这里

下边一个小例子说个基本的请求吧

JavaScript代码
  1. <template>  
  2.   <div id="app">  
  3.     <button @click="fetchData()" >fetch 获取数据</button>  
  4.     <p>{{text}}</p>  
  5.   </div>  
  6. </template>  
  7.   
  8. <script>  
  9. export default {  
  10.   name: 'app',  
  11.   data () {  
  12.     return {  
  13.       text:''  
  14.     }  
  15.   },  
  16.   methods:{  
  17.     fetchData(){  
  18.       // fetch是相对较新的技术，当然就会存在浏览器兼容性的问题，当前各个浏览器低版本的情况下都是不被支持的，因此为了在所有主流浏览器中使用fetch 需要考虑 fetch 的 polyfill 了  
  19.   
  20.       async function ff(){  
  21.         let data = await fetch('../static/data.json').then(res => res.json());  
  22.         console.log(data,'data');  
  23.         return data;  
  24.       }  
  25.       ff().then(res => {  
  26.         console.log(res,'res');  
  27.         this.text = 'name:'+res.name+',age:'+res.age+'sex:'+res.sex;  
  28.       }).catch(reason => console.log(reason.message));  
  29.   
  30.     }  
  31.   }  
  32. }  
  33. </script>  
  34.   
  35. <style lang="scss">  
  36.   
  37. </style>  

 

]]> http://liuxinxiu.com:80/s/291/ <![CDATA[vue.js 跨域请求 fetch / axios]]> 刘新修 <admin@yourname.com> Wed, 28 Aug 2019 05:48:16 +0000 http://liuxinxiu.com:80/s/291/  假设我们的请求地址：http://localhost/Graduation_Thesis/a.php

在vue项目下 找到  config  > index.js 文件;修改 index.js 文件下的 proxyTable 对象的内容；如下

JavaScript代码
  1. proxyTable: {  
  2.      '/api': {              //  '/api'相当于代表  http://localhost/Graduation_Thesis  可自行修改名字  
  3.        target: 'http://localhost/Graduation_Thesis', //我们需要请求的主要文件夹地址  
  4.        changeOrigin: true, //是否跨域  
  5.        pathRewrite: {  
  6.          '^/api': '' //路径重写  
  7.        }  
  8.      }  
  9.    },  

这样就可以跨域请求  http://localhost/Graduation_Thesis    下的文件了，而需要获取文件下的 a.php 文件 需要用 fetch/  来做请求

fetch  请求

fetch 类似于 ajax 数据提交，但 fetch 更好

JavaScript代码
  1. export default {  
  2.   name: 'App',  
  3.   components: {  
  4.     appHeader:Header  
  5.   },  
  6.   created(){  
  7.     fetch('/api/a.php',{              //  /api既是上面跨域定义的文件地址  
  8.       method:"post",                  //请求方式  
  9.       headers: {                      //请求头  
  10.         'Content-Type': 'application/json',  
  11.         'Accept': 'application/json'  
  12.       },  
  13.       body:{                          //发送的请求内容  
  14.         username:'hw',  
  15.         pass:'123'  
  16.       }  
  17.     }).then(res => {  
  18.       return res.json();  
  19.     }).then(res => {  
  20.       console.log(res);  
  21.     })  
  22.   }  
  23. }  

axios  请求

首先全局安装

JavaScript代码
  1. npm install axios  

在 mian.js 引用

JavaScript代码
  1. //main.js  
  2.    
  3. import axios from 'axios'  
  4.    
  5.    
  6. //让 axios 可以全局使用  
  7. Vue.prototype.$axios = axios  

这样就可以开始使用了

JavaScript代码
  1. export default {  
  2.   name: 'App',  
  3.   components: {  
  4.     appHeader:Header  
  5.   },  
  6.   created(){  
  7.     this.$axios.post("/api/a.php",{  
  8.       username:'hw',  
  9.       pass:'1123'  
  10.     })  
  11.       .then(res =>{  
  12.         console.log(res);  
  13.       })  
  14.   }  
  15. }  

 

]]> http://liuxinxiu.com:80/s/289/ <![CDATA[JQ增加时间戳清除清除CSS缓存]]> 刘新修 <admin@yourname.com> Wed, 28 Aug 2019 05:23:08 +0000 http://liuxinxiu.com:80/s/289/
JavaScript代码
  1. /****** 拼接按天时间戳的方法 ******/  
  2. var yearStr=new Date().getFullYear();  
  3. var dateStr=new Date().getDate();  
  4. var monthStr=(new Date().getMonth()+1+'');  
  5. if(monthStr.length==1){  
  6.     monthStr = '0'+monthStr;  
  7. }  
  8. var timeStr=yearStr+'_'+monthStr+'_'+dateStr;  
  9. //console.log(yearStr+'_'+monthStr+'_'+dateStr);  
  10.   
  11.   
  12. /****** 遍历CSS按天增加时间戳 ******/  
  13. $("link[type='text/css']").each(function(){  
  14.     console.log($(this).attr("href"))  
  15.     $(this).attr("href",$(this).attr("href")+"?t="+timeStr);  
  16. });  
 
]]> http://liuxinxiu.com:80/s/208/ <![CDATA[更新SVN版本]]> 刘新修 <admin@yourname.com> Mon, 19 Oct 2015 01:37:04 +0000 http://liuxinxiu.com:80/s/208/
C#代码
  1. ls -lart   
  2. mv xfile xfile.20151012  
  3. svn co svn://192.168.3.121/xfile  
]]> http://liuxinxiu.com:80/s/192/ <![CDATA[JAVA 使用转义符替换字符串/ JAVA 构建HTTP跨越接口]]> 刘新修 <admin@yourname.com> Wed, 24 Jun 2015 09:22:19 +0000 http://liuxinxiu.com:80/s/192/ 1. 调用广告平台要对超链接字符串局部进行替换，如下：

 

2. 对广告HTTP接口需要改造成支持跨越，在回调方法内部插入JSON数据，回调名：Jsoncallback 如下：

Java代码
  1. @RequestParam(value = "Jsoncallback", required = true) String jsonCallBack,  
  2. JSONObject jsonObject = new JSONObject();  
  3. jsonObject.put("userList", userList);  
  4. String strResult = jsonCallBack+"("+jsonObject.toString()+")";  
  5. return strResult;  

 

]]> http://liuxinxiu.com:80/hp_450/ <![CDATA[如何在 惠普 HP 450(COS50PA)笔记本电脑 Bois上设置U盘为第一启动项.已经折腾了一天了]]> 刘新修 <admin@yourname.com> Tue, 25 Mar 2014 18:38:23 +0000 http://liuxinxiu.com:80/hp_450/

设置完成后，如果不能成功从USB第一启动，可以直接按F9键，直接选择启动顺序@

您好！感谢您选择惠普产品。

根据您的描述，建议您参考下列信息：
 
1、如果您需要设置USB启动建议您可以尝试重启机器在机器开机出现HP标识的时候按快速点击F10进入BIOS，进入BIOS后建议您选择system configuration--Boot order将Usb Diskette on key/USB Hard Disk的选项设定为first然后在Exit--Exit Saving Changes--yes存盘退出看看是否能够解决您遇到的问题。
2、您也可以按下面的方法操作进行引导操作：
①重启机器
②当屏幕上出现“HP”的LOGO时，连续点击“F9”键
③选择或Usb Diskette on key/USB Hard Disk，按下回车(Enter)键确定即可光驱或U盘引导。
注：由于各机型不同，优盘引导的界面略有不同，请选择代表优盘的一项。
注：
1、如果您进行上述操作后机器还是无法正常U盘引导那么您所遇到的问题很可能是启动盘方面的问题导致的了，建议您可以尝试更换小容量的U盘并重新更换U盘启动盘制作工具进行制作看看是否能够解决您遇到的问题。
2、关于如何使用U盘安装windows7 建议您可以参考下下面的官方文档：
http://support.microsoft.com/kb/978874/zh-cn
 
希望以上回复能够对您有所帮助。
如果以上信息没有解决您的问题，您可以登陆hp网络在线聊天室www.hp.com.cn/chat向在线工程师咨询，帮助您进一步解决问题。
更多产品信息资讯尽在 www.hp.com.cn/800
 
 
不用设置，开机直接按F9选择启动项，只要你u盘有启动文件并且插在机器上就会有u盘选项的。直接选中回车就可以了。
]]> http://liuxinxiu.com:80/unknown_filesystem/ <![CDATA[linux重装WIN系统后出现—error:unknown filesystem.（问题解决）]]> 刘新修 <admin@yourname.com> Mon, 17 Mar 2014 13:21:45 +0000 http://liuxinxiu.com:80/unknown_filesystem/ GRUB loading.

Welcome to GRUB!

error:unknown filesystem.

Entering rescue mode...

grub rescue>_

*****************************************

问题原因是之前linux（红旗版本）格式化整块硬盘后，还要对硬盘【重建主引导记录(重建MBR)】

把硬盘所有的分区都删除之后--> 选择硬盘下拉菜单-->重建主引导记录（重建MBR）-->之后再划分新的硬盘分区。

然后用PE安装系统到第一主分区（C盘）文件解决！

]]>