- 博客(69)
- 收藏
- 关注
RSS订阅原创 虚拟机linux系统 (deepin) ens33网卡没有网、没有分配ip的解决办法
首先我在虚拟机上的系统是：deepin错误：昨天还好好的，一觉醒来，虚拟机没网了。ifconfig一看：网卡没有分配到ip解决办法经过一番折腾，找到了办法首先要题的是我在找解决办法的过程中，发现很多的博文写的解决方法都是，改什么配置文件，讲ens33改为eth0,这些方法我不知道写文章的人有没有试过，反正我按这个方法是根本行不通，因为找不到它们所说的配置文件在哪。...
2019-05-01 00:43:59
5882
2
原创 CSS3D之实现动态字
思路：用::befor伪元素生成用于3D翻转的字体实现起来挺简单的：新建5个div，每个div分别对应5个字体 用::befor生成用于翻转的字体，并用absolute，以及z-index控制生成字体的位置 当元素被:hover时，就进行3D翻转实现起来挺简单的，下面直接上源码： <div id="warp"> <div data-d...
2018-11-07 21:32:48
1014
原创 Visual Studio Code 创建自己的代码片
开始学canvas,每次都写会很麻烦，我要创建一个canvas画布的模板代码。1.文件 => 首选项 => 用户代码片段2.选择你需要新建的代码片段的语言,如果是CSS片段就选css.json,HTML片段就选html.json以此类推。我选的是新建一个3.进入代码片段编辑界面1. 所有的代码片段需要用""或''包裹2. \\t表示制表符3. 空的一行...
2018-10-11 16:41:39
3990
原创 JS面试题集锦及解析(个人向)
1 、var a=10;function test(){ a=100; console.log(a); console.log(this.a); var a; console.log(a);}test();//输出： 100 10 100这道题目是考察对变量声明提升的理解 和 this关键字的指向性问题。首先是变量提升，在JS中，使用...
2018-10-09 11:42:06
2846
2
转载 Vue中mintui的field实现blur和focus事件
<mt-field label="卡号" v-model="card.cardNo" @blur.native.capture="checkCard"></mt-field> 使用@blur.native.capture="",@focus.native.capture=""即可实现。 -------------------
2018-09-28 22:38:57
5326
转载 http GET 和 POST 请求的优缺点和误区 --前端优化
Get和Post在面试中一般都会问到，一般的区别：（1）post更安全（不会作为url的一部分，不会被缓存、保存在服务器日志、以及浏览器浏览记录中）（2）post发送的数据更大（get有url长度限制）（3）post能发送更多的数据类型（get只能发送ASCII字符）（4）post比get慢（5）post用于修改和写入数据，get一般用于搜索排序和筛选之类的操作（淘宝，支付宝的搜索查询都...
2018-09-27 14:59:54
205
原创 Jquery代码组织方法优化
关于jQuery的代码，以前都是直接取节点，绑事件一把梭，但是这样子会使代码很乱不方便维护。今天介绍一个新的代码组织形式实现看原代码 $(function () { //切换bananer $('.bar-item').click(function () { $(this).attr('class', "bar-item ...
2018-09-23 09:15:28
316
原创 JS文件上传以及进度条实现
JS文件上传，依靠<input type="file">这个标签可以完成文件上传的操作，这里就不细说，这里主要说一下进度条的实现。想要实现进度条我们需要了解一个对象 XMLHttpRequest ProgressEvent接口这个接口有3个属性,都是只读的。ProgressEvent.lengthComputable 表示当前的工作是否是可测量的，如果为fal...
2018-09-05 10:56:52
15680
4
原创 JS中style.width和offsetWidth的比较
style.width 获取的元素宽度只是div的宽度，不包括border、和padding所占的宽度，且其值是带单位px的。 只能获取在行内式CSS所添加的width offsetWidth offsetWidth 获取的元素宽度为width+border+padding的值（不包括margin），且返回值只为一个数值，不带单位。 可以获取所有的方式(...
2018-09-04 11:40:26
245
原创 vue项目打包为APP，静态资源正常显示，但API请求不到数据
Vue项目通过Hbuild打包为APP后，静态文件正常显示，但并没有像开发时那样请求到数据。这是为什么？因为APP并没有跨域，不存在跨域一说。我们在开发的时候，js在不同的域之间进行数据传输或通信,所以会给项目设置代理来跨域config下的index.js比如这个proxyTable: { '/api':{ target: 'http://XXX/xxx/v3', ...
2018-08-29 23:55:05
6664
5
原创 Vue+Mock.js搭建前端独立开发环境
安装Mock npm i mockjs -s 创建Mock文件 在main.js同级目录下创建一个Mock.js(可以任意起名)用来存放我们的数据欺骗代码Mock.jsconst Mock = require('mockjs')Mock.mock('/register', function (options) { console.log(options) return...
2018-08-29 23:53:45
736
原创 vue项目打包为APP，静态资源正常显示，但API请求不到数据
Vue项目通过Hbuild打包为APP后，静态文件正常显示，但并没有请求到数据的接口。这是为什么？在打包前在浏览器测试时是能正常显示数据的，而APP中静态文件、布局样式显示正常，所以我把问题定位到了接口通信上。APP并没有跨域，不存在跨域一说。我在开发的时候，给项目设置代理来跨域config下的index.js比如这个proxyTable: { '/api':{ ta...
2018-08-17 20:30:22
8981
7
原创 JS && 和 || 的一次应用
场景：后台返回同一个表的数据，但有时数据是data[{a:1}]数组形式，有时是{a:1}的对象形式这里我就写了个if-else if(dconstructor ===Object){ 业务代码}else{ 业务代码}但群里大佬指定，说绝不写无用代码，在大佬的指点写，我改用了逻辑运算符 // var tmp=data.constructor ===Obj...
2018-07-25 23:24:45
433
原创 网页Loding效果的实现
想要实现loading效果，实现得了解两个文档属性1、document.onreadystatechange //页面加载状态改变2、 document.readyState //该属性描述了文档的加载状态。这两个属性的具体信息在这里就不赘述了，文档里有详细的解说。下面直接上网页loading的实例1、gif图显示loding效果<!DOCTYPE html><htm...
2018-07-03 10:12:11
4019
转载 jquery常用方法总结
转载自：https://blog.csdn.net/yl2isoft/article/details/54427694取值与赋值操作$("#ID").val(); //取value值$("#ID").val("xxx"); //赋值$("#ID").text(); //相当于取innerText$("#ID").text(""); //相当于赋值给innerText$("
2018-06-23 13:28:51
703
原创 vue+axios新手实践实现登陆
其实像这类的文章网上已经有很多很好的,写这篇文章，相当于是做个笔记，以防以后忘记用到的：1、 vuex 2、axios 3、vue-route登陆流程为：1、提交登陆表单，拿到后台返回的数据2、将数据存入vuexvuex配置这里直接跳过安装之类的，百度一大堆，我直接上代码// store index.jsimport Vue from 'vue'import Vuex from 'vuex'...
2018-06-20 20:49:34
6488
3
原创 Vue 新手小项目 vue-translate-peoject 在线翻译功能
开始这是一适合新手练习的小项目，一个在线翻译的demo。在正式开始前，先啰嗦一下，是一位网友给我的建议，就是不要强行组件化的问题 开始做Vue时我们可能会喜欢拆很多组件出来 但记住组件是为了复用（常见如公共菜单按钮栏等） 如非能够复用的情况其实并不用真的拆出组件来 。当然，这个项目里因为是练手，所以强行组件化来涉及更多的vue用法。目录结构src下新建了两个文件：TranslateForm.vue...
2018-06-20 20:48:50
1449
原创 动手写一个jquery插件(实践)
自己实践写一个基于jquery的tab插件,面向对象的写法这里我就不写index.html,和index.css了，主要就是分析插件代码tab.js代码我上传到github上了，如果你们想看DOM结构及CSS样式的话，可以去把源码下来看看github地址：github地址目录结构：index.html,index.css以及tab.js基本结构搭建首先搭建一个jquery插件的框架tab.js;(...
2018-06-20 20:47:44
219
转载 js中的'=='的隐式转换
js中的不同的数据类型之间的比较转换规则如下：1. 对象和布尔值比较对象和布尔值进行比较时，对象先转换为字符串，然后再转换为数字，布尔值直接转换为数字[] == true; //false []转换为字符串'',然后转换为数字0,true转换为数字1，所以为false2. 对象和字符串比较对象和字符串进行比较时，对象转换为字符串，然后两者进行比较。[1,2,3] == '1,2,3' // ...
2018-06-19 15:13:54
257
转载 node.js+express配置vue项目服务器
vue项目打包后如果放在express的服务器里运行？app.jsvar express = require('express');var fs = require('fs');var path = require('path');var bodyParser = require('body-parser');var app = express();app.use(bodyParser....
2018-06-14 18:20:10
3483
原创 IE不支持ES6的问题(并非解决办法，纯吐槽)
先声明：我这个不是解决办法，只是一个小吐槽当初写项目的时候不知道，没了解过IE不支持ES6，而后在网上找了一些IE兼容ES6语法的方法一一试了一下，结果还是报错网上有人说无法完美兼容，这个时候就很伤心了，难道要把项目里的ES6全部换掉？不，不存在的.jpg 如果是在公司里，那当然是老老实实换了，不过换个角度来说，已经工作的人不会犯这种错误吧，或者他们会有完美的解决方法？？反正我...
2018-06-14 17:33:20
16042
7
原创 mongodb，mongoose通过时间对查询结果排序
在mongodb的_id字段里其实已经包含了时间信息，所以想要对查询结果进行时间数据插入时间来排序的很简单的，借助mongoose我们可以很简单的就实现Model.find(condition, fields, {sort: [['_id', -1]]}, callback);不过这个find()方法如果要添加第三个参数进行排序的话，那么第二个条件也不能省略，如过没有，就必须写成null，如Mo...
2018-06-09 15:24:43
13853
1
原创 element-ui Form用@submit方法提交失败
element-ui里Form组件用@submit方法提交失败错误代码：<el-form @submit="newsubmit"> <el-form-item size="large"> <el-button type="primary" native-type="submit" >立即创建</el-butto
2018-06-06 09:42:40
15054
原创 eslint --fix 'eslint' 不是内部或外部命令
eslint --fix 'eslint' 不是内部或外部命令报错场景：有一个以前写的文件之前没用eslint，现在放vue-cli创建的项目里面一片红，然后就想用eslint --fix，但在命令行里报错解决办法: 其实这个不算什么解决办法，曲线救国？，我用的是webstrom编辑器，用vue-cli创建的项目已经配置好了eslint,所以在编辑器里右键菜单，会看到下图，下面那个选项，其实就是执...
2018-06-01 11:37:56
13779
转载 vue-cli开发环境实现跨域请求
前端开发时，请求后台接口经常需要跨域，vue-cli实现跨域请求只需要打开config/index.js，修改如下内容即可。//例如要请求的接口url为http://172.3.2.1:8000/look/1module.exports = { dev:{ proxyTable:{ '/api':{ target:...
2018-05-26 18:20:49
513
1
原创 Vue 报错TypeError: this.$set is not a function 的解决方法
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataTyp...
2018-05-12 13:31:35
87094
2
原创 WebPagetest报错：Failed recaptcha validation. Please go back and try submitting your test again.解决
Failed recaptcha validation. Please go back and try submitting your test again.报错已经写的清楚了，让你重试，但我重试了好几遍，还是这个错，然后就试科学上网（翻墙），就OK了...
2018-05-07 17:59:44
9596
原创 Vue新手实践，Vue+bootstrap写一个简单的Tab导航组件
用到的语法：1、v-bind：class2、v-for:3、@click实现出来就是这个效果，非常简单，对于新手来说再合适不过了通过vue-cli创建的项目，bootstrap的包我是直接link在index.html里用:class绑定样式来控制active状态，相比于jquery的简单粗暴会有所不同话不多说直接上代码<template> <footer> &...
2018-04-27 09:06:19
4634
原创 Node.js实战项目(二)----路由优化
在（一）中依靠express 成功的把首页渲染出来了app.get('/', function (req, res,next) { res.render('index');});但是有一个问题，那就是当我们需要渲染的页面越来越多的时候，页面逻辑越来越复杂的时候，要是还这样写的话就会使入口文件显得很乱。所以我们现在需要做一件事情就是优化我们的路由。在项目文件夹下创建route文件夹，新建r...
2018-03-30 09:18:44
655
原创 Node.js实战项目(一)----首页渲染
我要用Node来做一个分享读后感的网站，这个Node实战系列就是一个记录。1、项目初始化把写好的前端代码拷进项目文件夹，然后初始化，以及安装各种包,这里我用的是yarn 和npm是一样的yarn inityarn add express这就是初始化好了的项目文件目录结构，入口文件是app.js2、优化目录结构项目初始化后，项目目录依旧很乱，这不符合我们的要求，所以我们要对项目的目录结构进行优化，...
2018-03-29 11:38:37
6237
转载 距离矢量路由算法
转载自： http://blog.csdn.net/u013007900/article/details/45565389 现代计算机网络通常使用动态路由算法，因为这类算法能够适应网络的拓扑和流量变化，其中最流行的两种动态路由算法是“距离矢量路由算法”和“链路状态路由算法”。 距离矢量路由算法（Distance Vector Routing，DV）是ARPANET网络上最早使用的路由算法，也...
2018-03-11 21:32:21
14025
2
转载 webstorm设置sass自动编译,及参数配置
网上有很很多webstorm配置sass的教程，不过我觉得这篇最好转载自：http://blog.csdn.net/wytbr666/article/details/77477182安装Ruby:https://rubyinstaller.org/downloads/ 安装成功后，用命令进行检查，成功会显示版本信息ruby -vgem -v12安装sass在命令行输入：gem install ...
2018-03-11 11:21:42
11084
原创 kali linux 没有网,ping不通百度，ping 不通8.8.8.8
昨天还用的好好的，一觉醒来没网了。（手动滑稽）首先 ifconfig 一下发现eth0没有分配ip地址这个时候先先用dhclient eth0获取IP地址，然后运行ifconfig eth0 就会看到eth0已经有ip了再ping百度也能ping通了
2018-02-06 09:22:44
18069
14
原创 kali linux 黑屏只有一个__符号 ,安装失败
kali linux 黑屏只有一个__符号 ,出现这种情况是安装失败解决办法是重新安装一次，然后在最后一个安装选项中选择第二个选项
2018-02-05 14:00:09
14250
3
原创 mongoose操作小例子
......话不多少照着文档就是撸//引包var mongoose = require("mongoose");//连接数据库mongoose.connect('mongodb://127.0.0.1:27017/user');//设置Scheamvar mySchema = new mongoose.Schema({ username: 'string'}, {vers
2018-01-14 17:47:49
194
原创 mongoose操作mongodb数据库发现文档中多了‘'__v‘'字段
用mongoose来插入数据，插入后发现数据库的数据中混进去个字段‘’__v‘’据说是用来记录版本的？？百度后，知道了解决方法。，不需要版本号这个字段我们设置一下就好在Scheam中加入{versionKey:false}成功解决问题var mySchema = new mongoose.Schema({ username: 'string'}, {ve
2018-01-14 17:29:10
11051
1
原创 node.js+mongoose通过mongodb的id来查询数据id类型不对问题的解决
mongodb在数据插入的时候自带一个唯一的ID，这将方便我们的查询，但是因为这个ID是特殊的Objectid 类型，所以我们在使用ID进行查询的时候要把我们取到的字符串类型的id转换成ObjectId类型下面是方法:var mongoose = require('mongoose');var id = mongoose.Types.ObjectId('576cd26698785e491
2018-01-10 19:35:53
6710
原创 报错TypeError: $(...).live is not a function解决方法
报错的原因是这个方法在jquery1.7以后就被废除了，1.7以后的版本改用.on()方法之前的用法：.live(events， function) 新方法：.on(eventType, selector, function)例子：之前：$('#myid').live('click', function{ alert
2018-01-09 19:25:18
18429
3
原创 JS，jquery 无法获取到动态插入的元素
今天用jquery动态插入两个li，但是在后面的代码中无法获取到创建的节点。解决方法：jquery1.7之后用on()方法，1.7之前用live(),可以为未来创建的元素绑定事件.$("body").on("click","#myid",function(){ alert(1)});
2018-01-09 19:20:36
7905
4
原创 ajax登录第一次没有post成功，第二次post成功了
当我第一次点击登录的时候，从控制台看到没有post请求，但后台却打印出了账号和密码，同一个页面不刷新，我第二次点登录的时候，控制台就有post请求了，而且账号验证的代码也能正常运行我这个情况比较奇葩，后来仔细检查代码，发现是我的前端登录页面,form 标签 的action属性还在，当我点击登录的时候数据会先走form标签的action路径，所以post提交失败...
2018-01-04 19:34:00
4045
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人