自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

奔跑的程序员

风骚是永远的追求

  • 博客(144)
  • 资源 (4)
  • 论坛 (9)

原创 你不知道的JavaScript——上卷——作用域

编译的原理步骤1、分词/词法分析    这个过程会把由字符组成的字符串分解成有意义的代码块(也叫词法单元),如var a=2;会被分解成var、a、=、2、;。空格如果没有意义,就不会被当作词法单元解析出来。2、解析/词法分析    将词法单元流(数组)转换成一个由元素逐级嵌套所组成的代表程序语法结构的树(抽象语法树,AST)。3、生成代码    这是一个将AST转换成可执...

2018-06-28 13:08:20 137

原创 CSS——隐藏滚动条

隐藏scroll-view滚动条/deep/ ::-webkit-scrollbar{ display: none!important; width: 0!important; height: 0!important; background-color: transparent!important;}

2020-10-23 16:10:15 2

原创 CSS——不确定长度的文本两端对齐

<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>domo</title> <style> div { wid.

2020-08-31 18:19:24 34

原创 vue-cli——爬坑

1、vue-cli 4 无法热更新 vue-cli 4 需要手动开启热更新,手动安装依赖 webpack-dev-servernpm install --save-dev webpack-dev-server 在package.json文件中添加脚本"dev": "vue-cli-service serve --open && webpack-dev-ser...

2020-04-26 18:10:08 396

原创 js——数组进阶方法

1、includes(),判断一个数组是否包含一个指定的值,第一位是查找的元素值,第二位是开始查找的索引[1, 2, 3].includes(3, -1);// true2、flat(),将一个多维数组拉平,可接受参数,参数表示拉平的维度,参数为Infinity 时,可拉平任意维度数组,该方法可以去除空属性[1, , 2, [3, [4, 5]]].flat(2); // [1,...

2020-04-21 14:15:15 84

原创 小程序——自定义组件

创建组件右键文件夹选择创建components ,输入组件名即可创建一个组件组件与普通的页面不同之处:组件的 json 文件中,需要把 component属性设置为 true ,在js文件中,普通的页面是一个Page() ,在组件文件中是一个Component() ,组件接收父组件的参数放在properties对象中,组件的方法放在methods中父组...

2020-03-15 23:26:42 78

原创 mongodb——数据库导入数据

在数据目录下,使用 mongoimport 命令把 areas.dat数据插入到student库中的areas集合中去mongoimport -d student -c areas areas.dat

2020-03-02 10:35:58 83

原创 redis——安装并部署为系统服务项

1、在官网(https://github.com/MicrosoftArchive/redis/releases)上下载压缩包,解压出来,2、在该目录中打开CMD,输入命令 redis-server redis.windows.conf或者redis-server 启动redis3、把 redis部署为系统服务项,使用命令redis-server --service-insta...

2020-01-12 23:52:23 90

原创 vue——插件

vue中的插件其实就是一个 js脚本,只需要在vue项目中的main.js文件中使用Vue.use()调用插件中的 install方法,使该脚本就可以在全局生效1、创建一个js文件,导出一个对象,该对象必须包含 install方法,该方法的第一个参数为Vue对象export default { install(Vue,options){ Vue.c...

2019-12-19 22:44:29 58

原创 nodejs——导入导出

// 使用 xx.js 模块里默认导出的成员import xx from 'xx'// 使用 xx.js 模块中按需导出的成员import {run} from 'xx'// 使用默认和按需导出import xx,{run} from 'xx'// 导出全部的成员import * as xxx from 'xx'// 如果导出的成员与文件中的成员命名冲突了,需要使用别名...

2019-12-03 23:31:08 313

原创 css——常见的伪元素

<!DOCTYPE html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" /> <style> /* 创...

2019-11-01 09:37:07 253

原创 vue-节流跟防抖函数

1、防抖函数,避免在一定的时间内重复执行在vue中,提供了lodash库中的_.debounce函数,传入的第一个函数为需要防抖的函数,第二个参数为防抖时间,返回一个已经去抖的函数<script src="https://cdn.jsdelivr.net/npm/lodash@4.13.1/lodash.min.js"></script>created: f...

2019-10-31 15:20:13 284

原创 vue——自定义事件

vue中自定义的事件,不同于组件和props属性,事件名没有任何的大小写转换,触发的事件必须完全匹配这个事件所用的名称,所以在使用this.$emit('clickA',data)时,clickA必须与定义的事件名一致当参数为对象时,父组件接收时以及子组件传参时,最好使用JSON.parse(JSON.stringtify(data))转换成字符串,与子组件中的data对象撇清关系,同时,如果...

2019-08-28 23:28:12 171

原创 vue——修饰符

1、input便签中 v-model 的修饰符 .lazy修饰符可以使v-model在输入完成之后再触发数据更新 .number修饰符可以确保 v-model绑定的数据是数字2、.sync修饰符其实是添加了update事件,如:prop.sync="value"其实就是,当子组件中提交了$emit("update:prop",v)后,父组件就可以直接刷新prop绑定的值v...

2019-08-07 22:29:30 74

原创 vue——项目上线操作

1、过滤掉console调试打印在build文件夹中的 webpack.prod.conf.js 文件中把 UglifyJsPlugin 类修改为new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, drop_debugger: true,...

2019-07-25 10:37:44 599

原创 后台——踩坑

1、当需要把字段放在 response header 中返回到前端使用时,需要在服务器上设置 Access-Control-Expose-Headers,并在里面返回信息header('Access-Control-Allow-Origin: *');header("Access-Control-Allow-Methods: POST, GET"); header('Custo...

2019-07-24 14:51:48 96

原创 vcode——自定义用户代码片段

转自:https://www.jianshu.com/p/78fef02dc7a4打开vscode,左下角设置-用户代码片段输入vue.json打开该页面,输入{ "Print to console": { "prefix": "vuebody", "body": [ "<template>", ...

2019-07-12 11:00:27 298

原创 element-ui——踩坑

1、在调用this.$refs[formName].validate()时,没有反应 排查:首先确保调用的方法已经执行了,其次打印 this.$refs[formName] 是否不为空,最后确保定义的 rules 无论如何都要返回callback函数2、在使用 dialog 对话框时,会在对话框上面弹出一层遮罩层解决方法:在el-dialog组件上添加属性 :modal-ap...

2019-07-10 17:46:06 667

转载 ES6——super关键字

super关键字有两种使用场景1、当用作方法时在ES6的构造函数中,ES6的语法规定,在继承于父类的子类的构造函数中,必须使用super(),因为在子类中是不存在上下文指向(this)的,需要使用super()继承父类的构造函数,在此,super()代指的是父类的构造函数,但是super()返回的是子类的上下文(this),加入B继承于A,那么super()就相当于 A.prototype...

2019-07-08 14:49:13 1010

转载 CSS——图标形状绘制

1、小箭头#curvedarrow { position: relative; width: 0; height: 0; border-top: 9px solid transparent; border-right: 9px solid red; transform: rotate(10deg);}#curvedarrow:after { content...

2019-06-11 09:03:49 287

原创 小程序——整理

API: 打开授权设置API:wx.openSetting()钩子函数: 侦听页面滚动到底部钩子:onReachBottom:function(){} 设置小程序转发内容及设置带参进入小程序:onShareAppMessage:function(){ return { title: '', desc: this.data.seller...

2019-06-10 10:34:11 122

原创 小程序——踩坑

在小程序中携带中文参数的跳转乱码 ( 涉及到扫小程序码的,有非英文字符最好转码 )问题:正常的路由跳转不会复现乱码,但是从其他场景进入小程序时(如从转发的小程序入口进入,会出现乱码情况)会给你惊喜解决:在使用参数前,单独对中文字符进行转码,比如我需要使用到options中的shopName,就对它转码if (options.shopName){ wx.setNavigationBa...

2019-05-13 10:33:04 75

原创 CSS3——重置样式表

使用sandal的重置样式表,方便以后使用html {     -ms-text-size-adjust: 100%;    -webkit-text-size-adjust: 100%;    -webkit-tap-highlight-color: transparent;    height: 100%;   }   body {     margin: 0;    f...

2019-04-07 14:24:35 4881

原创 小程序——添加动画

在wxml文件中绑定动态数据<image bindtap="bindViewTap" animation='{{animationData}}'></image>在js文件中添加数据Page({ data: { animationData: null }, //事件处理函数 bindViewTap: function() { ...

2019-04-05 23:15:49 781

原创 javascript——跨域请求的实现

本文所有代码都经过测试(vcCode+nodejs+chrome),请自行安装依赖,如有错误,请指点一二碍于浏览器的同源策略,前端需要获取后端的数据时,需要进行跨域处理,什么情况下需要跨域?假如你的URL为 http://baidu.com/dist/index.html ,http://baidu.com/list/index.html 访问成功 http://bai...

2019-03-26 16:58:26 76

原创 javascript——ajax使用以及状态码详解

ajax主要用于异步操作,与服务器或者其他网站进行交互,在不用刷新整个页面的情况下也可以更新数据// 当然,这与服务器请求没有做跨域处理,所以会报错<script> var xhr=new XMLHttpRequest(); // 创建XMLHttpRequest,以进行ajax交互 // 侦听ajax对象的状态码是否改变,并声明ajax回调函数 x...

2019-03-24 17:04:04 541

原创 vue——cli 2.0 配置后台模拟

在build文件夹中找到 webpack-dev-conf.js配置文件,在const portfinder = require("portfinder");之后插入代码,导入express模块以及superagent(客户端请求代理)模块const express = require("express");const superagent = require("superage...

2019-03-18 20:44:02 107

原创 vuex——vuex中的小坑

1、dispatch:含有异步操作,例如向后台提交数dispatch据(可以在beforeCreate钩子中做异步请求),写法: this.$store.dispatch('action方法名',值),dispatch函数返回的是一个promise,需要用异步的方式来完成后续的逻辑的时候,可以使用dispatch方法commit:同步操作,写法:this.$store.commit('muta...

2019-03-04 21:21:18 298

原创 移动端——常见的移动端mate

<meta name="screen-orientation" content="portrait"> //Android 禁止屏幕旋转<meta name="full-screen" content="yes"> //全屏显示<meta name="browsermode" content="app

2019-02-18 22:19:29 2173

原创 Vue——路由传参

1、通过添加查询字符串实现跳转//主页面//设置点击事件跳转到子页面methods: { newSelect(item){ // console.log(item) this.$router.push({ path:'/home/detail', query:item }) }},//子页面created() { /...

2019-01-05 22:42:25 154

原创 CSS——浏览器兼容问题

大神的总结大神总结1、使用flex布局,容器高度丢失,父容器使用 overflow: auto; 可找回高度#app .screen{ width: 100vw; height: 100vh; background-color: #fff; display: flex; flex-direction: column; //关键代码}.screen .conte...

2019-01-03 20:31:06 81

原创 UI库——muse-ui

使用vue开发移动端页面,使用到postcss中的postcss-px-to-viewport 插件时,不要使用 import 引入muse-ui的css文件(postcss-px-to-viewport 插件会改变css单位,导致样式丢失),可以在html页面使用CDN引入css样式,但是还是需要导入muse-ui库,并且使用Vue.use(museui)注册muse-uiimport ...

2019-01-03 14:24:13 2331

原创 git——常见小问题

1、问题:当本地分支与远程分支没有共同祖先时,会出现fatal: refusing to merge unrelated histories的问题方案:可以使用rebase的方式来进行合并。git pull --rebase origin master2、问题:当前分支主机没有上游分支。出现:fatal: The current branch master has no up...

2019-01-03 00:49:15 122

原创 CSS——常见的css布局

1、单列布局主要使用max-width属性样式实现,使用max-width是为了当屏幕小于2000px时不出现滚动条<div class="header"></div><div class="content"></div><div class="footer"></div&g

2019-01-01 16:53:30 123

原创 npm——npm全局环境

nrm                                     切换npm源(使用nrm current 查看当前下载源,nrm ls 查看下载源列表,nrm use taobao 切换到淘宝源) express                               express框架 express-generator              用来快速生成 expre...

2018-12-19 03:11:33 480

原创 vcode——自用插件

Chinese (Simplified) Language Pack for Visual Studio Code 更改默认vcode的语言 ,Ctrl+shift+P打开命令面板,输入config,选择 配置语言,更改 "locale":"zh-cn" Auto Import 自动查找,解析并提供所有可用导入的代码操作和代码完成。适用于Typ...

2018-12-18 20:07:26 1077

原创 打包chrome浏览器扩展程序

进入chrome浏览器的插件安装目录,默认为 C:\Users\19144\AppData\Local\Google\Chrome\User Data\Default\Extensions ,在目录下的是安装过的扩展程序,文件夹的名字就是扩展程序的ID ,比如需要打包广告净化器,进入文件夹C:\Users\19144\AppData\Local\Google\Chrome\User Da...

2018-12-18 09:44:11 1051

原创 CSS——有趣的样式属性(文本截断)

文本截断    test-overflow  当文本溢出,使用 test-overflow:ellipsis;可以实现文本截断,浏览器兼容性好,但是只支持单行文本截断div{ white-space: nowrap;/*设置文本不换行*/ overflow: hidden; /*设置容器超出隐藏*/ text-overflow: ellipsis;/*设置单行文本...

2018-12-02 14:32:37 420

原创 CSS——flex弹性布局

创建表单,加入常用的表单控件<form> <input type="email" name='email'> <button type="submit">提交</button></form>两个空间都是行内快元素,默认会排列在一行,浏览器在渲染的时候会带有默认的间隔,使用flex布局可以清除控件之间的间隔...

2018-12-02 12:29:22 154

原创 移动端——postcss注意事项

PostCSS类似于less、sass,目的在于让css变得像一门编程语言,支持变量注意,如果使用本地ui框架(非CDN连接),使用PostCSS会导致框架失效(px单位转换成vmin),使用PostCSS的黑名单属性或者使用CDN加载可以避免1、PostCSS会自动添加浏览器的前缀(.postcssrc.js  文件中的 autoprefixer 属性),但是默认添加谷歌浏览器的前缀,修...

2018-12-01 21:12:23 443

面试题精选 第五篇 MVC框架和NodeJS 答案

面试题精选 第五篇 MVC框架和NodeJS 答案 二十八道精选面试题以及答案

2018-07-11

用JavaScript实现二叉树排序

使用原生的JavaScript实现二叉树前序、中序以及后序排序

2018-07-11

《HTML5高级程序设计》.(Peter Lubbers等).[PDF]&ckook;

《HTML5高级程序设计》.(Peter Lubbers等).[PDF]&ckook;

2018-07-11

HTML5与CSS3权威指南 配套源码

HTML5与CSS3权威指南 配套源码 所属HTML5与CSS3权威指南正版书籍源码

2018-07-11

VS2017 怎样设置快捷键只是复制选中的单词,而不是一整行?

发表于 2017-11-09 最后回复 2020-07-17

请教一个有关this作用域的问题,跪求各位大佬指教

发表于 2018-08-05 最后回复 2018-08-07

js中有关作用域的一个小问题

发表于 2017-12-27 最后回复 2018-08-05

关于索引器

发表于 2017-11-14 最后回复 2017-12-27

C#自己写的程序,怎样令它在被用户修改后自动保存修改项?

发表于 2017-06-19 最后回复 2017-11-09

richtextbox显示问题

发表于 2017-06-21 最后回复 2017-11-09

treeview控件使用问题

发表于 2017-06-20 最后回复 2017-06-21

多线程问题

发表于 2017-06-13 最后回复 2017-06-18

【C#】小白自学C#,遇到一些问题,求各位大佬指点一下

发表于 2017-06-01 最后回复 2017-06-06

空空如也
提示
确定要删除当前文章?
取消 删除