前端
歌声缓缓
IT民工
展开
-
【JS-SDK】签名失败,url使用location.href查看地址
附官方地址:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html一直报签名失败,一一查了很多遍,不知道哪儿的问题。错误一定都在文档这里所有的描述里,不知道你的问题是哪一条沙盒测试地址:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign最后终于发现问题在这里,url一定和你页面调用的地址需一模一样。不知道具体地址的话,使用loca原创 2022-04-19 11:03:14 · 400 阅读 · 0 评论 -
【前端】分享一个按钮样式 使用linear-gradient
<div class="btn btn1">转发</div><style scoped> .btn{ width: 120px; height: 48px; display: flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient(0deg,rgba(132,245.原创 2022-02-23 10:42:03 · 509 阅读 · 0 评论 -
jquery 写一个loading
将此文件插入到文件中loading.html <style> .load{ width: 100%; height: 100vh; position: fixed; top: 0; z-index: 10000; //display: none; background-color: rgba(0, 0, 0.原创 2022-01-26 17:56:57 · 1207 阅读 · 0 评论 -
jquery 时间控件精确到秒,可以使用
页面效果: <script src="js/laydate/laydate.js"></script> 开始时间: <input id="date1" placeholder="请输入日期" class="laydate-icon" onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"> 结束时间: <input id="date2" placeho原创 2022-01-26 16:55:27 · 854 阅读 · 0 评论 -
vue 一键修复eslint问题(webstorm)(已解决)
如果有很多eslint问题,可以使用快捷键一键修复eslint问题。在webstorm 的setting ——Keymap——搜索 Fix ESLint problems ,自定义快捷 键,然后在有eslint问题的页面,敲快捷键,就可以一键修复了原创 2021-12-01 09:45:42 · 1697 阅读 · 0 评论 -
前端vue解决图片在不同设备上不失真问题
比如图片的长度为690px;宽度为412px;需要在不同设备上不失真。照片的宽度可以直接设置为百分数,可以自动随屏幕变化而变化;高度需要计算一下。准备工作:获取屏幕的长宽:Vue.prototype.$getView = function(){ return { width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,//兼容性获取屏幕宽度 hei原创 2021-11-11 15:47:36 · 909 阅读 · 0 评论 -
vue 具名插槽
子组件 myslot.vue<template> <div class="layout-wrap"> <div class="layout-head"> <slot name="head"></slot> </div> <div class="layout-content"> <slot name="content"></slot>原创 2021-09-03 15:19:16 · 68 阅读 · 0 评论 -
vue 强制刷新,数据刷新视图
第一种this.$forceUpdate();第二种 data(){ return{ userInfo:{ name:"小明" } } } this.$set('userInfo',name,'小红');原创 2021-08-23 16:29:03 · 293 阅读 · 0 评论 -
webstorm 代码格式化 快捷键 Ctrl+Alt+L
Ctrl+Alt+L原创 2021-08-20 18:31:34 · 784 阅读 · 0 评论 -
webstorm解决svn冲突
前提是webstorm已经集成了svn在项目右键选择Subversion–>Resolve Text Conflict原创 2021-05-08 15:54:10 · 583 阅读 · 0 评论 -
vue 插槽 单个插 槽多个插槽 插槽应用
插槽:父组件里的数据插入到子组件的指定位置单个插槽:子组件:<template><div style="background: red;"> childslot <slot></slot></div></template><script> export default { name: "childslot" }</script><style s原创 2021-05-07 22:42:32 · 1306 阅读 · 0 评论 -
vue 父组件传值子组件
父组件:<template> <div class="father"> father <child :value="value"></child> </div></template><script> import child from './child.vue' export default { name: "father", ..原创 2021-05-06 15:14:47 · 58 阅读 · 0 评论 -
vue tab标签切换
完整代码:<template> <div> <div class="tab"> <div class="tabitem" v-for="(item,index) in tablist" :key="index" :class="{active:activeTab===index}" @click="changetab(index)">{{item.title}}</div> </div>.原创 2021-04-30 14:54:10 · 162 阅读 · 1 评论 -
怎样用webstorm创建vue项目
(已经有Node环境,之前创建过项目)点击new新建点击下一步,只有ESLint选为No在新的窗口,npm run dev ,能正常启动的话,项目就OK了!如果报错,比如:少各种东西Cannot find module ‘extract-text-webpack-plugin’缺什么就安装对应的提示npm install -g extract-text-webpack-plugin欢迎关注~~好多干货...原创 2020-11-20 14:50:47 · 292 阅读 · 0 评论 -
【微信小程序】ios部分页面左右滑动
微信小程序项目,发现iOS部分页面,左右可以滑动,安卓机没有此种情况。经过查阅分析,是部分元素超过了屏幕尺寸大小。比如,屏幕宽是750rpx,一些padding和margin值使元素超出屏幕宽度,使用box-sizing:border-box,有的页面,有效果,有的仍然滑动。所以釜底抽薪的方法是,长度不要超过屏幕宽度,将padding和margin的元素进行重新布局,修改。至于怎么找到是哪个元素,我是这样找的,在调试器,从上往下找最大块的元素,在元素上添加属性:display:none,如果,此元素隐藏原创 2020-11-20 14:39:40 · 1184 阅读 · 1 评论 -
ajax请求 提示 error,200
`可以写如下代码块,帮助排查``error: function (XMLHttpResponse, textStatus, errorThrown) {console.log(“1 异步调用返回失败,XMLHttpResponse.readyState:”+XMLHttpResponse.readyState);console.log(“2 异步调用返回失败,XMLHttpResponse...转载 2019-03-05 23:58:45 · 1467 阅读 · 0 评论 -
webstorm破解方法(2018.3.2 64x版本)
1、登录网址网址:http://idea.lanyus.com/下载jar包2、将jar包放在自己安装目录下的bin目录文件夹下3、修改bin目录下 WebStorm.exe.vmoptions 和WebStorm64.exe.vmoptions,在末尾追加(该目录为博主电脑文件目录)-javaagent:D:\webstorm\WebStorm 2018.3.2\bin\Jetbra...转载 2019-01-27 23:41:06 · 1893 阅读 · 0 评论