- 博客(72)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 学习计划安排
学习计划安排算法node 及koa框架学习小程序开发复习今年flag:算法刷够30道题koa+小程序+vant+mysql实现一个小系统（有好的思路可以启发一下我这个菜鸟）
2020-08-24 11:15:34
164
转载 小程序跳坑 --- navigator 和 API中wx.系列的跳转(如 wx.navigateTo、wx.reLaunch等)
完全转载：支持原创我的需求： 点击地址区域，跳转至地址页。遇到的问题： 点击之后不跳转。contact.wxml 中：<view style="margin-top:26rpx;height:100rpx;"> <text class="contact">地址:</text> <a c...
2020-04-20 09:12:23
481
原创 axure制作轮播图
1.第一次自己研究用动态面板实现轮播图新手作品，勿喷！我设置的元件结构如图1.轮播图（动态面板）需要设置两个状态：载入时，状态改变时；圆点需要设置的状态为：鼠标单击时；2.轮播图载入时：a.添加动作（设置面板状态）--》选择要设置状态的动态面板（轮播图）--》选择状态（next）--》勾选向后循环，循环间隔，首个状态然是1000毫秒后切换和进入退出动画可自定义（我选择的...
2020-01-22 15:53:11
394
原创 关于处理blob 文件下载兼容的问题
此方案是度娘查询到的，忘了是哪个网址了if( window.navigator &&window.navigator.msSavaOrOpenBlob ) {navigator.msSavaBlob(new Blob([req.data],name）);}else {let url = window.URL.createObjectURL(new Blob([re...
2020-01-07 10:49:05
3297
原创 关于vue监听的一些问题
## 对象的监听vue通过object.defineProperty将对象的key转化成getter/setter的形式来追踪变化，但是这种追踪方式只能追踪到数据的修改，对象的属性的删除和增加，这种形式追踪不到。为此vue提供可$set 和$delete两种API来配合使用，解决监听不到属性新增删除问题。*需要特别注意，在使用$set时，需要传递的参数有三个 vm.$set(target,...
2019-12-19 16:55:12
161
原创 虚拟dom(深入浅出Vue.js书本摘借)
虚拟Dom的解决方式是通过状态生成一个虚拟节点树，然后使用虚拟节点树进行渲染。在渲染之前，会使用新生成的虚拟节点树和上一次生成的虚拟节点树进行对比，只渲染不同的部分。vue.js的变化侦测，实现了细粒度的绑定来更新视图，当状态发生变化是，在一定程度上知道哪些节点使用了这个状态，就更新哪些节点，根本不需要对比，1.0版本的做法就是这样的。但是这种方法，每一个绑定都会对应一个watcher来观...
2019-12-16 20:32:16
189
原创 关于vue监听的一些问题
在vue监听的实际应用中，会出现监听对象或者数组的某些操作监听不到的情况，经过《深入浅出VUE》讲解，将现象出现的原因及讲解方法做出说明。
2019-12-13 14:14:38
192
1
原创 回调陷阱的概念及解决方法
好久没有写文，项目比较忙。今天突然想到一个概念，也是项目中使用到的技术方案。首先了解“回调陷阱”，我理解的回调陷阱是指，需要进行多层异步回调，造成维护的难度提升，且项目可读性降低。现在es6有成熟的技术进行这一方面的处理：promise,Generator,async/awit.关于这三种方式的使用，网上有很多资料，在此不作详述。只说明自己的使用感受，最常用的是promise,as...
2019-12-11 14:26:50
1268
原创 关于webpack 打包后的调试问题(持续更新)
1.通常状态下，经过webpack打包后的文件是经过编译的，如果出现问题，如何定位调试是一个问题。此时我们想要达到的目的是：能在打包后的文件中找到我原来自行命名的软件，进行断点调试。如下做法：在webpack配置文件中找到：config--》index.js在此文件中开启sourceMapindex.js 中找到build：{productionSourceMap:true}...
2019-07-03 10:29:14
1623
原创 echarts legend分页点击不起效（截至目前，我没有找到其他关于这个问题的解答，很想嘚瑟一下）
1.我采用echarts进行图表展示，因为lengend比较多，空间比较小，就采用legend分页展示；legend: { type: 'scroll', x: 'center', bottom: 22, data: that.visitCatalog.name, ...
2019-04-16 11:17:45
2385
2
转载 webpack配置代理
https://www.cnblogs.com/wancheng7/p/8987694.htmlwebpack之proxyTable设置跨域为什么要使用proxyTable很简单，两个字，跨域。 在平时项目的开发环境中，经常会遇到跨域的问题，尤其是使用vue-cli这种脚手架工具开发时，由于项目本身启动本地服务是需要占用一个端口的，所以必然会产生跨域的问题。当然跨域有多种解决方式，这...
2019-04-08 11:10:16
3291
原创 关于element-ui 中步骤条的深度使用(一)
项目采用技术：vue2.0+webpack+element-ui本次记录技术：el-steps需求：实现界面的三个步骤条的界面切换，且能实现页面自动跳转到第一条校验不通过的表单项（若此表单项在第几页，则跳转到第几页）。首先引入element-ui ,在项目的入口文件通常为（main.js），引入样式：import Element from 'element-ui'; // 引入e...
2019-02-28 16:26:47
23912
4
转载 关于echarts使用的一些说明
最近项目需要用到echarts图表展示数据，自己画原型图，自己挑选合适的图表展示信息，在此过程中研究了一下echarts用法。整体上比较好理解，但是好多内容，根本记不住，最终通过各种度娘，终于找到一个还算比较详细的说明博客，转载过来自己参考，也供大家参考。echarts各个配置项详细说明总结theme = { // 全图默认背景 // backgroundColor: 'rg...
2019-02-18 14:38:52
220
原创 动态组件使用的记录
动态组件的使用，就是采用保留组件component的is属性来动态加载组件<template> <div> <button @click = 'tabComponent' class = 'btn'>动态组件</button> <component v-bind:is="currComponent"></co..
2018-12-21 15:44:51
186
原创 自定义组件的v-model
我实现的是给自定义组件定义一个v-model。v-model原本是为具有value属性的标签设定的，但是我们自定义的子组件在使用v-model时，怎么实现.我这里实现的是给子组件绑定一个v-model。然后在子组件中实现这个v-model的全部流程。关于v-model的核心讲解，百度一下，度娘会给出很多博客的。v-model的语法糖包装： <input v-model="so...
2018-12-19 16:01:06
1576
转载 IDEA中Git的使用（转载博客园“关键步就几步”的博客）
原文链接：https://www.cnblogs.com/javabg/p/8567790.html IDEA中Git的使用工作中多人使用版本控制软件协作开发，常见的应用场景归纳如下：假设小组中有两个人，组长小张，组员小袁场景一：小张创建项目并提交到远程Git仓库场景二：小袁从远程Git仓库上获取项目源码场景三：小袁修改了部分源码，提交到远程仓库场景四：小张从远程仓...
2018-12-14 15:55:40
134
原创 根据博客自己搭建的vue项目，记录不使用webpack的代码到使用webpack的心理历程
链接：vue-cli+vuex+scss+element-ui+axios+webpack搭建超简洁完整项目+IIS部署（入门全家桶）上面链接讲的部署方式及代码非常的清晰，不在赘述。我根据上面讲解搭建的git项目地址：https://github.com/gmm2339/vuetest.git下面只说明我只记得体会，仅做个人记录或者入门人员参考。1.首先确定整个项目的入口文件，可以...
2018-12-13 15:48:06
579
原创 npm install时候，报错 cb() never called!
问题： E:\project\web>npm installnpm WARN tar zlib error: unexpected end of filenpm ERR! cb() never called!npm ERR! This is an error with npm itself. Please report this error at:npm ERR! ...
2018-12-10 11:19:43
4385
原创 php基础语法
1.获取js基本类型的方法：typeof(); 获取JS中对象的具体类型：Object.prototype.toString.call(new Date());红色为要判断的对象； php中通过内置函数gettype（）判断变量的类型2.php 获取数组长度的方法：count(数组名字)，没有.length；3.js 对象.forEach(回调函数（）) 给对象的每个值执...
2018-11-12 14:06:25
134
原创 如何创建一个自己的插件（自动输入）
要实现模拟的手写输入，文字一个一个出现在界面上：1.jq代码 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>自动填写文字</title> <script src="htt
2018-11-05 16:08:35
704
原创 CSS3混合模式的一次实践
相关介绍链接：CSS3中的mix-blend-mode和background-blend-modecss mix-blend-mode 混合模式<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<
2018-10-26 09:56:13
109
原创 递归解决求最大公约数问题
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script&
2018-10-24 20:33:09
479
原创 瀑布流
实现思路：关键点：利用浮动元素变为行内块元素，能自动换行的特点。自动获取每一个子项 的div的高度。 本例中图片编号001-019 所以在代码中进行了随机处理；注意点：如果不是在事件中定义，需要在window.onload中定义，如果不定义，应为获取高度时，图片还没有加载完成，所以获取的数值会报错；1.设置子项的宽度的和不超过父元素；2.设置图...
2018-10-11 19:54:21
210
原创 模拟滚动条
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>模拟导航条</title> <style> #box{ position: relative; width: 3
2018-09-27 20:07:34
98
原创 仿照淘宝的商品放大镜效果
1.鼠标经过small，显示遮盖层和大图；离开时隐藏；2.鼠标在盒子中移动时，遮盖层和鼠标一起移动；3.遮盖层移动时，大图移动；须注意点：1.处理小图时：鼠标在遮盖层的中间，所以遮盖层的左上角的坐标应该在鼠标在盒子中的位置，减去一半的遮盖层宽度、高度；代码为： 鼠标在盒子中的位置 var left = e.clientX+...
2018-09-26 19:01:10
242
原创 vue-cli 安装
安装vue-cli 的方法1.安装nodejs2.确认nodejs版本在4.4.5以上；3.输入命令 npm install -g vue-cli 检查安装：输入命令vue4. 进入放项目的路径5.输入命令 vue list 查看可使用打包工具6.创建webpack打包工具项目 sell7.输入命令 vue init webpack sell8.输入项目名称 sell9....
2018-09-19 00:13:23
122
原创 仿照网站的在输入内容时会有智能记忆及推荐选项显示
纠结了我一天的效果终于实现了。仿照网站的在输入内容时会有智能记忆及推荐选项显示。修复了好多没有考虑到的bug。代码如下： <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>下拉框提示</title&
2018-09-15 17:20:29
387
原创 角色处理界面操作
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>水果选择</title> <style> select { width: 300px; height: 300px;
2018-09-14 20:46:54
531
原创 关于实现点击一行，下一行变色问题
今天在做如题目说的效果（如下代码）时，发现在时间注册函数中判断循环值出现问题。所有的节点的点击事件后都是第一行高亮。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>
2018-09-13 19:20:07
333
原创 纯JS 判断字符串中是否出现了数字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>判断字符串中是否出现了数字</title> <script> var str = "！
2018-09-06 22:28:21
6598
原创 纯js实现数组去重
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组去重</title> <script> 思路： 1.遍历数组中的元素； 2.将数组中
2018-09-06 19:56:24
169
原创 此部分实现效果
<div class="hot w"> <div class="hot_l"> <h3>热门公开课</h3> <ul> <li> <img src=&
2018-08-20 21:46:08
126
原创 旋转轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>旋转轮播图</title> <style> body{ perspective
2018-08-12 16:43:38
431
原创 子元素宽度100%的继承情况
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>子元素宽度100%的继承情况</title> <style> /*父元素是默认的情况下*/
2018-08-07 22:40:10
1468
原创 字体图标
字体图标(iconfont) 后缀名svg1.字体图标可以做透明、旋转等图片可以做的事情；2.本质是文字，可以很随意改变颜色、产生阴影、透明效果；3.本身体积小，携带的信息没有削减；4.几乎支持所有浏览器；5.移动设备必备；使用流程：1.ui设计字体图标效果图（svg）工具：2.前端人员上传生成兼容性字体文件包；3.前端人员下载兼容性...
2018-08-07 21:36:44
4624
转载 哪些CSS属性会被子元素所继承
转载自：哪些CSS属性会被子元素所继承 文本color(颜色，a元素除外) direction(方向) font（字体） font-family（字体系列） font-size（字体大小） font-style（用于设置斜体） font-variant（用于设置小型大写字母） font-weight（用于设置粗体） letter-spacing（字母间距） line-h...
2018-08-03 15:08:53
2418
原创 画布设置（style设置宽度，高度 和直接写canvas的宽度，高度）的不同影响
今天在进行画布学习的时候，出现了下面的问题：代码写的是画的圆形。结果却是椭圆形。经过讨教和资料查询，发现为题出现在上面的画布定义上面。修改代码后，问题消失。在进行跨步宽度和高度定义的时候，需要搞清楚两个概念：1.画布的宽和高（ps新建画布的宽和高）；2.画布所在画板的宽和高（例如ps打开后的窗口）；默认的画板、画布的宽和高是都是300*150的。但在画布上设置style属性的话，相当于把画板的宽和...
2018-07-10 17:15:37
4141
1
原创 setTimeout 居然支持三个参数！！！
最经再看ES6 promise的时候，发现书本的例子中setTimeout 居然有三个参数，瞬间全蒙。难道阮一峰大侠也犯错了？进过资料查询，是自己孤陋寡闻了。setTimeout 居然支持三个参数，或者三个以上的参数。setTimeout的第三个以后的参数是作为第一个function 的参数传进去的。...
2018-07-02 10:41:27
1125
原创 ES6关于箭头函数的说明
ES6中允许使用箭头定义函数箭头函数的格式为： 函数名 = 参数值 =>值或者表达式如果为多个参数：函数名 = （参数值1,参数值2） =>return的值或者表达式如果为多个语句，多个参数：函数名 = （参数值1,参数值2） =>{表达式1;表达式2；}如果被返回的事一个对象：函数名 = （参数值1,参数值2） =>（{id:id,name:"name"}）即：var f...
2018-06-28 16:01:46
333
echarts legend分页点击不起效
2019-04-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人