- 博客(145)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 你不知道的JavaScript——上卷——作用域
编译的原理步骤1、分词/词法分析 这个过程会把由字符组成的字符串分解成有意义的代码块（也叫词法单元），如var a=2；会被分解成var、a、=、2、;。空格如果没有意义，就不会被当作词法单元解析出来。2、解析/词法分析 将词法单元流（数组）转换成一个由元素逐级嵌套所组成的代表程序语法结构的树（抽象语法树，AST）。3、生成代码 这是一个将AST转换成可执...
2018-06-28 13:08:20
300
原创 百度搜索技巧
intitle - 把搜索内容限制在文章的标题intitle: 和后面的关键词之间不要有空格。比如 intitle:新闻热点site - 搜索范围限定在特定站点中site: 后面紧跟着目标网站的域名 实现网站的精准搜索inurl - 搜索范围限定在 url 链接中inurl: 限定搜索的链接是否包含该关键词“” 精准搜索“” 使用双引号包起来，搜索引擎不会拆分关键词，可以达到精准搜索《》使用书名号精准搜索《》: 使用书名号括起来的关键词会出现在搜索内容上，并且不会被拆分- 不含
2020-12-10 09:26:00
453
原创 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
307
原创 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
663
原创 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
688
原创 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
369
原创 小程序——自定义组件
创建组件右键文件夹选择创建components ，输入组件名即可创建一个组件组件与普通的页面不同之处：组件的 json 文件中，需要把 component属性设置为 true ，在js文件中，普通的页面是一个Page() ，在组件文件中是一个Component() ，组件接收父组件的参数放在properties对象中，组件的方法放在methods中父组...
2020-03-15 23:26:42
222
原创 mongodb——数据库导入数据
在数据目录下，使用 mongoimport 命令把 areas.dat数据插入到student库中的areas集合中去mongoimport -d student -c areas areas.dat
2020-03-02 10:35:58
288
原创 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
289
原创 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
205
原创 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
888
原创 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
943
原创 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
567
原创 vue——自定义事件
vue中自定义的事件，不同于组件和props属性，事件名没有任何的大小写转换，触发的事件必须完全匹配这个事件所用的名称，所以在使用this.$emit('clickA',data)时，clickA必须与定义的事件名一致当参数为对象时，父组件接收时以及子组件传参时，最好使用JSON.parse(JSON.stringtify(data))转换成字符串，与子组件中的data对象撇清关系，同时，如果...
2019-08-28 23:28:12
376
原创 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
381
原创 vue——项目上线操作
1、过滤掉console调试打印在build文件夹中的 webpack.prod.conf.js 文件中把 UglifyJsPlugin 类修改为new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, drop_debugger: true,...
2019-07-25 10:37:44
1043
原创 后台——踩坑
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
336
原创 vcode——自定义用户代码片段
转自：https://www.jianshu.com/p/78fef02dc7a4打开vscode,左下角设置-用户代码片段输入vue.json打开该页面，输入{ "Print to console": { "prefix": "vuebody", "body": [ "<template>", ...
2019-07-12 11:00:27
536
原创 element-ui——踩坑
1、在调用this.$refs[formName].validate()时，没有反应 排查：首先确保调用的方法已经执行了，其次打印 this.$refs[formName] 是否不为空，最后确保定义的 rules 无论如何都要返回callback函数2、在使用 dialog 对话框时，会在对话框上面弹出一层遮罩层解决方法：在el-dialog组件上添加属性 :modal-ap...
2019-07-10 17:46:06
1395
转载 ES6——super关键字
super关键字有两种使用场景1、当用作方法时在ES6的构造函数中，ES6的语法规定，在继承于父类的子类的构造函数中，必须使用super()，因为在子类中是不存在上下文指向（this）的，需要使用super()继承父类的构造函数，在此，super()代指的是父类的构造函数，但是super()返回的是子类的上下文（this），加入B继承于A，那么super()就相当于 A.prototype...
2019-07-08 14:49:13
1467
转载 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
545
原创 小程序——整理
API： 打开授权设置API：wx.openSetting()钩子函数： 侦听页面滚动到底部钩子：onReachBottom:function(){} 设置小程序转发内容及设置带参进入小程序：onShareAppMessage:function(){ return { title: '', desc: this.data.seller...
2019-06-10 10:34:11
293
原创 小程序——踩坑
在小程序中携带中文参数的跳转乱码 ( 涉及到扫小程序码的，有非英文字符最好转码 )问题：正常的路由跳转不会复现乱码，但是从其他场景进入小程序时（如从转发的小程序入口进入，会出现乱码情况）会给你惊喜解决：在使用参数前，单独对中文字符进行转码，比如我需要使用到options中的shopName，就对它转码if (options.shopName){ wx.setNavigationBa...
2019-05-13 10:33:04
331
原创 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
6545
原创 小程序——添加动画
在wxml文件中绑定动态数据<image bindtap="bindViewTap" animation='{{animationData}}'></image>在js文件中添加数据Page({ data: { animationData: null }, //事件处理函数 bindViewTap: function() { ...
2019-04-05 23:15:49
1366
原创 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
936
原创 javascript——ajax使用以及状态码详解
ajax主要用于异步操作，与服务器或者其他网站进行交互，在不用刷新整个页面的情况下也可以更新数据// 当然，这与服务器请求没有做跨域处理，所以会报错<script> var xhr=new XMLHttpRequest(); // 创建XMLHttpRequest，以进行ajax交互 // 侦听ajax对象的状态码是否改变，并声明ajax回调函数 x...
2019-03-24 17:04:04
1346
原创 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
258
原创 vuex——vuex中的小坑
1、dispatch：含有异步操作，例如向后台提交数dispatch据（可以在beforeCreate钩子中做异步请求），写法： this.$store.dispatch('action方法名',值)，dispatch函数返回的是一个promise，需要用异步的方式来完成后续的逻辑的时候，可以使用dispatch方法commit：同步操作，写法：this.$store.commit('muta...
2019-03-04 21:21:18
530
原创 移动端——常见的移动端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
3035
原创 Vue——路由传参
1、通过添加查询字符串实现跳转//主页面//设置点击事件跳转到子页面methods: { newSelect(item){ // console.log(item) this.$router.push({ path:'/home/detail', query:item }) }},//子页面created() { /...
2019-01-05 22:42:25
299
原创 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
448
原创 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
3323
原创 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
317
原创 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
359
原创 npm——npm全局环境
nrm 切换npm源（使用nrm current 查看当前下载源，nrm ls 查看下载源列表，nrm use taobao 切换到淘宝源） express express框架 express-generator 用来快速生成expre...
2018-12-19 03:11:33
829
原创 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
2148
原创 打包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
2110
原创 CSS——有趣的样式属性（文本截断）
文本截断 test-overflow 当文本溢出，使用 test-overflow:ellipsis;可以实现文本截断，浏览器兼容性好，但是只支持单行文本截断div{ white-space: nowrap;/*设置文本不换行*/ overflow: hidden; /*设置容器超出隐藏*/ text-overflow: ellipsis;/*设置单行文本...
2018-12-02 14:32:37
1004
原创 CSS——flex弹性布局
创建表单，加入常用的表单控件<form> <input type="email" name='email'> <button type="submit">提交</button></form>两个空间都是行内快元素，默认会排列在一行，浏览器在渲染的时候会带有默认的间隔，使用flex布局可以清除控件之间的间隔...
2018-12-02 12:29:22
366
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人