- 博客(34)
- 收藏
- 关注
RSS订阅原创 收到短信验证码自动填充到表单
提到的“Safari12onmacOS10.14andiOS12.”已经在支持。浏览器兼容性查询网站上暂时还没有相关的介绍，但是根据。目前仅苹果系统上的App和网站可以实现。
2022-07-30 16:30:23
416
原创 处理时间对象的操作
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
289
原创 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
694
原创 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
113
原创 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
1053
原创 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
318
原创 js判断一个Dom元素是不是出现在可视区
//元素相对顶点的距离 <= 窗口高度 + 滚动的距离function isShow($node){ return $node.offset().top <= $(window).height() + $(window).scrollTop()}
2021-03-18 11:36:36
625
原创 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
608
原创 搜索关键字高亮，正则实现 || 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
274
原创 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
418
原创 小程序引入自定义字体图标
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
731
原创 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
266
原创 引入另一个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
149
原创 Nuxt：
spa是单页，所以只有一个入口文件，sitemap也就只有一个url，这会导致网站辛辛苦苦搭建的服务端渲染最多只被搜索引擎收录一个页面。而Universal则能实现所有网站路径完全被收录，这才是最初我们使用nuxt的初衷。...
2019-04-08 09:35:07
460
原创 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
125
原创 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
1107
原创 vue-router:组件传参方式
url传参： //参数传递<li v-for="(item,index) in items" :key="index"> <router-link :to="'/user'+(key+1)">to user</router-link></li>//参数接收{{this.$route.params.id}} 声明
2019-03-04 13:50:27
190
原创 JS：原型链及其查找机制
所有的函数数据类型都天生带有一个Prototype(原型)属性，这个属性的值是一个对象，浏览器默认给其开一个堆内存。 在浏览器给prototype开辟的堆内存中，有一个自带的属性constructor,这个属性存储的值就是当前函数的本身。 每一个对象都有一个__proto__属性，这个属性指向当前实例所属类的prototype，（如果不能确定它是谁的实例，那都是Object...
2019-03-02 12:23:01
2250
原创 JS:函数执行机制
一、普通函数执行形成一个私有的作用域 形参赋值 变量提升，函数声明 代码执行 栈内存释放与否二、构造函数执行1、像普通函数一样形成一个私有作用域（栈内存）形参赋值 变量提升 （私有变量）2、【构造函数执行独有】在js代码自上而下执行之前，首先在当前形成的私有栈中创建一个对象（创建一个堆内存，暂时不存储任何东西），并且让函数中的执行主体（this）指向这个新的堆内存（thi...
2019-03-01 15:44:53
853
1
原创 this:指向
绑定事件的方法，方法执行谁this就指向谁。 普通函数执行，谁执行，this就指向谁，看方法名前面是否有点. 有点this就指向点前面主体，没点this就指向window。 自调用函数执行，方法中this指向window（没点）。 构造函数中，this指向构造函数类的实例。...
2019-03-01 12:54:40
133
原创 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
184
原创 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
176
原创 Sublime一些小技巧（备忘）！
1.关闭Definition鼠标hover提示功能。 该功能有点烦人，容易误点击 Menu > Preferences > Settings (Preferences.sublime-settings - User){ "show_definitions": false} Menu > Project > Edit Project...
2019-01-04 12:04:57
301
原创 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
183
原创 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
146
原创 事件对象兼容写法
// 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(ele...
2018-12-21 13:17:25
589
原创 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
547
原创 Yahoo军规-性能优化
尽可能的减少 HTTP 请求数 使用CDN（内容分发网络） 添加Expire/Cache-Control头 启用Gzip压缩 将css放在页面最上面 将script放在页面最下面 避免在CSS中使用Expressions 把JavaScript和CSS都放到外部文件中 减少DNS查询 压缩 JavaSc...
2018-12-20 16:38:27
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人