- 博客(33)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vue简单接口封装
没有特别的幸运，那么就特别的努力！！！既然没有优人的天赋，那就拼吧！先看下效果：接口封装：第一步：解决跨域接口请求，一般都会碰到跨域问题，在vue项目中，我们采用页面代理的方法解决跨域问题：文件config——index.js文件index.js'use strict'// Template version: 1.2.7// see http://vuejs-template...
2020-01-08 10:46:31
1605
原创 PC端 px自适应，类似于响应式（js，jq）
没有特别的幸运，那么就特别的努力！！！我们常在开发中碰到一个问题运用px像素开发，窗口大小会改变=>样式会变解决方案：onresize 窗口事件（js）onresize事件在窗口或者框架的大小发生改变的时候会被调用1.下面我们主要介绍jq的用法首先页面引用jq<script type="text/javascript" src="http://apps.bdimg.com...
2019-07-05 18:02:31
2311
原创 Vue项目自动转换 px 为 rem
Vue项目自动转换 px 为 rem前提条件1.脚手架vue-cli 搭建好2.vue项目可以正常运行1、创建rem.js文件创建一个utils文件，添加一个rem.js文件// 基准大小const baseSize = 32// 设置 rem 函数function setRem () { // 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改。 const...
2019-05-21 12:01:30
1913
1
原创 小程序上传图片+vue上传图片
1.小程序 + vant示例：https://youzan.github.io/vant-weapp/#/uploader#ji-chu-yong-fa.引入在app.json或index.json中引入组件，默认为ES6版本，ES5引入方式参见快速上手。"usingComponents": { "van-uploader": "@vant/weapp/uploader/index"}基础用法<van-uploader preview-size="60px" file-l
2021-06-18 20:38:30
434
原创 小程序上拉加载
1.小程序 + bindscrolltolower坑位：1.scroll-view 高度 100% <scroll-view scroll-y="true" bindscrolltolower="getMoreData" style="height:100%;"> <view class="listStyle" wx:for="{{list}}" wx:key="key"> <text>{{item.displayDate}}<
2021-06-18 20:28:22
77
原创 小程序组件传值
父子传值小程序官方文档： https://developers.weixin.qq.com/miniprogram/dev/reference/api/Component.html.父级1.json文件引入{ "navigationBarTitleText": "我的", "usingComponents": { "longRange":"/packageC/pages/aboutMe/longRange/longRange" }}2.wxml调用 + 传值/* Int
2021-06-18 20:23:28
99
原创 简写工具类
系列文章目录提示：函数式编程思想文章目录系列文章目录前言一、简写编程写法？总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、简写编程写法？let res = 1;if(res) console.log(1111) // 1111res && console.log(333) // 333总
2021-04-26 22:03:17
248
原创 vuex刷新数据丢失问题解决
没有特别的幸运，那么就特别的努力！！！1.手动利用HTML5的本地存储vuex的state在localStorage或sessionStorage或其它存储方式中取值缺点：最直观的就是，手动写比较麻烦。2.利用vuex-persistedstate持久化插件处理插件的原理其实也是结合了存储方式,只是统一的配置就不需要手动每次都写存储方法nuxt 项目解决方案：1.安装vuex-persistedstate插件yarn add vuex-persistedstate --save或npm
2021-02-02 14:25:20
277
原创 react组件间传值
没有特别的幸运，那么就特别的努力！！！react组件间传值1.父传子 props <label> <input type="checkbox" checked={this.props.isAllChecked} onChange={this.handlerSelectAll} />全选 </label>2.子传父 父组件定义一个方法// 父： 定义一个方法抛出 <TodoHeader addTodo = {this.
2020-12-20 20:47:39
333
原创 去掉eslint 检测
没有特别的幸运，那么就特别的努力！！！示例方法一：提交无阻碍根目录（package.json平级）新建.eslintignore文件srcsrc 意思是只要src下面的文件都 不 进行eslint检测方法二：保存自动纠正安装拓展ESLint，Prettier找到setting.json文件修改setting.json文件{ "git.autofetch": true, // "editor.fontFamily": "'Courier New', Consolas
2020-11-27 10:45:59
2029
3
原创 2020 前端面试题上 vue篇
没有特别的幸运，那么就特别的努力！！！2020 前端面试题上 vue篇vue篇vue 双向绑定原理v-model 的原理scoped样式穿透组件之间的传值通信axios拦截器怎么配自定义指令vuexcomputed 和 watch区别filter与computed计算属性——判断是否有图片v-if & v-show & v-forv-bind & v-modevue生命周期$set , $get()trim 过滤首位空格谈谈你对 keep-alive 的了解组件中 data 为什么
2020-06-26 12:42:09
2210
2
原创 小程序接口封装
没有特别的幸运，那么就特别的努力！！！既然没有优人的天赋，那就拼吧！看下接口数据先看下封装好——界面调用方法//第一步 引入封装好的api ——————调用里面方法import { nestApi_zfry_findEnforceLawMessageList } from '../../../utils/api.js' /*** 生命周期函数--监听页面加载*/ onLoad: function (options) { this.zfjgList(); } //
2020-05-26 22:55:44
1619
1
原创 js 上传图片
没有特别的幸运，那么就特别的努力！！！既然没有优人的天赋，那就拼吧！先看下效果：二话不说 ， 直接上代码为了方便 代码直接放一个页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...
2020-04-01 12:09:04
239
原创 js上拉加载，jq上拉加载
没有特别的幸运，那么就特别的努力！！！既然没有优人的天赋，那就拼吧！先看下效果：css * { margin:0px; padding:0px; } #header { position:fixed; top:0px; left:0px; width:100%; ...
2019-12-31 10:37:53
541
2
原创 js跑马灯 页面滚动
没有特别的幸运，那么就特别的努力！！！既然没有优人的天赋，那就拼吧！html<div class="test" id="test"></div>css.test{ width: 455px; height: 180px; position: relative; overflow: hidden; /* z-index:9; */}js...
2019-12-26 17:04:31
925
1
原创 css 公共样式 + 水平 垂直居中
没有特别的幸运，那么就特别的努力！！！水平居中：适用于一些样式布局，特别是需求图片，等宽不等高或等高不等宽有的宽高不确定…但最终效果——要垂直居中显示，解决方案如下:水平居中1.行内元素.box{ text-align: center;}2.块级元素.info{ margin: 0 auto;}3.flex布局.parent { display: ...
2019-12-19 17:45:27
261
原创 CSS调整滚动条样式
没有特别的幸运，那么就特别的努力！！！我们常在开发中会碰到这样一个问题，就是给定一个窗口可滚动样式不能默认，或者不显示滚动条1.默认<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>二级目录</title> <style> ...
2019-08-07 09:47:03
304
原创 echarts地图的运用 免费获取乡镇json数据
没有特别的幸运，那么就加倍的努力！！！效果图echarts地图需引入基本文件echarts.js文件中国地图js文件全国json数据（可以按需引入，减少代码冗余），这一步进行了收集，特别是浙江这块数据比较齐全下载路径：https://github.com/15171222839/echartsMap<!DOCTYPE html><html lang="en"&...
2019-07-23 16:00:45
1709
2
原创 前端跨域问题
没有特别的幸运，那么就加倍的努力！！！什么是跨域？简单的来讲——就是违背了同源策略，“协议+域名+端口” 三者只要有一者不同，就会存在跨域在我们前端开发中，常常碰到一些接口上的跨域问题，现在分享几种常用的解决方案：方案一：jsonp1.jquery ajax：$.ajax({ url: 'http://www.tpWang.com:8080/login', type:...
2019-07-10 17:00:31
539
原创 js事件冒泡，事件捕捉，事件委托解析
没有特别的幸运，那么就特别的努力！！！1.事件冒泡和事件捕捉1.使用W3C标准的addEventListener，FF和Chrome浏览器都支持，IE6/IE7/IE8都不支持这个函数。不过从IE9开始就支持了这个标准的API。addEventListener((type, listener, useCapture)type=>事件（click）listener=>函数us...
2019-07-04 10:10:17
342
原创 Echarts图表基本操作
Echarts图表（主要介绍柱状图）1.legend 标题导航栏legendlegend: { orient: 'vertical',//标题竖着排 图例列表的布局朝向。 'horizontal'如上图横着 itemGap:18, x: 'left', //左边排布 top:'20%', //距离图表上边距 ...
2019-07-03 14:04:17
577
原创 jq基本事件，点击事件，路由跳转传值，select选择框
jq点击事件前提条件引入js<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>一.点击事件 来回切换左边弹出框html部分·<div class="menu-box"> <span class="slider"> ...
2019-06-30 22:01:56
884
原创 vue 路由跳转几种方法
vue 路由跳转几种方法1.router-link 【实现跳转最简单的方法】<router-link to='需要跳转到的页面的路径> 类似于a 的标签div和css样式略 <li > <router-link to="keyframes">点击验证动画效果 </router-link> </li&...
2019-06-13 10:17:07
678
原创 promise() 用法
es6 promise() 用法Promise 是异步操作，用于解决回调函数和事件模拟promise环境<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...
2019-05-28 09:49:23
2399
原创 时间戳转换，时间钟表
时间戳转换start_time开始种植时间： 2019-03-08plant_circle种植时长： 365需求：我想拿到结束种植时间 _________ 应该是2020-03-07/**后台传过来的数据: start_time开始种植时间： 2019-03-08 plant_circle种植时长： 365 需求：我想拿到结束种植时间 _________ 应该是2020-03...
2019-05-23 16:33:16
653
1
原创 小程序图片上传
小程序图片上传去wxml页面 编写 代码片.<!-- 加工图片/视频 --> <view class="company-news-block"> <view class="company-news-name"> <view class="company-news-left">加工图片/视频</view&g...
2019-05-08 18:49:07
173
原创 字符串，对象转json格式
1.问题：后台传过来数据——weather一连窜字符串深克隆： 创建一个新对象，属性中引用的其他对象也会被克隆，不再指向原有对象地址。 JSON.parse、JSON.stringify()JSON.parse（）方法将数据转换为 JavaScript 对象。JSON.stringify()方法用于将 JavaScript 值转换为 JSON 字符串2.解决方案： JSO...
2019-05-07 17:32:32
300
原创 正则，indexOf，filter，valueOf，join，concat，reverse，sort，splice，slice，parseInt，random
基础：parseInt,splice,sliceNaN 非数字，属于number类型parseInt() 参数先一个一个转字符串，再转整数——如果转不了就后面参数不执行obj.toString() 转化为字符串obj.join("x") 把数组转为字符串 x——可选，默认，隔开toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。 var a...
2019-05-05 22:58:52
436
原创 vue 模糊搜索
方法一：简单demo实现 用到es5=>filter() 过滤 var arr = [11, 12, 13, 14, 15, 16];var brr = arr.filter(function (val) { return val%2 == 0; //遍历数组，返回值为true保留并复制到新数组，false则过滤掉});console.log(b...
2019-05-02 22:30:05
1099
原创 git基本使用方法 及 码云入门到使用
github-usagegithub创建与上传本地文件，首先你得有自己git账号一.创建很简单直接在登录首页，点击new repository————（选中公开public）————然后点击create repository创建仓库二.上传本地文件1.在桌面创建一个文件，把要上传的东西放在文件里2.启动git Bash代码编辑框3.cd到创建的文件夹中//（cd des...
2019-05-01 16:38:56
1230
1
js上拉加载源码采用jq编写
2019-12-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人