计算机
关注
分享
扫一扫
文章平均质量分 58
爱上彗星的尾巴
爱生活，爱工作，爱coding
展开
-
elementui table 排序
elementui sortmethod踩坑原创 2022-06-27 14:30:11 · 482 阅读 · 1 评论 -
写这么骚的代码会不会被胖揍
写这么sao的代码，不怕被揍么？曾经，我接手了一份大佬的代码，里面充满了各种“骚操作”，还不加注释那种，短短几行的函数花了很久才弄懂。这世上，“只有魔法才能对抗魔法”，于是后来，翻阅各种“黑魔法”的秘籍，总结了一些比较实用的“骚操作”，让我们装X的同时，提升代码运行的效率（请配合健身房一起使用）。位运算JavaScript 中最臭名昭著的 Bug 就是 0.1 + 0.2 !== 0.3，因为精度的问题，导致所有的浮点运算都是不安全的，具体原因可详见《0.1 + 0.2不等于0.3？为什么Java原创 2021-03-17 14:43:18 · 145 阅读 · 0 评论 -
几个时刻警醒自己或他人的忠告
一、在校期间，一定要好好学习，打扎实基础现在的培训班和网课满大街都是，好像学习编程成了一件很简单的事。但是等到工作中就会发现。工作中遇到的问题，往往不是直接编程可以解决，往往是一个复杂的体系，这时候，把现实问题转化成IT方案的能力就会变得极其重要。而这种能力，一定是建立在对整体的信息体系结构的理解上的。所以，那些数学，数据结构，计算机原理，网络基础，数据库基础，软件工程，看起来好像和早期的工作没用，但是他就埋藏在你的思维的深处，随着工作经验的增加和处理的问题复杂度的增加，这些知识就慢慢的浮现出来，产生价值原创 2020-09-16 15:23:25 · 434 阅读 · 0 评论 -
最强的element ui自定义表单验证
直接上代码<el-dialog title="新增学生" :visible.sync="addStudent" width="400px"> <el-form :model="addDate" :rules="addRules" ref="addForm"> <el-form-item label="账号" :label-width="formLabelWidth" prop="codeName">.原创 2020-08-03 13:43:45 · 319 阅读 · 0 评论 -
VUE的echart图表实现自适应窗口大小变化
需求：在PC端开发含图表展示的页面时，需要考虑用户调整浏览器窗口大小后图表能够根据窗口大小自适应变化。废话不多说直接来代码吧html<template> <div class="dashboard-container"> <!-- <div class="dashboard-text">name:{{name}}</div&...原创 2019-10-17 14:32:14 · 891 阅读 · 0 评论 -
VScode使用教程大全，看完你一定会谢谢我的
作为前端开发的我，之前的开发过程中一直用的是Atom这一款IDE，再配上了好看的主题插件很nice，Atom的界面是真心好看，但是插件装多了你们真的不觉得卡吗，VS Code比Atom更加的流畅，比webstorm更轻量级。一次偶然换的工作后，项目组要求统一IDE，让我了解到了VS Code，这边简单介绍下VS Code日常开发的需求。VS Code精选主题主题插件安...原创 2019-06-21 13:44:56 · 140493 阅读 · 5 评论 -
微信小程序API——获取定位
在微信小程序中，我们可以很方便的通过API接口来获取我们当前的位置，接下来我讲告诉大家微信获取定位的API—wx.getLocation的用法，以及我们通过获取定位，得到当地的位置，天气等信息。<view class='content'> <view class='today'> <view class='info'> <vie...转载 2019-01-19 15:20:02 · 726 阅读 · 0 评论 -
微信小程序实现圆心进度条
一、创建项目结构打开微信开发者工具创建一个项目， 新建 与 pages 同级目录 components，在 components 中新建一个目录 circle ，circle 中新建 Component 命名为 circle，此时将自动生成 json、wxml、wxss、js 4 个文件。结构如下：二、编写组件首先需要在 json 文件中进行自定义组件声明（将 component ...原创 2018-11-09 17:03:33 · 1956 阅读 · 2 评论 -
js实现黑客帝国
原创 2018-08-13 11:45:03 · 627 阅读 · 1 评论 -
node-sass报错解决方法
关于 node 环境升级到 v8^ 以上，node-sass 报错的解决方法今天给同事电脑升级了一下系统，顺便升级了所有的软件，发现原来好好的项目报错了。报错大致信息如下： ERROR Failed to compile with 1 errors ...原创 2018-08-15 16:35:18 · 1863 阅读 · 0 评论 -
webuploader注意事项
1.webuploader和其他插件使用一样，有个webuploader.css，webuploader.js，另外再加上一个文件Uploader.swf。所以再使用过程中要把插件的css和js引用一下。Uploader.swf用处在初始化中体现。注意：我是在vue+webpack的环境下开发项目的，webuploader.css我是在js文件，通过require去引入。但是webupload...原创 2018-08-08 10:01:43 · 590 阅读 · 0 评论 -
Vue 自定义属性
1 事件名跟组件和 prop 不同，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子，如果触发一个 camelCase 名字的事件：this.$emit('myEvent')1则监听这个名字的 kebab-case 版本是不会有任何效果的：<my-component v-on:my-event="doSomething"&...原创 2018-08-09 09:37:50 · 3601 阅读 · 0 评论 -
vue中键盘事件的处理
一、常见的键盘事件1、keydown键盘按下 2、keyup键盘抬起补充说明:如果要确定用户按下是哪个键盘需要使用keyCode===?来确认键盘二、在vue中键盘事件一般的使用 1、在模板中定义事件名称,并传递$event作为参数 <input type="text" placeholder="请输入书名" ref="inputBook" @keydown="s...原创 2018-07-23 13:29:25 · 2931 阅读 · 2 评论 -
vue自定义全局组件
有时候我们在做开发的时候，就想自己写一个插件然后就可以使用自己的插件，那种成就感很强。博主最近研究element-ui和axios的时候，发现他们是自定义组件，但是唯一有一点不同的是，在用element-ui的时候是使用Vue.use()语句来使用的，而axios的时候，不用Vue.use()，只要import就可以导入进来了，感觉很神奇，细细的发现，原来他们的不同是因为axios里面并没有...转载 2018-06-27 15:18:12 · 286 阅读 · 0 评论 -
es6 根据指定的属性将数组对象进行排序
原创 2019-01-16 15:07:15 · 6378 阅读 · 0 评论 -
reduce 数组去重
let arr = [2,1, 2, 3, 4, 4, 1,2]let newArr = arr.reduce((pre, cur) => {console.log(pre)if (!pre.includes(cur)) {return pre.concat(cur)} else {return pre}}, [])console.log(newArr);...原创 2019-04-11 14:42:41 · 738 阅读 · 0 评论 -
js实现飘飘飞舞的虫子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> html, body { width: 100%; ...原创 2019-11-15 11:27:42 · 149 阅读 · 0 评论 -
webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin
解决：在webpack.config.js中加入const VueLoaderPlugin = require('vue-loader/lib/plugin');module.exports = { entry: path.join(__dirname, './src/main.js'), output: { path: path.join(__dirname,...原创 2019-10-09 13:26:53 · 102 阅读 · 0 评论 -
小程序云开发解析获取手机号
小程序云开发解析获取手机号// 云函数入口文件const cloud = require('wx-server-sdk')const request = require('request')const jwt = require('jsonwebtoken')cloud.init()const db = cloud.database()const crypto = req...原创 2019-10-08 14:23:11 · 794 阅读 · 0 评论 -
小程序canvas画圆形图片
brandPosster () {var diff1=60,diff2=30let data = this.data.infolet ctx = wx.createCanvasContext('c', this)let arr = [`${this.data.OSS_URL}/poster-bg.png`, data.logo, `${this.data.qrcode}`]ct...原创 2019-09-16 17:03:24 · 866 阅读 · 0 评论 -
手把手教你实现小程序中的自定义组件
之前做小程序开发的时候，对于开发来说比较头疼的莫过于自定义组件了，当时官方对这方面的文档也只是寥寥几句，一笔带过而已，所以写起来真的是非常非常痛苦！！好在微信小程序的库从 1.6.3 开始，官方对于自定义组件这一块有了比较大的变动，首先比较明显的感觉就是文档比以前全多了，有木有！（小程序文档），现在小程序支持简洁的组件化编程，可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中复用，提高...原创 2019-09-12 16:40:02 · 184 阅读 · 0 评论 -
云开发解析获取手机号
直接cv大法就可以用注意传参// 云函数入口文件const cloud = require('wx-server-sdk')const request = require('request')const jwt = require('jsonwebtoken')cloud.init()const db = cloud.database()const crypto = r...原创 2019-09-12 10:21:28 · 706 阅读 · 0 评论 -
你要的vue面试题全在这
作者：Cynical丶Gary链接：https://zhuanlan.zhihu.com/p/75989738来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。1. Vue.js介绍Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API；Vue.js是一个构建数据驱动的Web界面的库。Vue.js是一套构建用户界面的 渐...原创 2019-08-06 17:09:45 · 149 阅读 · 0 评论 -
vue的组件生命周期
var MyComponent = Vue.extend({ template: '<div>我是 vue 的组件实例，有看到吗？</div>', init: function() { console.log('生命周期 init，在实例开始初始化时同步调用。此时数据观测、事件和 watcher 都尚未初始化。'); }, c...原创 2019-08-02 13:35:40 · 158 阅读 · 0 评论 -
最佳JavaScript截取省市区
var str = "湖北省武汉市江夏区文化大道110号"; // var str ="内蒙古自治区乌兰浩特市二区" // var str = "重庆市渝中区中兴路" // var str = "湖北省黄石市阳新县" // var str ="湖北省宜昌市长阳土家族自治县" // var str = "重庆市秀山土家族苗族自治县武陵南路武陵广场"...原创 2019-05-29 10:43:37 · 1402 阅读 · 0 评论 -
layui问题之模拟select点击事件
一、问题 不操作页面，实现模拟select的事件，即，自动出现下拉框，自动点击下拉框的值，select文本框的值随之改变12二、经过 刚开始查看layui官方文档，发现仅仅只是有select监听事件，即：12form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 ...原创 2018-06-01 14:09:57 · 1386 阅读 · 1 评论 -
layui之table checkbox初始化时选中对应选项
这个问题需要后台返回的数据格式跟layui中的示例中返回数据格式一模一样下面是数据格式参考，第一个LAY_CHECKED:true是让checkbox选中的最重要的参数LAY_CHECKED:truecity:"浙江杭州"email:"xianxin@layui.com"experience:"12"id:"10002"ip:"192.168.0.8"joinTime:"2016-10-14&原创 2018-06-01 14:05:40 · 12537 阅读 · 1 评论 -
Angular2与Angular4的对比分析
Angular 2 特性和性能1.改进后的依赖注入（DI）依赖注入（是一种程序设计模式，一个元素通过它自己的依赖项进行传递，而不是相反的单独处理），是 Angular 和其他的竞争项目上有着本质区别。依赖注入在模块化开发和元素隔离方面非常有用，然而在 Angular 1.x 中，它的实现一直有各种困扰， Angular 2 解决了这些问题，添加了一些缺失的特性，比如子注入器，以及生命周期/作用域控...转载 2018-04-24 17:04:37 · 876 阅读 · 0 评论 -
Vue学习—生命周期
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。注意生命周期钩子的 this 上下文指向调用它的 Vue 实例;不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.f...翻译 2018-04-13 15:22:23 · 119 阅读 · 0 评论 -
ajax跨域以及jsonp使用
使用jsonp跨域: jsonp原理：通过创建一个 script 标签，将 src 设置为目标请求，插入到 dom 中，服务器接受该请求并返回数据，数据通常被包裹在回调钩子中 jsonp不支持POST方式;//客户端$.ajax({ // url:'http://wenjunlin.xyz/api/v2/index', url:'http://bi...转载 2018-04-13 15:18:38 · 162 阅读 · 0 评论 -
vue学习—组件
如下代码，建立父子组件关系时报错： Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. 这个错误翻译为：模板语法错误组件模板应该正好包含一个根元素，如果你使用的是v-i...转载 2018-04-17 10:59:48 · 200 阅读 · 0 评论 -
前端常见跨域解决方案（全）
什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1231.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入：<link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链3.) 脚本请求： js发起的aja...原创 2018-04-03 15:05:43 · 104 阅读 · 0 评论 -
基于NodeJs写一个爬虫
目标：爬取北京大学软件与微电子学院的所有新闻，并将内容及图片存储到本地。设计思路：经过对北京大学软件与微电子学院的新闻网址http://www.ss.pku.edu.cn/index.php/newscenter/news/内容及网页格式的分析，我发现了这样一个规律：在每篇文章中，都会有下一篇文章url的链接。所以，我的做法是：给定一个初始（最新的）网页的url，如http://www.ss.pk...翻译 2018-04-03 13:50:05 · 260 阅读 · 0 评论 -
用vue.js和vue-router重构一个网站
拿了个以前的项目做练手，用了vue-cli，vue-router，vuex。主要还是想学习一下webpack和单文件组件的思想。不过代码写得其实挺匆忙，感觉还有很多地方还能改进，组件化思想还是不能很好的掌握。 github地址：https://github.com/fshwc/vuedemo-mpacc vue-lic和webpack很久以前我就看了webpack，但是因为还挺新的，大多资源都是英...转载 2018-04-03 13:37:48 · 438 阅读 · 0 评论 -
浅谈移动端的自适应问题——响应式、rem/em、利用Js动态实现移动端自适应
一. 在HTML的头部加入meta标签 在HTML的头部，也就是head标签中增加meta标签，告诉浏览器网页宽度等于设备屏幕宽度，且不进行缩放，代码如下：<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1...转载 2018-04-02 11:15:00 · 192 阅读 · 0 评论 -
HTML5和CSS3新特性一览
1.HTML5 新元素HTML5提供了新的元素来创建更好的页面结构：标签描述<article>定义页面独立的内容区域。<aside>定义页面的侧边栏内容。<bdi>允许您设置一段文本，使其脱离其父元素的文本方向设置。<command>定义命令按钮，比如单选按钮、复选框或按钮<details>用于描述文档或文档某个部分的细节<dial...转载 2018-03-30 10:12:09 · 167 阅读 · 0 评论 -
angularjs踩得坑
1. templateURL和路由之类的要在web server下运行。2. 使用模板replace设为true，模板里也要有相应的标签，否则不出现任何数据。3. 1.2版本之后，ngRoute模块独立。4.空的controller不定义会出错。5.Directive的link参数是有顺序的:scope,element,attrs,ctrl6.ng-repeat不能循环重复的对象。hack: ng...翻译 2018-03-30 10:10:38 · 178 阅读 · 0 评论 -
Angular2与Angular1的区别
整体上来说，Angular2变得更加简洁，最核心的概念只剩下一个，那就是组件Component，其它所有的一切都是围绕着Component展开的。从这一点来看，Angular2无疑是受到了React的强力影响，毕竟React的核心概念也只有一个，也是Component。所以，在使用ng2的时候，大家只要会写Component就行了，其它那些什么服务啊、路由啊、管道啊，都是些小工具而已。接下来罗列一...翻译 2018-03-30 10:06:48 · 426 阅读 · 0 评论 -
深入探讨JavaScript中的原型、原型链以及原型继承
原型在JavaScript中，任何函数都会有一个prototype属性，任意对象都有一个__proto__属性，都可以叫做原型。对于函数，它的prototype属性指向它的prototype对象，在这个对象上，通常有两个属性，一个叫constructor，一个叫__proto__。constructor指向的是该函数本身，是历史遗留产物，在下文讨论的原型继承中，这个属性也会使用到。而__proto...转载 2018-05-03 12:57:57 · 114 阅读 · 0 评论 -
简单理解Vue中的nextTick
一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-if="msg1">Message got outside $nextTick: {{msg1}}</div>转载 2018-05-17 13:44:34 · 367 阅读 · 0 评论