web
关注
分享
扫一扫
walker1838
80后，php和web开发
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
node热加载，热更新（node+express）
推荐2种方法1. supervisor首先下载cnpm install -g supervisor安装完成后启动项目，这里不再使用node app.js方法启动supervisor app.js启动后如果代码修改，保存后刷新页面即可，不用重新启动node2. hotnodecnpm install -g hotnode启动...原创 2020-07-06 22:53:47 · 662 阅读 · 0 评论 -
ES6 新特性
1.关于使用let与const规则:使用let声明的变量可以重新赋值,但是不能在同一作用域内重新声明 使用const声明的变量必须赋值初始化,但是不能在同一作用域类重新声明也无法重新赋值.2.模板字面量本质上是包含嵌入式表达式的字符串字面量. 模板字面量用倒引号( `` )（而不是单引号( '' )或双引号( "" )）表示，可以包含用${expression}表示的占位符3.解构在ES6中,可以使用解构从数组和对象提取值并赋值给独特的变量const gemstone ...原创 2020-08-11 11:27:57 · 122 阅读 · 0 评论 -
vue 开发环境部署
vue-cli-service serve --sourcemap简单说，sourceMap就是一个文件，里面储存着位置信息。仔细点说，这个文件里保存的，是转换后代码的位置，和对应的转换前的位置。有了它，出错的时候，通过断点工具可以直接显示原始代码，而不是转换后的代码。...原创 2021-03-16 16:46:04 · 210 阅读 · 0 评论 -
vue3 ts 中ref 调用子组件的方法
const uploadModal = ref()shu ju组件绑定<UploadModal ref="uploadModal" @isGetList="fetGetList(true)" ></UploadModal>原创 2021-06-05 12:09:46 · 2106 阅读 · 1 评论 -
vite 创建vue3 项目
# yarnyarn create @vitejs/app my-vue-app --template vue原创 2021-05-17 15:22:26 · 315 阅读 · 0 评论 -
vscode 前端安装的插件
css 兼容性css autoprefixer配置"autoprefixer.browsers": [ "last 3 versions", // "ie >= 10", // "ie_mob >= 10", // "ff >= 30", "chrome >= 30", "safari >= 6", "ios >= 6", "andro...原创 2020-06-13 10:07:45 · 741 阅读 · 0 评论 -
Nuxt 部署项目到服务器
pm2 start npm --name "项目名" -- run start有可能失败，需要全局安装nuxt,pm2npm i nuxt -gnpm i pm2 -g原创 2020-08-05 22:18:43 · 610 阅读 · 0 评论 -
mac vue 创建项目权限不够
sudo -s 切换成超级管理员，然后vue init webpack my-project 创建自己的项目原创 2019-12-19 14:33:45 · 855 阅读 · 0 评论 -
vue3 使用mitt 实现事物总线
bus.jsimport mitt from 'mitt'const bus = {}const emitter = mitt()bus.$on = emitter.onbus.$off = emitter.offbus.$emit = emitter.emitexport default busBother1.vue<template> <div> Bother1 <a-button @click="sendVal"原创 2021-05-25 20:44:27 · 362 阅读 · 0 评论 -
Vue 中 px 转化成rem 单位的js
//px 与 rem 之间的转换(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { ...原创 2020-03-30 16:07:11 · 206 阅读 · 0 评论 -
vue中的倒计时
// 倒计时事件 countdown () { const that = this that.countTime = moment(moment().format('YYYY-MM-DD 24:00:00')).diff(moment().format('YYYY-MM-DD HH:mm:ss'), 'seconds') that.countTime = 10 that._interval = setInterval(() => {原创 2020-11-04 17:32:32 · 155 阅读 · 0 评论 -
在mac电脑上,用Safari浏览器调试ios手机移动端页面
打开iphone手机的开发者模式，流程是：【设置】->【Safari】->【高级】->开启【Web检查器】, 具体如下图所示打开Mac上Safari的开发者模式，流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选用数据线将iphone手机和mac连接起来，在电脑的safari中按照流程执行：【开发】->【手机名称】->【正在调试的网站】最后，就可以按照调试pc端页面的思路来调试ios的页面了这个时候调试移原创 2022-04-17 09:45:32 · 9815 阅读 · 0 评论 -
用mac的chrome浏览器调试 Android 手机的网页
一、参考链接read chrome remote debugging documentation调出开发者选项二、设置android在安卓4.2及更新的版本中，默认情况下，【开发者选项】是隐藏的。要启用【开发者选项】，设置 -> 关于手机 -> 版本号，对着版本号点击7次。设置 -> 开发者选项 -> USB调试三、连接手机和电脑1、用数据线，mac转接头把android和mac连接起来；2、打开android的chrome浏览器中需要调试的网页；原创 2022-04-17 09:44:10 · 3724 阅读 · 0 评论 -
React 生命周期函数
16.8 的生命周期17.0 的生命周期原创 2021-06-22 10:07:22 · 196 阅读 · 0 评论 -
js 前端的小方法
1. 获取一个随机布尔值 (true/false)const randomBoolean = () => Math.random() >= 0.5;console.log(randomBoolean());2. 检查日期是否为工作日const isWeekday = (date) => date.getDay() % 6 !== 0;console.log(isWeekday(new Date(2021, 0, 11)));// Result: true (Monda原创 2021-01-26 14:04:34 · 113 阅读 · 0 评论 -
css 书写的loading 页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> .loading-css { .原创 2021-01-26 11:16:07 · 195 阅读 · 0 评论 -
js自定义重写alert 以及confirm
window.MyAlert = function (data, callback,btn) { //回调函数 btn = btn || '확인'; var alert_bg = document.createElement('div'); alert_box = document.createElement('div'), alert_text = document.createElement('div'), alert_btn = documen.原创 2020-12-08 16:22:39 · 1100 阅读 · 0 评论 -
部分手机浏览器，网页页面 js无法刷新的问题
function location_load() { var url = location.href; if(url.indexOf('time') != -1){ url = url.slice(0,url.search('&time')); if(url.indexOf('?') != -1){ url += '&time='+((new Date()).getTime())原创 2020-11-23 13:44:42 · 623 阅读 · 0 评论 -
VUE项目配置ESlint后一些报错解决方式（一些太约束的禁用了）
module.exports = { root: true, 'env': { // 浏览器全局变量 'browser': true, // 启用 ES6 语法支持以及新的 ES6 全局变量或类型 'es6': true, // jQuery 全局变量 'jquery': true }, 'extends': [ 'eslint:recommended', 'plugin:vue/essential' ], 'parse原创 2020-10-30 10:21:47 · 2616 阅读 · 0 评论 -
npm 常用的库
库名作用nodemailer邮件发送moment时间处理svg-captcha验证码生成库saslprepmongodb 密码保护库mongoose数据库客户端redisnode 链接i18n前端国际化的语言包koa-static静态文件的展示uuid生成uuidkoa-jwtkoa 鉴权工具，保护api路径jsonwebtoken生成token，验证tokennpm-run-all并行或者串行运行...原创 2020-10-14 12:04:08 · 2982 阅读 · 0 评论 -
前端浏览器兼容性问题总结
市场上浏览器种类很多，不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js引擎，内核更加倾向于说渲染引擎。常见的浏览器内核可以分四种：Trident、Gecko、Blink、WebkitIE浏览器：Trident内核，也称为IE内核Chrome浏览器：Webkit内核，现在是Blink内核Firefox浏览器：Gecko内核，俗称Firefox内核Safari浏览器：Webkit内核Opera浏览器：最初是自己的Presto内核原创 2020-10-12 10:59:40 · 512 阅读 · 0 评论 -
npm 库
nodemailer 邮件发送moment 时间处理原创 2020-10-05 15:46:52 · 239 阅读 · 0 评论 -
IOS 回退功能，不刷新页面
var isPageHide = false;window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); }});window.addEventListener('pagehide', function () { isPageHide = true;});在回退的页面添加以上这段js即可...原创 2020-09-01 16:07:25 · 324 阅读 · 0 评论 -
React 学习笔记
create-react-app 创建react后使用npm run eject 生成config和scripts目录然后使用 cnpm install 安装环境依赖原创 2020-08-27 23:10:57 · 161 阅读 · 0 评论 -
form.submit() 提交部分浏览器不管用
最近看到Q群里有人说chrome（谷歌浏览器）不支持form.submit方法，求解决办法。闲的时候亲自测试了一番，发现chrome竟然真的不支持form.submit，测试的时候用的是Jquery的，也不支持，于是乎研究了半天，终于找到了一个解决办法。直接改成ajax 提交form....原创 2020-08-10 15:28:04 · 702 阅读 · 0 评论 -
手机端浏览器调试代码
vConsole github地址vConsole 是腾讯开源的项目，这就简单的介绍一下使用使用npm引入vconsole.min.js下载 vConsole 的最新版本。（不要直接下载 dev 分支下的 dist/vconsole.min.js）或者使用 npm 安装：<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script&原创 2020-07-29 17:17:19 · 2249 阅读 · 0 评论 -
微信web页面rem屏幕适配，多数手机能正常显示，三星s6显示为放大效果，应该怎么调整？
<script>function _adaptFont(maxWidth, baseWidth, baseSize) { maxWidth = 750; //最大值750px baseWidth = 320; baseSize = 16; var winWidth = parseInt(window.innerWidth); /*s4手机读到的winWidth是分辨率的宽*/ var docWidth = parseInt(document.docum.原创 2020-07-06 13:59:46 · 507 阅读 · 0 评论 -
chrome 突然不加载外部css，js 和图片，导致网站打不开
1.chrome 地址烂输入chrome://flags2.查找"Enable removing SameSite=None cookies" 和 “Cookies without SameSite must be secure”关闭这两个选项重启chrome 浏览器原创 2020-05-15 09:31:57 · 1344 阅读 · 0 评论 -
jsp 中的js 使用es6
方法1:js 代码如下var second = 5;$("#text_es6").html(` <h1>冲突！</h1> <p>离解决冲突还有${"${second}"}秒。</p>`);方法2:直接写到一个test.js 文件中$(document).ready(function(){ $("#text_es6").html(...原创 2020-04-17 17:36:36 · 2042 阅读 · 0 评论 -
css && js控制手机web页面右键事件
css 控制* { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }js 控制<body οncοntextmenu="return false...原创 2020-04-13 09:38:12 · 386 阅读 · 0 评论 -
Vscode 安装Autoprefixer插件（自动补全css兼容性前缀）
Vscode 安装Autoprefixer插件（自动补全css兼容性前缀）浏览器配置"autoprefixer.browsers": [ "last 3 versions", // "ie >= 10", // "ie_mob >= 10", // "ff >= 30", "chrome >...原创 2020-04-10 09:18:30 · 2681 阅读 · 0 评论 -
vue 购物车小球半场动画
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></...原创 2020-03-16 10:36:00 · 204 阅读 · 1 评论 -
Vue 请求跨域的api,返回invalid referer
vue 请求qq 音乐接口，返回invalid referer使用webpage 的代理请求可以解决这个问题config/index.js 中，添加headers 中的内容即可。记得修改后一定一定要重启！！！！！！！！proxyTable: { '/api': { // api只是一个代号，可以随便取，但是要跟下面的那个api保持一致 target: '...原创 2020-03-09 17:54:08 · 1699 阅读 · 0 评论 -
Vuex 使用element-ui 组件 message
学习vue 遇到一个问题，音乐无法播放，需要在vuex 即可显示出来，发现element-ui 没有这个功能只能在vue里面使用，最后测试得出一个结果：vuex 可以使用如下import { Message } from 'element-ui';Message.closeAll()Message({ message: '您播放的歌曲仅限客户端播放，建议您...原创 2020-03-09 15:08:31 · 1193 阅读 · 0 评论 -
vue 子组件获取父组件的属性、方法 和 父组件获取子组件的属性、方法
vue 子组件获取父组件的方法this.$emit("searchhide");vue 子组件获取父组件的数据父组件<child :trust-plan-id-list="data"></child>在子组件中声明并使用变量 在props 中声明，然后就可以直接使用啦 props:[ "trustPlanIdList" ],...原创 2020-03-09 15:02:27 · 1504 阅读 · 0 评论 -
php 通过Xpath 抓去网站的内容
<?php$url = 'http://www.hao6v.com/gvod/zx.html';$outPageTxt = file_get_contents($url);$dom = new DOMDocument();@$dom->loadHTML($outPageTxt);$dom->normalize();$xpath = new DOMXPath($do...原创 2019-12-18 09:56:08 · 420 阅读 · 0 评论 -
Vue start project
初始化一个项目vue init webpack my-projectcd my-project$ cnpm install$ cnpm run dev原创 2019-08-08 10:37:58 · 202 阅读 · 0 评论