- 博客(91)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 连续解构
从数组第一个对象元素中提取某个属性，比如：err 对象中包含一个 errors 数组，errors 数组每一个对象都包含一个 msg 属性err = { errors: [ { msg: 'this is a errors' } ]}快速的提取方法为：const [{ msg }] = err.errors如果不用解构写法为：const msg = err.errors[0].msg...
2021-02-23 10:23:08
683
1
转载 报错Error: Node Sass does not yet support your current environment
说明node sass版本在当前环境运行不了，解决方法如下：1.卸载当前版本node sassnpm uninstall --save node-sass2.重新安装node sassnpm install --save node-sass
2021-01-18 15:51:09
25026
4
原创 nuxt打包服务器报错
报错信息 No pages directory found in C:\Users\Administrator\Desktop\svn\svnsz\mall4pc-bbc\dfasd. Did you mean to run nuxt in the parent (../) directory? at Builder.validatePages (node_modules\@nuxt\builder\dist\builder.js:5658:13) at async Builder.build
2021-01-06 17:12:59
1712
1
转载 微信公众号网页授权说明及jssdk使用，mysql安装路径
关于网页授权回调域名的说明1、在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中，修改授权回调域名。请注意，这里填写的是域名（是一个字符串），而不是URL，因此请勿加 http:// 等协议头；2、授权回调域名配置规范为全域名，比如需要网页授权的域名为：www.qq.com，配置以后此域名下面的页面http://www.qq.com/music.html 、 http://www.qq.com/lo
2021-01-05 09:03:15
579
原创 JavaScript encodeURIComponent() 函数
定义和用法encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ’ ( ) 。其他字符（比如 ：;/?????&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。语法encodeURIComponent(uri)参数 描述uri。一个字符串，含有 URI 组件或其他要编码的文本。一般用于防止中文
2020-12-24 14:03:04
167
原创 uniapp web-view 引入本地html及paypal境外支付
1.把html文件放在static里 然后用web-view引用不废话，直接上代码<template> <view> <web-view src="../../static/index.html"></web-view> </view></template><script> export default { data() { return {} }, methods: {} }<
2020-12-24 10:52:11
2685
7
转载 vue深度监听一个对象
深度监听对象的变化data: { obj: { age: 18 } },watch: { obj: { handler(newVal, oldVal){ }, deep: true }} 监听对象的某个属性变化data: { obj: { age: 18 }},computed: { isage(){ ret.
2020-12-02 18:47:02
3433
原创 在vue项目中使用lottie动画及遇到图片显示不出来问题
首先npm安装vue-lottie:npm install vue-lottie -S在需要使用的组件里引用lottie动画的json文件：import * as animationData from '@/assets/json/loading.json'import Lottie from 'vue-lottie/src/lottie.vue'注册到组件里：data(){ return { defaultOptions:{ animationData:animat
2020-11-17 15:56:26
5402
4
转载 谷歌 Chrome 将不再允许 HTTPS 页面加载 HTTP 资源
[1]并非所有的浏览器都停止加载了http资源，需要特别指出的是，文中的浏览器主要指的Google的Chrome浏览器。 根据Google 的说法，Chrome 用户现在在所有主要平台上的 HTTPS 上花费了 90％以上的浏览时间。但是，那些安全页面加载不安全的 HTTP子资源却是很常见的。这些子资源中的许多默认情况下都是被阻止的，但有些会作为图像、音频和视频或“混合内容”潜入，混合内容可能会使用户面临风险，比如脚本、iframe与媒体文件。从2019 年 12 月开始测试的 Chrome .
2020-11-12 15:06:34
2117
原创 ios页面禁止缩放js代码
ios10头部加scalable=no;已失效；<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" name="viewport" /> 可用js处理: window.οnlοad = function () { document.addEventListener('touchstart', function (event) {
2020-10-21 11:55:36
614
转载 七牛云，图片上传，element 带参数:on-success=”(value)=＞ handleSuccess(i, value)”
https://my.oschina.net/xiaoxustudent/blog/2872495
2020-10-21 11:48:02
1182
原创 记录vue-element-admin和服务器交互
官方连接：https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/essentials/server.html#%E8%AE%BE%E7%BD%AE%E5%A4%9A%E4%B8%AA-baseurl如果登录接口返回200，但还是进不去，可能是没get user info在user.js设置，返回的接口格式可以参考这个： const data = { avatar: "https://wpimg.wallstcn.com/f77
2020-09-11 15:56:32
690
转载 判断手机是否安装app
直接上代码var userAgent = navigator.userAgent ;var url="",downUrl="";if(userAgent.indexOf("Android")>-1){ url='XXXXX';//安卓版App地址，由安卓同事提供 downUrl="XXXXXXXXX"; //安卓版App下载地址，由安卓同事提供}else{ url='XXXXXX://';//IOS版App地址，由IOS同事提供 downUrl="XXXXXXX
2020-08-19 10:44:40
891
原创 vue拖拽三种方法
如果想拖拽排序的可以用组件：vuedraggable。以下是不用组件方法。方法1： 没用过，感觉不错，直接上连接https://www.cnblogs.com/carriezhao/p/11457841.html方法2：大概需求1:设置draggable="true"允许其被拖动<li draggable="true" @dragstart="drag($event)">拖拽内容</li><li @drop="drop($event,'item')" @dr
2020-08-05 16:50:57
16193
原创 css3动画延迟运行 animation-delay
1.语法animation: name duration timing-function delay iteration-count direction fill-mode play-state;2.说明name 指定要绑定到选择器的关键帧的名称duration 动画指定需要多少秒或毫秒完成timing-function 设置动画将如何完成一个周期delay 设置动画在启动前的延迟间隔。iteration-count 定义动画的播放次数。direction 指定是否应该轮流反向播放动
2020-07-01 12:02:04
13392
原创 js数组(找到第一个符合条件的元素)
找到第一个符合条件的元素/下标const arr = [1, 2, 3, 4, 5]const findItem = arr.find(item => item === 3) // 返回子项const findIndex = arr.findIndex(item => item === 3) // 返回子项的下标以前用的方法let findIndexarr.find((item, index) => { if (item === 3) { findIn
2020-06-20 15:10:14
21011
1
原创 element选择器，省市区三级联动，json格式跟官方不一样解决方法
使用的json格式跟官方不一样，如何解决，网上比较少，说一下我的解决方法官方json格式：我的json格式：效果图：直接正题如何解决：html <el-select @change="ProChanges" v-model="box.SupplierInfo.province" placeholder="请选择省份"
2020-05-19 17:49:17
868
原创 封装验证数据
test.js文件:// 遍历json数组export function info(val) { let val2 = val == 123 ? "0" : "1"; return val2;}组件引入:import * as test from "@/common/data/test.js";methods里使用: info() { console.log(test.info("123")); //0 },...
2020-05-19 17:09:26
158
原创 $router.resolve新窗口打开
有些时候需要在单击事件或者在函数中实现页面跳转，新窗口打开 let details = this.$router.resolve({ name: "/order/checkOrder", query: params, params: { catId: 1 } }); window.open(details.href, "_blank");在user_details页面中怎么接受通过路径传递过来的userId?let u
2020-05-09 09:58:53
4165
4
原创 nextTick源码浅析
使用 this.$nextTick(() => { this.msg2 = this.$refs.msgDiv.innerHTML })作用Vue.nextTick用于延迟执行一段代码，它接受2个参数（回调函数和执行回调函数），如果没有提供回调函数，那么将返回promise对象。源码/** * Defer a task to execute...
2020-04-29 11:10:16
336
原创 程序化的事件侦听器$once，销毁定时器
通过 $on(eventName, eventHandler) 侦听一个事件通过 $once(eventName, eventHandler) 一次性侦听一个事件通过 $off(eventName, eventHandler) 停止侦听一个事件一般我们用不到，但是用定时器进行销毁的时候用：const timer = setInterval(() =>{ ...
2020-04-28 11:25:08
773
转载 冥想
冥想一、选择基本的冥想1、不要把你冥想的原因过度复杂化——核心在于放松，并拒绝陷入日常生活的焦虑之中。找到安宁，控制焦虑2、选择一个简单的、基本的冥想项目来体会冥想的好处。从简单的坐式冥想开始，在安静的地方，只是集中注意力呼吸就可以啦。之后尝试其他方式的冥想，包括行走式冥想、指引式的冥想，以及关注于某个特殊事件或者问题的冥想等等。在这个过程中，一定要注意避免使用困难的姿势，也不要认为...
2020-04-25 11:05:46
420
原创 Vue——关于css过渡和动画，v-enter 、v-enter-active
1. 单元素/组件的过渡transitionVue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点2. 过渡的类名在进入/离开的过渡中，会有 6 个 class 切换：v-enter 、v-enter-active、v-enter-to、v-leave、v-...
2020-04-20 12:34:07
2542
原创 NavMenu 导航菜单 二级导航 嵌套路由
html部分： <el-menu @open="handleOpen" @close="handleClose" background-color="#fff" text-color="#000" active-text-color="#ff1e1b" bo...
2020-04-01 18:30:38
2196
原创 vue分页组件代码
直接上代码，你们运行自行理解会比较深刻html部分： <div id="app"> <div class="page" v-show="show"> <div class="pagelist"> <span class="jump" :class="{disabled:starts}" @click="{curre...
2020-03-31 17:33:40
235
原创 vs code压缩插件与补全css前缀插件
1.Autoprefixer补全css前缀插件vscode扩展中搜索：Autoprefixer然后在css页面，ctrl+shift+p，选择autoprefixer，就可以自动全部添加好了2.Minify压缩插件在拓展商店里搜索“minify”，安装，安装成功后点重新加载使用：F1运行文件缩小器 Minify。2.1 JS&CSS Minifier 压缩插件...
2020-01-20 19:33:00
1489
原创 js点击复制
不多说直接上js点击复制 <!-- 点击复制 --> <p class="code" onclick="copyContent(this);">我要复制</p><input id="copy_content" type="text" value="" style="position: absolute;top: 0;left: 0;opacity...
2020-01-18 14:14:31
190
原创 获取网易云音乐接口以及使用
不多说，直接上1.网易云音乐接口文档 https://api.imjad.cn/cloudmusic.md专辑图片可以直接网易页面获取2.不过网易很贴心，有给你直接用的链接：https://music.163.com/#/song?id=423228325https://music.163.com/#/outchain/2/27571483/直接复制就能用了3.播放器可修...
2020-01-16 11:44:53
18640
1
转载 Electron使用快速入门
Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。使用eletron前需要储备哪些知识1、首先需要熟练掌握前端的基础知识html,css，js2、有一定的node基础，知道...
2020-01-14 11:38:08
423
原创 CSS动画 animation与transition
一、区分容易混淆的几个属性和值 先区分一下css中的几个属性：animation（动画）、transition（过渡）、transform（变形）、translate（移动）。CSS3中的transform(变形)属性用于内联元素和块级元素，可以旋转、扭曲、缩放、移动元素，它的属性值有以下五个：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix；...
2020-01-14 11:01:30
284
转载 linux进程后台运行方法nohup、setsid、&介绍
我们经常会碰到这样的问题，用 telnet/ssh 登录了远程的 Linux 服务器，运行了一些耗时较长的任务， 结果却由于网络的不稳定导致任务中途失败。如何让命令提交后不受本地关闭终端窗口/网络断开连接的干扰呢？下面举了一些例子， 您可以针对不同的场景选择不同的方式来处理这个问题。nohup/setsid/&场景：如果只是临时有一个命令需要长时间运行，什么方法能最简便的保证它在后...
2019-12-30 11:10:35
649
转载 mysql用法
要管理MySQL，可以使用可视化图形界面MySQL Workbench。MySQL Workbench可以用可视化的方式查询、创建和修改数据库表，但是，归根到底，MySQL Workbench是一个图形客户端，它对MySQL的操作仍然是发送SQL语句并执行。因此，本质上，MySQL Workbench和MySQL Client命令行都是客户端，和MySQL交互，唯一的接口就是SQL。因此，My...
2019-12-29 19:13:05
181
原创 python+Linux centos7搭建服务器
我是一个前端出身的，所以搭建服务器环境费了几天，参考了大量资料，现在终于完成了，写一下总结1.安装python3.X参考：https://blog.youkuaiyun.com/zhangdongren/article/details/82685932思路：Unix & Linux 平台安装 Python3:打开WEB浏览器访问 https://www.python.org/download...
2019-12-29 18:56:38
792
原创 python报 DeprecationWarning: "@coroutine" decorator .... use "async def" 解决办法
python报错：DeprecationWarning: “@coroutine” decorator is deprecated since Python 3.8, use “async def” instea def logger_factory(app, handler):最后报数据库连接失败：pymysql.err.OperationalError: (2003, “Can’t c...
2019-12-24 12:41:44
3476
原创 SEO优化
SEO优化也就是搜索引擎优化，搜索引擎优化也就是博客内容被搜索引擎收录及优先排序，以此增加博客的点击率和曝光度，最终提升博客的综合能力。写博客的人，内容不仅要对用户友好，让大部分人都能看懂，而且也要对搜索引擎友好。这里主要介绍下SEO团队常用的博客SEO优化技巧。1：博客要经常保持更新，文字始终紧紧围绕关键字，围绕网站主题。2：SEO优化重点以文章内容页优化为主。3：适当给每个页面增加key...
2019-12-18 10:50:23
341
原创 MVVM的适用范围
MVVM的适用范围从几个例子我们可以看到，MVVM最大的优势是编写前端逻辑非常复杂的页面，尤其是需要大量DOM操作的逻辑，利用MVVM可以极大地简化前端页面的逻辑。但是MVVM不是万能的，它的目的是为了解决复杂的前端逻辑。对于以展示逻辑为主的页面，例如，新闻，博客、文档等，不能使用MVVM展示数据，因为这些页面需要被搜索引擎索引，而搜索引擎无法获取使用MVVM并通过API加载的数据。所以，需...
2019-12-11 14:58:30
1044
原创 mysql5.6安装及配置utf8
mysql5.6安装步骤链接：https://www.cnblogs.com/alan-lin/p/9966917.html配置utf8在Windows上，安装时请选择UTF-8编码，以便正确地处理中文。在my.ini加[client]default-character-set=utf8[mysqld]default-character-set=utf8# For advice ...
2019-12-11 11:50:29
436
原创 面对层出不穷的新技术，你是选择继续深耕原有技术，还是会尝试新技术？
面对层出不穷的新技术，你是选择继续深耕原有技术，还是会尝试新技术？其实面对这个问题的时候，很多人想的是：我是不是要尝试新技术了？很多人会想到，我如果不断换新技术，是不是最终一无所获？我如果坚持一个方向，最终我能获得我想要的东西、能够有所成果，我就不要去尝试新技术了。但其实这里面有个误区：第一，如果你在一个领域做得足够长时间，3 年、5 年、10 年，那么你有可能会有所收获，这时候你就会进入技术...
2019-12-05 11:16:16
713
车辆管理vue前端+node后端+mysql.zip
2021-02-03
商城和官网类模板.zip
2019-11-07
弹幕效果制作弹幕效果制作
2019-03-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人