- 博客(27)
- 收藏
- 关注
RSS订阅原创 小程序，大世界-web点播直播入门-代码的自我修养-进阶的直梯
小程序，大世界-web点播直播入门-代码的自我修养-进阶的直梯小程序，大世界简介小程序技术框架（微信小程序）小程序等发展web点播直播入门什么是视频好玩等web端apiWeb端点播直播&播放器解决方案代码的自我修养技术翻译：进阶的直梯小程序，大世界简介小程序解决了什么问题小程序技术栈HTML/CSS/JavaScriptNodeJS移动适配HTTP协议/HTTPSOA...
2020-04-12 10:18:38
409
原创 前端工程化浅析-前端动画可以这么玩-一起优化前端性能
前端工程化浅析-前端动画可以这么玩-一起优化前端性能前端工程化浅析什么是前端工程化模范化模块化组件化自动化前端动画可以这么玩一起优化前端性能使用RAIL模型评估性能评估性能的工具前端工程化浅析什么是前端工程化在前端领域，利用技术不断进步和经验逐步积累带来等各种方案，来解决在项目等开发、测试、维护阶段中遇到等种种低效的繁琐的问题。工程化是一种思想，技术是一种实践。技术会随着时代进步不断地演...
2020-04-11 20:35:45
199
原创 正则的三个应用场景-Node.js基础入门
正则的三个应用场景-Node.js基础入门正则的三个应用场景正则表达式的创建和使用正则表达式的创建方式正则表达式的常见用法场景一：正则与数值数值判断不简单完整的数值正则怎么写用正则处理数值场景二：正则与颜色颜色的表示方式使用正则处理颜色场景三：正则与url用正则解析URL用正则解析search和hashNode.js基础入门什么是Node.jsNode.js基础NPM基于Node.js的Web开发...
2020-04-10 12:31:55
308
原创 JS从入门到放弃-Web标准-前端常用http知识
JS从入门到放弃-Web标准-前端常用http知识JavaScript从入门到放弃第一节：各司其职第二节：复杂 UI 组件的设计第三节：局部细节控制处理“只能执行一次”节流防抖总结web标准：前端的原力web标准概述web标准介绍IETFECMAW3CWHATWG前端常用的HTTP知识HTTP 报文结构是怎样的？HTTP 的请求方法HTTP各种请求方法GET和POST有什么区别？如何理解uri？及...
2020-04-09 21:14:47
438
1
原创 RN fetch 在debug和release版本下执行结果不一样（巨巨巨坑！！！！！）
问题描述 postL(url, data, callback) { let formData = new URLSearchParams(); Object.keys(data).forEach((key)=>{ if(!(data[key] === undefined) && !(data[key] === n...
2019-12-02 15:45:51
325
原创 谈谈微信分享遇到的小坑
调用微信浏览器自带分享功能前端代码： wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '${appId}', // 必填，公众号的唯一标识 timestamp: ${...
2019-11-08 15:36:17
210
原创 实现路由守卫和token过期处理
什么是路由守卫最简单的说，路由守卫可以用来判断用户是否登录，该页面用户是否有权限浏览一般利用token来实现将token存储到localStorage在调用登陆接口时，如果登陆成功，便将token存入ls。所以在.then中写入下面的代码 localStorage.setItem("userToken",token); this.$...
2019-10-11 00:12:57
1175
原创 vue封装axios
为什么要封装对于前端来说，将api集中到一个文件跟方便管理，那么就需要对axios进行封装，封装的同时也可以简化调用接口的代码。以用户注册为例：未封装前 this.$axios.post('http://localhost:5000/api/users/register',this.ruleForm).then(()=>{ //注册成功...
2019-10-11 00:12:03
293
原创 leedcode 213.打家劫舍2 动态规划
刚刚做了一道简单的198.打家劫舍，现在赶紧趁热打铁思路：数组是个环，也就是说偷第一家，最后一家就不能偷；偷最后一家，第一家就不能偷。所以，我们问题分成求 nums[0:n - 1]或者 nums[1:n]再取两者最大值也就变成了198.打家劫舍var dpOPT = function(arr,start,end){ var opt = new Array(end-start...
2019-09-27 11:56:36
103
原创 leedcode 198.打家劫舍 动态规划
太不容易了，总算是学会了最基础的动态规划。是看的b站上的视频动态规划是什么不需要再缀述（每次决策依赖于当前状态，又随即引起状态的转移。一个决策序列就是在变化的状态中产生出来的，所以，这种多阶段最优化决策解决问题的过程就称为动态规划。），动态规划的使用场景一般包括三个特征：最优子结构：如果问题的最优解所包含的子问题的解也是最优的，就称该问题具有最优子结构。无后效性：某一状态一旦确定，就不...
2019-09-27 11:03:33
114
转载 Vue中的computed属性
Vue中的computed属性https://www.cnblogs.com/gunelark/p/8492468.html
2019-08-12 08:35:44
148
原创 表单动态绑定
场景：表单的内容不是固定的，用v-for动态展示表单内容，因此需要动态绑定值如下图：解决方法html代码： <el-form :modal="form" :rules="rules" label-width="100px"> <el-form-item :label="item.confName...
2019-08-09 17:12:55
395
原创 vue+ant-design 实现table的td元素限定为固定的宽度,超出的字用省略号代替
效果：首选在table标签下，加入下列table-layout="fixed"的属性：.ant-table{ table-layout: fixed;}然后再table里面的td下加入下列属性：.ant-table-tbody > tr > td { max-width: 110px; border-bottom: 0; text-align: cente...
2019-08-07 23:31:40
7678
原创 实现窗口缩小而不压缩页面内容
实现窗口缩小而不压缩页面内容1.问题描述：web开发经常会遇到的问题就是电脑屏幕大小不一样，可能会导致页面布局会错乱。如下图：2.解决方案：参考京东，设置页面最小宽度，当窗口小于这个宽度时则隐藏超出部分当内容，并在页面下面显示滚动条代码：#teacherView { position:absolute; text-align: center; width: 100%; ...
2019-08-07 23:26:39
2011
原创 鼠标左、右键失灵
场景在我的实际需求中要求一个可移动的canvas，因此我在在canvas外层加了个自己实现的可移动的弹窗父组件。要求右键移动弹窗，左键涂鸦，同时屏蔽右键菜单栏。具体实现父组件当右键被按下时，执行拖拽操作 // 实现移动端拖拽 down(){ if(event.button == "2"){//0左键，1中键，2右键 var mov...
2019-08-02 09:51:46
253
原创 获取url上的参数
用正则获取url上的参数例如：http://localhost:8090/pages/index.html#/pay/real?code=5&state=1234#需获取code和state的值var reg1 = new RegExp("(\\?|&)code([^&]*)(?=(&|$))");var reg2 = new RegExp("(\\?|&a...
2019-07-27 08:05:19
108
原创 模拟微信内部跳转至微信支付
模拟微信内部跳转至微信支付前言微信支付步骤介绍具体代码前言微信支付比支付宝或者其它方式要来的更复杂一些，但在我这个项目中，大部分的工作量后台都帮我处理好了，实际上只需要调用两个接口，weChatPaymentFirst和WeChatPaymentSecond（这是后台封装好的接口）微信支付步骤介绍微信支付分为三步：根据用户信息调weChatPaymentFirst接口，返回url（中...
2019-07-27 07:58:36
2637
原创 vue 修复ie浏览器兼容性bug
在main.js文件最开头加上import 'es6-promise/auto’再npm install es6-promise -S
2019-07-26 10:39:11
501
原创 可拖拽弹出框
效果父组件 <drag-window v-if="showDrag" @close="closeDrag"> <div class="canvas"> <drawingBoard v-if="onShow"></drawingBoard> <showingBoard v-else>&...
2019-07-25 15:56:08
165
原创 实现浏览器版本提醒功能
需求：用户在浏览器中输入url后，判读是否符合我们系统支持的浏览器(chrome,firefox,safari)，若不符合则跳转至浏览器版本提醒页面实现：该系统所用的前端框架是vue，默认页面是/login，因此在login.vue文件中的created（）钩子函数中对浏览器版本进行判断created（）created () { let browserType = this.Brow...
2019-07-20 16:41:03
332
原创 ajax contentType设置为'application/json'
前言：均以post方法为例 这是接手别人开发了一半的项目，其中ajax的各类请求都已经封装好，header中均为：‘Content-Type’: ‘application/x-www-form-urlencoded’。post (url, params) { return FEBS_REQUEST.post(url, params, { transformRequest: [(pa...
2019-07-20 16:26:55
264
转载 ant-design更换主题颜色
ant-design更换主题颜色转载：https://blog.csdn.net/zhangyuxuan2/article/details/88868822 ...
2019-07-20 16:14:25
7380
1
原创 vue项目路由配置（前置导航守卫+白名单）
vue项目路由配置（导航守卫+白名单）vue Router导航守卫router目录结构具体实现代码router.jsconstRouter.jsindex.js总结vue RouterVue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询...
2019-07-20 16:03:47
12227
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人