前端
关注
分享
扫一扫
文章平均质量分 53
xuxinwen32
每天进步一点点。
展开
-
windows环境和linux环境，多加了正斜杠导致结果不同
windows环境和linux环境，多加了正斜杠导致结果不同原创 2022-08-16 17:55:09 · 479 阅读 · 1 评论 -
Echarts 折线图一个点显示多个实时数据tooltip
在项目开发当中遇到一个需求，需要在一个折线图当中显示多个实时数据，刚开始觉得有点困难，毕竟echarts虽然用了很久了，但是里面的api参数很多，常用的就是饼状图、柱状图、以及折线图，对于这种需求立马就是在网上看相应的文章，但是网上关于这方面的文章也很少，后来通过在网上搜索了一篇文章获得了启发，然后查看echarts官方文档，发现果然可以实现，只不过在series中的data值里面我们一般默认是一...原创 2020-04-21 14:52:27 · 9088 阅读 · 3 评论 -
js解决url中文乱码问题
在日常开发当中，我们可能遇到要将某个页面的参数通过url链接拼接的方式传递到另一个页面当中，在另一个页面当中进行使用，如果传输过去的是中文，那么可能会遇到中文乱码问题，那么该如何来解决呢？ <!--test01.html--><!DOCTYPE html><html lang="en"><head>...原创 2019-02-19 17:02:10 · 29887 阅读 · 0 评论 -
微信小程序-模块化与过滤器
微信小程序的开发也支持类似模块化的操作，为我们进行代码开发工作提供了很多方便，下面简单列举一个小案例以供大家参考： 具体代码如下：<!--index.wxml--> <wxs module="filters" src="index.wxs"></wxs> <swiperindicator-dots="...原创 2019-02-18 18:23:55 · 317 阅读 · 0 评论 -
微信小程序-底部导航tabbar
在进行微信小程序开发的时候我们会经常遇到底部tab栏的操作，微信小程序官方也为我们提供了简单便捷的配置方法，举例出来供大家参考：在全局的app.json页面中增加tabbar键值对： 代码如下：{"pages":["pages/index/index","pages/cart/cart","pages/user/user"],"window":{...原创 2019-02-18 17:54:09 · 515 阅读 · 0 评论 -
微信小程序-跳转url页面
在进行微信小程序开发的时候我们会经常遇到跳转url页面的操作，那么微信官方也为我们提供了相应的方法，现在将常用的两种方法举例出来，供大家参考： 方法一 wx.navigateTo跳转链接：<!-- index.wxml页面--><!-- 第一种方法跳转链接 bindtap 相当于jQuery中的click事件 --><button type="...原创 2019-02-18 17:21:46 · 4905 阅读 · 0 评论 -
微信小程序-WXSS尺寸单位
尺寸单位：rpx(responsive pixel) ：可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhone6上，屏幕宽度为375rpx，共有750个物理像素，则 750rpx = 375px = 750 物理像素，1rpx = 0.5px = 1 物理像素 建议：开发小程序时设计师可以用iPhone6作为视觉稿的标准。注意：在较小的屏幕上不可避免的会有一些...原创 2019-02-18 17:11:25 · 2056 阅读 · 0 评论 -
你能写一个 Vue 的双向数据绑定吗？
在目前的前端面试中，vue的双向数据绑定已经成为了一个非常容易考到的点，即使不能当场写出来，至少也要能说出原理。本篇文章中我将会仿照vue写一个双向数据绑定的实例，名字就叫myVue吧。结合注释，希望能让大家有所收获。1、原理Vue的双向数据绑定的原理相信大家也都十分了解了，主要是通过 Object对象的defineProperty属性，重写data的set和get函数来实现的,这里对原理...转载 2019-01-30 17:23:14 · 220 阅读 · 0 评论 -
父组件和子组件的交互以及实现todolist的删除功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>todolist组件拆分2</title> <script src="../2.5.20-vue.js"原创 2019-01-28 11:12:00 · 238 阅读 · 0 评论 -
浅谈ES6中super关键字
作用： 1 super 关键字用于访问父对象上的函数。 语法： 1 2 super([arguments]); // 访问父对象上的构造函数 super.functionOnParent([arguments]); // 访问对象上的方法 详解：super可以用在类的继承中，或者对象字面量中...转载 2019-02-20 11:14:32 · 7155 阅读 · 0 评论 -
windows中安装 create-react-app 脚手架工具报错的解决方法
最近在学习react，遇到一个安装配置的坑，node环境如下： 在开发过程中使用cnpm 命令React构建工具到全局，并且构建一个demo1的开发环境cnpm install create-react-app -gcreate-react-app demo1 //执行报错 我安装的react版本是create-react-app@2.1....原创 2019-02-20 15:33:46 · 1200 阅读 · 0 评论 -
Jquery中this赋值调用
this指向问题是我们开发当中经常容易忽视的一个点，特别是在闭包函数中，this指向尤为重要；在发项目当中，就是由于忽视了this的只想问题而导致方法调用不成功；参考示例如下：...原创 2019-03-11 19:41:20 · 842 阅读 · 0 评论 -
JS小数运算出现多位小数的解决方法
今天在做项目开发的时候遇到一个很奇怪的问题，项目开发中中奖概率要保留6位小数点，进行相加运算的时候莫名的会多出来很多小数位，后来在网上找相应的答案，发现是 一是JavaScript浮点数计算的Bug，另一个是和计算机最终转换成二进制计算有关系；本人把解决办法先说一下，由于保留6位小数，所以我都是当前数num*1000000，然后总数total/1000000，然后得到了精确的值...原创 2019-03-22 11:48:31 · 3482 阅读 · 0 评论 -
js中push方法调用
今天做项目开发的时候用对象里面的一个数组进行push数据的时候报错，提示push未定义，我是在对象里面定义的数组，不知道是不是这个问题，反正是报错了，后来是才用了数组直接定义的方式；...原创 2019-04-19 17:15:01 · 1999 阅读 · 0 评论 -
vue填坑系列之动态设置el-menu导航当前选中项
Element UI 是一套 Vue.js 后台组件库，它能够帮助你更轻松更快速地开发后台项目。官方文档给出了设置默认选中的属性。Menu Attribute参数 说明 类型 可选值 默认值 mode 模式 string horizontal,vertical vertical theme 主题色 string ...转载 2019-05-05 11:28:12 · 14818 阅读 · 2 评论 -
vue填坑系列之属性值获取动态参数
在实际项目开发当中遇到需要根据设备编号和电路板编号进行判断是否解绑按钮的操作；设备编号和电路板编号同时存在那么解绑按钮可以点击，否则处于禁用状态；我这边写了两种获取状态值的方法，第一种直接在html标签中使用三元运算符，第二种写成一个方法，页面加载的时候直接调用；<!--每行中如果设备编号和电路板编号都存在那么解绑按钮是激活状态，否则就是禁用状态--><...原创 2019-05-05 12:25:02 · 4358 阅读 · 0 评论 -
vue填坑系列之将返回来的对象其中一项追加到末尾
具体需求如下表所示，后台返回一个键值对的对象，其他是后台已经存入的数据，不方便改，但是前台在做渲染的时候要把其他放到键值对的末尾再进行渲染，所以就需要对后台返回过来的数据做处理，具体操作如下：具体代码如下：this.form.spaceTypeData = response.data;// console.log(this.form.spaceTypeD...原创 2019-05-05 12:27:48 · 1082 阅读 · 0 评论 -
两个for循环嵌套或者同级使用的时候一定要注意变量的使用问题
在进行项目开发的过程中我们经常会使用到for循环语句，但是for循环语句进行嵌套或者循环使用的时候，我们一般都是直接copy的，这很容出现问题，因为for循环在一个方法体里面，进行调用，var定义的初始变量如果定义的都是同一个变量i，那么就会出错，所以在使用的时候一定要记住将for循环中的变量命名分别定义;...原创 2019-04-25 16:51:52 · 6299 阅读 · 0 评论 -
js中基础类型和引用类型传值问题
基本类型的数据是存放在栈内存中的，而引用类型的数据是存放在堆内存中的。基本类型的复制就是在栈内存中开辟出了一个新的存储区域用来存储新的变量，这个变量有它自己的值，所以如果其中一个的值改变，则不会影响到另一个。var a = 1;var b = a;b = 4console.log(a,b);定义了一个对象其实是在栈内存中存储了一个指针，这个指针指向堆内存中该对象的存储地址。两...原创 2019-09-02 17:53:52 · 414 阅读 · 0 评论 -
组件与实例的关系
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>todolist组件拆分2</title> <script src="../2.5.20-vue.js"原创 2019-01-28 11:05:50 · 715 阅读 · 0 评论 -
todolist组件拆分
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>todolist组件拆分</title> <script src="../2.5.20-vue.js"&原创 2019-01-28 11:05:06 · 212 阅读 · 0 评论 -
es6箭头函数的简单写法理解
随着前端技术的不断发展，需要掌握的知识点不断地增加，最近在阅读一份代码的时候令我有点懵，在网上找了很多资料想要知道它的一份比较详细的解释但是都没有找到，所以我就看了es6最新的箭头函数语法以及自己做了相关测试，内容仅供参考，希望能帮到大家：export const register = parmas => { return axios.post(`${host}/users/`, pa...原创 2018-12-26 14:23:57 · 747 阅读 · 0 评论 -
js函数方法常见的写法
在日常开发当中我们不止需要自己写代码同时也要看懂别人的代码，每个人代码的写法不尽相同，所以有些时候在看别人代码的时候会遇到不明白的地方，本文列举了常用的js函数方法的一些写法，方便大家参考：1.常规写法（最常见的写法，直接定义方法）function fun1(){ console.log("fun1"); //函数内容}fun1(); //函数方法的调用2.匿名函数...原创 2018-12-26 14:04:50 · 2553 阅读 · 0 评论 -
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效；
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效；原创 2017-12-27 16:30:47 · 1744 阅读 · 0 评论 -
对服务器的请求已遭到某个扩展程序的阻止net::ERR_BLOCKED_BY_CLIENT
对服务器的请求已遭到某个扩展程序的阻止net::ERR_BLOCKED_BY_CLIENT原创 2017-12-15 16:51:12 · 23800 阅读 · 1 评论 -
jQuery中动态生成数据使用on绑定无效的问题；
jQuery中动态生成数据使用on绑定无效的问题；原创 2017-12-06 17:16:46 · 523 阅读 · 0 评论 -
jQuery中data和attr实例
jQuery中data和attr的实例，案例简单易懂；本人在工作当中实际遇到过类似的问题，查阅不少资料和实例测试，分享出来给大家！原创 2017-12-05 21:40:08 · 374 阅读 · 0 评论 -
移动端touchstart、touchend触摸事件的简单使用
移动端touchstart、touchend触摸事件的简单使用原创 2017-12-11 16:04:46 · 3759 阅读 · 0 评论 -
jQuery中prop的使用
jQuery中prop复选框的使用原创 2017-11-29 20:57:23 · 2047 阅读 · 0 评论 -
js利用变量对象设置标志位的方法参考
在日常开发当中，我们经常会遇到当进行一次操作以后，想要改变它的状态值，然后进行第二次操作的时候会是另外一种状态值，根据状态值的不同然后判断进行相应的操作，那么标志位就显得尤为重要了，它可以帮助我们解决日常开发当中的一些比较复杂的操作，废话不多说，举个简单的小案例供大家参考：<!DOCTYPE html><html lang="en"><head> ...原创 2018-12-26 16:21:02 · 1840 阅读 · 0 评论 -
vue子路由跳转问题
问题大概是这样的，我这边简单的做了一个demoimport Vue from 'vue'import ElementUI from 'element-ui'// import '../stastic/element-ui2.4.9-index.css'import 'element-ui/lib/theme-chalk/index.css'import VueRouter from ...原创 2018-12-27 15:29:06 · 6106 阅读 · 0 评论 -
todolist功能开发
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-if,v-show,v-for指令的使用</title> <script src="../2.5.20-vue原创 2019-01-28 11:04:22 · 342 阅读 · 0 评论 -
Vue中的计算属性与侦听器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算属性与侦听器</title> <script src="../2.5.20-vue.js"&原创 2019-01-28 11:02:40 · 158 阅读 · 0 评论 -
Vue中的属性绑定和双向数据绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>属性绑定和双向数据绑定</title> <script src="../2.5.20-vue.js"&a原创 2019-01-28 10:57:22 · 312 阅读 · 0 评论 -
Vue实例中的数据、事件和方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../2.5.20-vue.js">原创 2019-01-28 10:52:34 · 197 阅读 · 0 评论 -
关于vue生命周期的简述
学习vue有一段时间了，简单谈一下关于vue生命周期，因为这个还是很重要的，理解了vue的生命周期对于以后我们做复杂的大型项目的是很有帮助的，写在前面，本人也是搬运工一枚，在网上搜集的资料然后自己动手操作，如有理解错误的地方恳请告知修改。 首先展示一张关于vue生命周期的图示 Vue2.0的生命周期钩子一共有10个，同样结合官方文档作出了下表生命周期钩子 详细...转载 2019-01-28 10:35:45 · 4801 阅读 · 1 评论 -
echarts饼图如何修改百分比位数
今天在开发当中遇到一个需求问题，我们使用ECharts的时候，展示饼状图默认2位小数，需要展示4位小数，在网上也没有找到比较好的案例，后来去了ECharts官网读取里面的api文档，现在把自己的代码展示出来，供大家参考，希望能帮到大家： 页面展示效果已经达到了，代码参照如下：var theSer = { type: 'liquidFill', // 水波图 data:...原创 2019-01-11 16:27:53 · 17088 阅读 · 1 评论 -
vue点击click事件解析
vue算是前端技术比较火的一门技术了，所以在日常开发当中掌握它还是比较重要的，最近要用vue做一个移动端项目，趁着空闲的时间来简单的写一下demo，希望能够帮到大家：废话不多说，先上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti原创 2018-12-28 18:11:26 · 99299 阅读 · 4 评论 -
上传本地代码到github，并且忽略node_modules文件夹
github是一个公共的代码仓库，在我们日常开发当中有些时候想分享一下自己的心得，提供给别人帮助，那么github就是一个不错的选择，下面简单介绍一下github上面创建项目，以及本地项目上传到github上面的简单操作：1.创建create repository 2.获取相应的github仓库地址 3.本地项目上传到github上面git init初始化...原创 2018-12-27 16:44:01 · 1773 阅读 · 0 评论 -
jQuery序列化表单元素
jQuery中如何序列化表单元素：1、serialize()方法描述：序列化表单内容为字符串。格式 var form = $('#addAccountForm'); var formData = form.serialize();2.serializeArray()方法描述：serializeArray() 方法通过序列化表单值来创建对原创 2017-10-23 14:40:02 · 443 阅读 · 0 评论