Zpan204-CSDN博客

原创 Vue中.prettierrc文件常见配置

当我们格式化保存的时候,ESlint就会自动帮我们补全符号,但是,有些符号在ESlint中就会报语法错误,这个时候我们可以通过在项目根目录下创建一个配置文件.prettierrc 来进行文件配置即可{"semi":false, //使用分号，默认为true"singleQuote":true , //使用单引号，默认false（在jsx中配置无效，默认都是双引号）"bracketSpacing":true //对象中的空格默认为true}...

2021-11-29 19:10:08 886

原创 Vue配置全局用户代码片段

{ "vue": { "prefix": "vue", "body": [ "Vue.config.productionTip = false;", "const vm = new Vue({", " el: '#root',", " data: {", " $1", " }", "})" ], "description": "vue" }}

2021-11-16 20:33:05 714

原创 vscode代码注释折叠的方法

小技巧：注释过后的代码折叠后在下次输入代码时会自动摊开，这时我们可以用在需要注释折叠的代码前输入 #region在需要注释折叠的代码前输入 #endregion如下//#region // watch 方法 // new Vue({ // el: '#root', // data: { // keyWord: '', // persons: [ // { id:

2021-11-15 20:14:25 5762 2

原创 Ajax请求后台数据

2021-11-08 17:04:48 491

原创 nodejs解决中文乱码

const http = require('http')const server = http.createServer()server.on('request', (req, res) => { // 定义一个字符串，包含中文的内容 const str = `您请求的URL地址是${req.url},请求的 method 类型是${req.method}` // 防止显示中文乱码的问题，需要设置响应头 Content-Type 的值为 text/html;ch...

2021-11-05 11:00:30 2902

原创创建基本的web服务器

步骤如下最后在vscode上点击运行服务器步骤1：点击终端里的新建步骤2：会生成终端然后再里边输入node 文件地址点击回车显示如下表示成功步骤3：复制该网址在网页运行显示如下表示有用户访问...

2021-11-02 17:31:27 167 1

原创 jQuery点击跳转另一个页面

$('.btn').on('click',function(){ window.location.href="./donateCard2.html"; })

2021-10-28 20:37:02 994

原创 css初始化样式

/* css reset */ body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margi.

2021-10-26 11:17:41 52

原创使用rem开发响应式布局

步骤一从Ui设计师拿到设计稿，一般尺寸都是以iphone 6的尺寸为准 750*1334（6381136）在样式中给html设定一个fontsize的值，我们一般设置一个方便后续计算的值，例如10px、100px等，我们使用100px 写样式完全按照设计稿的尺寸来写样式，设计稿上的长度、height、margin、padding、字体的值是多少，我们就写多少，这样可以100%还原设计稿注意：需要把得到的像素值/100px,转换为rem单位

2021-10-22 19:31:01 107

原创判断是pc还是移动浏览器

通过JavaScript判断终端类型<script> function browserRedirect() {var curURL = window.location.href;var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";var bIsIphoneOs = sUserAgent.match(/iphone os/i)...

2021-10-22 19:28:30 73

原创自定义用户代码片

我们每次反复的书写，非常的繁琐，自定义用户代码片点击设置——》用户代码片段第一步：第二步：选择新建全局代码片段文件：第三步：输入新建代码片的名字：第四步：把默认生成代码全选删除，如下第五步：选中以下代码块复制粘贴到刚才删除的页面{ "html": { "prefix": "html", "body": [ "<!DOCTYPE html>",...

2021-10-21 19:32:08 256

Zpan204的博客