- 博客(114)
- 收藏
- 关注
RSS订阅
原创 HTML5 拖拽换位(drag & drop)
draggable属性在HTML5标准中，为了使元素可拖动，把draggable属性设置为true。文本、图片和链接是默认可以拖放的，它们的draggable属性自动被设置成了true。图片和链接按住鼠标左键选中，就可以拖放。文本只有在被选中的情况下才能拖放。<div draggable="true" id="div"></div>draggable 属性有三个值：true: 可以拖动false: 禁止拖动auto: 跟随浏览器定义是否可以拖动在元素拖动过程
2020-08-28 09:38:07
1333
原创 利用 node Express 框架实现get,post请求的前后端交互
body-parser - node.js 中间件，用于处理 JSON, Raw, Text 和 URL 编码的数据。node后台代码 node.js。启动后台 node node.js。
2019-04-25 19:52:02
1298
2
原创 重大新闻！npm淘宝源地址切换
今天在使用的时候，发现npm下载插件不是慢就是下载失败，然后查询得知在1月22号，淘宝原镜像域名正式到期，才导致的出问题。
2024-01-23 16:15:21
572
原创 js fetch请求中断的几种方式
通过promise，成功用resolve返回，失败用reject返回（浏览器上，请求依然会发出，并得到响应）这是官方标准手段，真正意义的阻止请求（不支持ie）后端接口设置的两秒返回数据。
2023-08-18 14:50:03
1303
原创 解决伪类元素‘after‘或者‘before‘遮挡父元素，导致鼠标移入或点击等事件不生效的问题
对一个元素设置 pointer-events: none，能让浏览器在处理鼠标操作时，忽视掉这个元素的存在，直接「穿透」到点击区域背后的元素上。该元素上的鼠标事件不会被响应，例如 click、mousein、mousedown 事件。该元素上的鼠标效果不会被处理，例如 hover 效果。伪元素不能添加事件，因为他们不是DOM元素，无法响应。如果对显示没有影响的话，可以这么做。意味着直接在这个元素上做鼠标操作时。
2023-07-27 11:20:13
1491
原创 vue 项目优化
页面效果一切正常，不过随便在vue文件里定义的，没有用到的一些css，并没有被删除掉。，但是使用一直不成功，暂时没有办法解决，可能和node版本有关。在 \build\webpack.prod.conf.js。消除框架中未使用的CSS,初步达到按需引入的效果。使用背景：vue2.x, webpack3.x。还有个去除css的插件是。
2023-07-14 18:12:32
1611
原创 vscode autoSave设置为‘off‘，窗口切换失去焦点依然自动保存的解决办法
对于不停的切换窗口写代码来说，太烦了，切一次就保存一次，一保存页面就刷新。被这个问题困扰了好久，明明自动保存都取消了，为啥还是会自动保存。终于，发现了作祟的东西—
2023-06-19 22:21:10
281
原创 判断各种设备类型及浏览器类型的方法
设备类型方法android/androidios/(i[^;]+;( u;)? cpu.+mac os x/i.test(navigator.userAgent)mac/macintoshwindows/win32iewindow.ActiveXObject
2023-06-14 16:12:28
92
原创 几种逻辑运算符的运算规则及使用
作用：左移常被用来做 * (2 ^ n)的运算，因为直接基于二进制运算，所以左移效率比 * (2 ^ n)高，因为 不存在返回-1,~-1 = 0 ,大于-1的值,0,1,2,3 …按位非的值-1,-2,-3,-4。将一个数的各二进制位右移N位，移到右端的低位被舍弃，对于无符号数， 高位补0。如果两个相应的二进制位都为1，则该位的结果值为1，否则为0。两个相应的二进制位中只要有一个为1，该位的结果值为1。（3） 符号位保留，其余位取反+1。（2） 符号位保留，其余位取反+1。
2023-05-25 14:47:42
1378
原创 利用webpack的插件 webpack-bundle-analyzer 生成代码分析报告
利用webpack的插件 webpack-bundle-analyzer 生成代码分析报告
2023-03-02 16:37:30
242
原创 vue使用国际化插件i18n，如果找不到对应的语言，默认显示指定的语言
在配置i18n时，增加如下配置项即可：const messages = { en: { message: 'hello world' }, ja: { // 没有翻译的本地化 `message` }}const i18n = new VueI18n({ locale: 'en', //设置语言为 ‘en’ fallbackLocale: 'en', //如果没有找到要显示的语言，则默认显示 ‘en’ silentFallbackWarn：true, //控制
2021-12-27 19:00:35
2977
原创 Vue使用html2canvas将页面转化为图片
安装npm install --save html2canvas引入import html2canvas from "html2canvas"使用html2canvas(this.$refs.mydDiv).then(canvas => { //兼容ie if (navigator.msSaveBlob) { let blob = canvas.msToBlob(); return navigator.msSaveBlob(bl.
2021-12-10 14:03:35
1029
原创 父页面列表通过window.open打开的子页面，子页面处理完毕刷新父页面（跨域情况下）
1. ie8以上子页面在处理完毕后通过 postMessage 发送消息window.opener.postMessage('freshen', '*');父页面监听window.addEventListener('message', e => { if(e.data === 'freshen') { //刷新列表的方法 }})2. ie8及以下父页面把刷新方法绑定在window上 window.freshen = () => { //刷新列表的方法 }
2021-07-21 14:27:53
663
原创 vue-cli 通过多入口实现pc端和移动端在一个项目里
在项目根目录，复制index.html，改为mobile.html，同时把mobile.html 里的id 改为 mobile复制main.js 和 app.vue， 在同级目录下改为mobile.js，mobile.vue，同时修改里边的文件引用和new Vue 时的el绑定为mobile修改webpack.base.conf.js，添加mobile入口修改webpack.dev.conf.js，引入mobile.html修改webpack.prod.conf.js..
2021-04-27 19:30:35
1121
原创 vue-cli 把 px 转换为 rem的几种插件，及过滤文件
安装安装px2rem-loadernpm i px2rem-loader -S配置在 /build/utils.js里添加const px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 37.5 //1rem = 37.5px,如果做手机端这个值要与手机屏幕在375时设置的根字体大小一样 }}const loaders = options.usePostCSS ? [cssLoader, postc
2021-04-06 18:50:21
1998
原创 React 设置默认打开浏览器和端口，反向代理跨域
如果是通过creat-react-app构建的项目，以下操作都是在package.json中设置的设置默认打开浏览器及端口需要设置scripts的start选项设置默认打开谷歌浏览器"start": "set BROWSER=chrome&& react-scripts start"设置关闭默认打开浏览器"start": "set BROWSER=none&& react-scripts start"设置默认打开端口"start": "set
2021-01-09 19:04:52
1117
原创 Vue 通过 bus全局事件总线 实现兄弟组件传参
参考博客：vue中bus中央事件总线的使用1. 在/src/assets/js下创建一个bus.js文件，内容如下import Vue from 'vue'export default new Vue()2. 在需要用到的A、B两个组件中引入import { Bus } from 'bus.js'3. 在A组件中定义要调用B事件的bus事件名Bus.$emit('refresh', '111') //两个参数，一个是方法名，一个是要传的参数4. 在B组件中监听该方法crea
2021-01-07 20:34:45
621
原创 解决：element-ui 日期控件在 ie 浏览器上赋值无法正常显示
代码：<un-button @click="changeDate">改变时间</un-button><el-date-picker v-model="value" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" ></el-date-picker>data(){ return { value:"" }}methods: { chan
2020-12-24 13:58:05
1974
原创 linux 服务器上更新增量包
获取增量包获取git上两个版本之间增量包git archive -o 文件夹名字 master $(git diff 新提交的版本号 之前提交的版本号 --name-only)例如：git archive -o update.zip master $(git diff 5b0e63e7f8b5b114b150da6a89a2edd729a8d780 08749eca27bf5b044f190d86463a0a2db1704d6a --name-only)在项目根文件夹里执行此命令就会生成一个u
2020-12-04 20:59:48
615
原创 Vue中使用less以及启动报错解决方案
安装lessnpm install less less-loader -D配置less在build/webpack.base.conf.js 中 mudule.rules 中添加：{ test: /\.less$/, loader: "style-loader!css-loader!less-loader"}使用less在vue 文件中的style标签上加上 lang=“less”，即可使用：如果启动后报错，如下图所示：原因是由于less-loader安装的版本过高，可以
2020-10-30 12:35:36
1426
1
转载 css布局两边固定中间自适应
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>css布局两边固定中间
2020-10-26 10:54:20
299
转载 解决 vue-cli 打包后图片路径获取不到的问题
摘抄博客：vue-cli打包后图片路径取不到的问题1. 第一步在config / index.js 文件中把assetsPublicPath 修改为 ./2. 第二步在 build / webpack.prod.conf.js 文件中，在output里增加 publicPath: './'3. 第三步虽然解决了资源路径的引用问题，但是资源里面的背景图片还是不显示， background: url("../../assets/images/logo-index.png") no-repeat;
2020-10-15 20:04:50
1861
1
转载 js 通过navigator.userAgent 判断不同类型浏览器
摘抄博客：js 不同浏览器的类型判断 navigator.userAgent 通过navigator.userAgent来进行浏览器类型判断判断QQ浏览器、QQ APP内置浏览器 和 微信 APP内置浏览器不同浏览器的navigator.userAgent通过navigator.userAgent来进行浏览器类型判断// 判断浏览器内核、手机系统等，使用 browser.userAgent.mobilevar browser = { userAgent: function () {
2020-10-15 19:19:28
2058
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人