自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 Vite详细配置

【代码】Vite详细配置。

2024-07-18 19:26:59 104

原创 nginx配置详细介绍

【代码】nginx配置详细介绍。

2024-02-07 11:52:18 141

原创 js调整日期间隔

js调整日期

2022-09-21 17:32:29 351 1

原创 云服务器Nginx配置

Nginx配置

2022-09-01 11:49:14 322

原创 收到短信验证码自动填充到表单

提到的“Safari12onmacOS10.14andiOS12.”已经在支持。浏览器兼容性查询网站上暂时还没有相关的介绍,但是根据。目前仅苹果系统上的App和网站可以实现。

2022-07-30 16:30:23 362

原创 处理时间对象的操作

new Date() 日期格式处理 - 我是真的大米 - 博客园1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 3https://www.cnblogs.com/chenqingbin/p/11803519.html

2022-03-29 17:55:20 272

原创 element-ui日期选择器禁止选择时间disabledDate

<el-date-picker v-model="" type="datetime" :picker-options="startDatePicker" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择开始时间"></el-date-picker>data(){ return { startDatePicker: this.beginDate(), endDatePicke.

2022-02-24 17:43:20 654

原创 keep-alive include属性或者exclude无效

// 三级路由根页面代码<template> <div> ThreeLevel </div></template><script>export default { name: 'Menu3', data() { return { ... } }, created() { this.$store.dispatch('tagsView/addCachedView', this.$rout.

2021-09-28 09:44:25 98

原创 uni-app 全面屏、刘海屏适配(iphoneX适配)及安全区设置

1、manifest.json 文件 app-plus 节点下配下 safearea"safearea": { "bottom": { "offset": "none" } }2、设置底部区域下边距<style> .list { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(

2021-07-05 11:14:07 993

原创 uni-app H5请求跨域解决方法

1、找到manifest.json,文件的源码视图,将其h5配置devServer项修改如下:"devServer": { "disableHostCheck": true, "https": false, "proxy": { "/api": { "target": "http://192.168.20.57:8325", "changeOrigin": true, "secure": fal

2021-06-07 09:58:12 285

原创 js判断一个Dom元素是不是出现在可视区

//元素相对顶点的距离 <= 窗口高度 + 滚动的距离function isShow($node){ return $node.offset().top <= $(window).height() + $(window).scrollTop()}

2021-03-18 11:36:36 593

原创 js获取路由参数

getUrlOption(){ let str = location.search.substr(1).split("&"); let obj = {}; str.forEach((e) => { let list = e.split("="); obj[list[0]] = list[1]; }); return obj }

2020-12-03 13:49:49 580

原创 搜索关键字高亮,正则实现 || Jquery实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>t2</title> <script src="vue.js"></script></head><body> <div class="d"> <h3 v-html="filterA(tex

2020-10-22 16:56:57 234

原创 gulp3.9.1-全自动配置,即刻拥有

var gulp = require(‘gulp’);var rename= require(‘gulp-rename’);var uglify= require(“gulp-uglify”); // 获取 uglify 模块(用于压缩 JS)var gulp_remove_logging = require(‘gulp-remove-logging’); //去除console.log插件var cleanCSS = require(‘gulp-clean-css’); // 获取 cleanc

2020-09-10 14:08:05 377

原创 sortablejs +ElementUI做表格拖拽

1

2020-05-20 21:44:42 508

原创 小程序引入自定义字体图标

1.先到:Iconfont定义好自己需要的字体图标,并添加至项目。2.将该项目的.zip文件下载,解压后找到iconfont.ttf文件,将该文件添加至,打开:Base64 encode后转换。3.将转换后的.zip文件下载,解压后找到stykesheet.css文件,复制该文件全部内容,内容如下代码段:`@font-face {font-family: ‘iconfont’;src: url(data:application/font-woff2;charset=utf-8;base64,d09G

2020-05-20 17:41:04 688

原创 JS鼠标拖拽功能封装

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>class</title> <style type="text/css"> .d{ position: absolute; width: 100px; ...

2020-04-04 22:15:31 231

原创 引入另一个js文件

1.document.write('<script src="B.js"><\/script>')2.new_element = document.createElement(”script”);new_element.setAttribute(”type”,”text/javascript”);new_element.setAttribute(”src...

2019-11-01 09:56:35 134

原创 Nuxt:

spa是单页,所以只有一个入口文件,sitemap也就只有一个url,这会导致网站辛辛苦苦搭建的服务端渲染最多只被搜索引擎收录一个页面。而Universal则能实现所有网站路径完全被收录,这才是最初我们使用nuxt的初衷。...

2019-04-08 09:35:07 418

原创 JS:对象拷贝

//对象浅拷贝,不处理对象中的引用值 var p={ name:'张三', age:18, height:180 } var p2={}; for(var key in p){ if(p.hasOwnProperty(key)){ p2[key] = p[key] } } p2.name='李四'; co...

2019-03-16 16:57:24 107

原创 JS:判断是否为数组

var a=[];console.log(a.constructor) //ƒ Array() { [native code] } var a=[];console.log(a instanceof Array) //true var a=[];var msg = Object.prototype.toString.call(a);+f...

2019-03-16 15:33:57 1073

原创 Autoprefixer:配置

Autoprefixer在webpack中的配置

2019-03-11 10:36:07 4920

原创 vue-router:组件传参方式

url传参: //参数传递&lt;li v-for="(item,index) in items" :key="index"&gt; &lt;router-link :to="'/user'+(key+1)"&gt;to user&lt;/router-link&gt;&lt;/li&gt;//参数接收{{this.$route.params.id}} 声明

2019-03-04 13:50:27 167

原创 JS:原型链及其查找机制

所有的函数数据类型都天生带有一个Prototype(原型)属性,这个属性的值是一个对象,浏览器默认给其开一个堆内存。 在浏览器给prototype开辟的堆内存中,有一个自带的属性constructor,这个属性存储的值就是当前函数的本身。 每一个对象都有一个__proto__属性,这个属性指向当前实例所属类的prototype,(如果不能确定它是谁的实例,那都是Object...

2019-03-02 12:23:01 2215

原创 JS:函数执行机制

一、普通函数执行形成一个私有的作用域 形参赋值 变量提升,函数声明 代码执行 栈内存释放与否二、构造函数执行1、像普通函数一样形成一个私有作用域(栈内存)形参赋值 变量提升 (私有变量)2、【构造函数执行独有】在js代码自上而下执行之前,首先在当前形成的私有栈中创建一个对象(创建一个堆内存,暂时不存储任何东西),并且让函数中的执行主体(this)指向这个新的堆内存(thi...

2019-03-01 15:44:53 822 1

原创 this:指向

绑定事件的方法,方法执行谁this就指向谁。 普通函数执行,谁执行,this就指向谁,看方法名前面是否有点. 有点this就指向点前面主体,没点this就指向window。 自调用函数执行,方法中this指向window(没点)。 构造函数中,this指向构造函数类的实例。...

2019-03-01 12:54:40 115

原创 es6:

ES6中的let命令,声明变量,用法和var差不多,但是let是为JavaScript新增了块级作用域,ES5中是没有块级作用域的,并且var有变量提升的概念,但是在let中,使用的变量一定要进行声明。 ES6中变量的解构赋值,比如:var [a,b,c] = [0,1,2]; ES6中不再像ES5一样使用原型链实现继承,而是引入Class这个概念,听起来和Java中的面向对象编程的语法有些像...

2019-03-01 11:32:56 163

原创 webpack:跑个vue的基本配置

const path= require('path');const webpack=require('webpack');const VueLoaderPlugin=require('vue-loader/lib/plugin');const HtmlWebpackPlugin = require('html-webpack-plugin');const isDev=process.en...

2019-02-28 21:25:00 159

原创 Sublime一些小技巧(备忘)!

1.关闭Definition鼠标hover提示功能。 该功能有点烦人,容易误点击       Menu &gt; Preferences &gt; Settings (Preferences.sublime-settings - User){ "show_definitions": false}   Menu &gt; Project &gt; Edit Project...

2019-01-04 12:04:57 277

原创 Vue:很实用的小知识

基于 Node.js 安装cnpm(淘宝镜像)npm install -g cnpm --registry=https://registry.npm.taobao.org先配置开发环境:npm install vue -g安装vue命令行工具,即vue-cli 脚手架cnpm install vue-cli -g手机端运行node.js服务步骤1.将index....

2019-01-04 12:04:34 164

原创 rem:

1.检测屏幕宽度设置根字体大小:document.documentElement.style.fontSize=document.documentElement.clientWidth || document.body.clientWidth/375*10+'px'2.兼容到IE9+,Firefox、Chrome、Safari、Opera...

2019-01-03 19:04:59 122

原创 事件对象兼容写法

 // 添加句柄             addHandler:function(element,type,handler){               if(element.addEventListener){                 element.addEventListener(type,handler,false);               }else if(ele...

2018-12-21 13:17:25 567

原创 gulp4.0:自动化构建工具

1.全局安装 npm install gulp -g2.局部安装 npm install gulp --save-dev3.相关插件: gulp-concat:合并文件(css/js) gulp-uglify:压缩js文件 gulp-rename:文件重命名 gulp-less:编译less gulp-clean-css:压缩css gul...

2018-12-20 19:32:52 526

原创 Yahoo军规-性能优化

尽可能的减少 HTTP 请求数 使用CDN(内容分发网络) 添加Expire/Cache-Control头 启用Gzip压缩 将css放在页面最上面  将script放在页面最下面 避免在CSS中使用Expressions 把JavaScript和CSS都放到外部文件中 减少DNS查询 压缩 JavaSc...

2018-12-20 16:38:27 94

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除