- 博客(30)
- 收藏
- 关注
RSS订阅原创 程序算法笔记
1. 定义：任何代码片段都可视为算法。2. 简单查找和二分查找的案例应用：A和B猜数字，即A在1~100中中选一个数字，然后让B进行猜测，根据B的猜测数A回答‘大了’，‘小了’，‘对了’，问在简单查找/二分查找下最多需要猜测多少次？ 2.1 简单查找：从1开始猜，1,2,3,4....100。如果A选中的是100，最多需要猜测100次才能猜中。 2.2 二分查找：从对半...
2020-01-25 21:00:18
1306
原创 数据劫持实现mvvm（简单模拟vue实现数据驱动视图/以及双向绑定）
1. 新建一个index.html文件：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v...
2020-01-25 20:59:30
632
原创 vue是一种渐进式框架
1. vue是一种渐进式框架：何为渐进式？简单理解就是，vue由内而外是有视图层渲染->组件机制->路由机制->状态管理->构建工作分层组成，开发者可以根据需要，按需引入使用vue的分层功能，由简单到深入高级的渐进式使用。如： 初级：既可以只用vue做一些像页面渲染、表单提交之类的基础操作。 中级：又可以进一步...
2020-01-25 20:59:12
1761
原创 css页面布局和重置样式
<!--index.html--><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-sc...
2020-01-25 20:58:32
484
原创 css盒模型
一、盒模型： 1. 盒模型的主要属性：包括宽（width），高（height），内边距（padding），外边距（margin），边框（border）。 2. 两种盒模型：标准盒模型和怪异盒模型。 2.1 标准盒模型：除了低版本的IE，其他浏览器都兼容的盒模型。在标签盒模型中，盒子的宽（width）和高（height）就是盒子内容的宽高。而盒子实际的...
2020-01-25 20:57:12
246
原创 js中的深克隆
1. 通过JSON.stringify和JSON.parse实现：不能完全解决深层次对象的嵌套的克隆。var newVal=JSON.parse(JSON.stringify(val)) 2.封装一个函数： 通过递归遍历，根据数组和对象不同做出不同的深克隆区分。function deepCopy(obj){ var newObj=isArray(obj)?[]:{} ...
2020-01-22 18:15:32
1448
1
原创 !!判断一个对象的属性是否存在
在vue实际项目中，时长需要根据一个属性值是否存在，去渲染组件/标签：var person={ name:"Ace", age:18, source:{ job:"IT" }}<div v-if="!!person.source.job">{{person.source.job}}</div>...
2020-01-22 11:12:21
1676
原创 web前端知识集合——javascript基础篇之javascript背景历史和运行环境（一）
前言：温故而知新，可以为长也！万变不离其宗，无论是现在web前端技术衍生出多么优秀，好用的框架，插件，都离不开这门语言的基础知识。掌握各种优秀的框架，插件，只是“善用工具的人”，深刻领悟语言的基础，会成为“创造优秀工具的人”。自勉，谨记！一、十个步骤学会一门IT语言基础——javascript学习的十步。 （1）了解这门语言的背景知识：历史，现状，趋势，特点，应用领域。...
2020-01-21 16:51:54
3299
原创 数据劫持实现mvvm（简单模拟vue实现数据驱动视图/以及双向绑定）
1. 新建一个index.html文件：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v...
2020-01-15 11:14:15
1084
原创 vue中的v-html，v-text，{{}}三种渲染模板
1. v-html：存在安全性问题。<input v-model='password' id='password' text='password' placeholder='这是输入的密码'/><div>请输入富文本内容：</div><div v-html='msg'></div><!--当用户输入:`<img...
2020-01-14 16:57:14
2615
原创 Vue实战项目中的一些技巧
1.vue-cli3+搭建vue项目：https://blog.csdn.net/qq_42231156/article/details/82949962。2. 如果vue-cli3+没有创建vue.config.js文件，就在项目根目录下创建一个vue.config.js：const path=require('path')const bodyParser=require('bod...
2020-01-14 10:52:02
2327
原创 Vue的响应式原理/数据劫持是基于Object.defineProperty实现的
1. vue的数据劫持/响应式原理：是基于Object.defineProperty实现的（IE8以下不支持Object.defineProperty）,监听data里面的数据，如果data里面的数据改变，就触发视图改变（重新渲染）。let options={ data:{ name:"Ace", age:18 }, render(){...
2020-01-13 16:15:48
691
原创 vue中的vuex的应用以及创建简易的vuex
Vuex的应用：参考https://blog.csdn.net/qq_42231156/article/details/82949962。import Vue from 'vue'class Store{ constructor(options){ this.state=new Vue({ //数据响应式路由，即data的数据变化，重新渲染 data:optio...
2020-01-12 17:37:56
146
原创 vue中的vue-router的应用以及创建简易的router
（一）vue中的vue-router：1. 安装vue-router：一般脚手架自带安装好了vue-router。2. vue项目中引入和使用vue-router：更详细的使用参考：https://blog.csdn.net/qq_42231156/article/details/82949962。//在router.js文件中配置路由import Vue from 'vue'i...
2020-01-12 13:26:57
1643
原创 vue组件开发-简单模拟element-ui的form表单，全局弹窗提示alert
（一）模拟form表单：1.创建AForm.vue组件：<template> <div class="a-form"> <slot></slot> </div></template><script> export default{ name:"AF...
2020-01-11 15:27:01
1392
原创 Vue 2.4.0新增inheritAttrs，$attrs属性
1. 封装一个a-input组件：inheritAttrs:默认为true，即绑定在其他组件调用a-input时，非prop传递的值（除了class和style，因为class和input会被直接挂载在最外层<div class="a-input"></div>标签上），如type="password" autocomplete="off" placeholder=...
2020-01-11 11:57:56
294
原创 vue的组件化开发（组件通信，插槽，递归组件）
1. vue组件的通信：包括子通父，父通子，兄弟通信，祖代与后代通信，vuex全局状态管理。 1.1 父向子通信：props属性和refs属性。 1.1.1props属性：//在子组件中props:{ age: { type: Number, //父组件传递过来age变量的类型,包括String、Number、Boolean、Array、...
2020-01-10 17:49:05
729
转载 整理 node-sass 安装失败的原因及解决办法
参考：https://segmentfault.com/a/1190000010984731?utm_source=tag-newest。
2020-01-09 11:50:07
315
原创 nvm与nrm安装与配置
nrm安装与配置：https://www.jianshu.com/p/94d084ce6834。nvm安装与配置：https://www.cnblogs.com/hoyong/articles/10848920.html。
2020-01-08 15:30:48
273
原创 前端下载excel文件的两种方法
1. 后端直接返回下载excel的地址链接excelDownUrl：window.location.href = excelDownUrl; //直接下载excel下载地址2. 后端返回二进制流文件，前端通过axios 通过Blob 转换excel文件流 下载乱码问题：axios({ method: 'GET', //或者POST url: '/ap...
2020-01-08 14:14:32
9097
6
原创 node版本下报错build: `vue-cli-service build`
用vue cli3.0生成vue项目时，运行项目出现报错build: `vue-cli-service build`，serve: `vue-cli-service serve`最后查看发生安装的node -v版本时v12.0，node版本不稳定造成的，所以通过nvm切换到node -v v8.11.2版本，再次运行就可以了。1. 下载安装nvm：2. 通过nvm下载安装node8...
2020-01-04 19:36:22
22525
1
原创 node的中间件koa的使用
1. 新建一个node项目：比如 my-node。2. 在node项目下创建入口文件：创建一个app.js文件以及一个index.html文件：3. 初始化node项目：执行npm init。4. 在my-node/app.js中：const Koa=require('koa');const app=new Koa();app.use(ctx=>{ ctx.bo...
2020-01-04 16:47:32
206
原创 node的环境配置及从发数据库增删改查的基础
添加小程序，兑换各种视频教程/数据资源。步骤一：node官网https://nodejs.org下载电脑匹配的node到某盘保存；程序->cmd->node-v;查看node的版本及是否下载成功；在Webstorm软件下编译node文件:(1)新建node文件，在webstorm中file->settings中搜索node->查看node 的路径是否...
2020-01-04 15:27:13
621
原创 node操作数据库
node的使用：基本语法，操作数据库，操作文件/夹。参考：https://blog.csdn.net/qq_42231156/article/details/81938058。一、node的操作数据库。1. 技术要求：node，express，mongodb。2. 第三方模块介绍： 2.1 bodyParser：解析post请求。 2.2 cookie：...
2020-01-03 19:08:07
246
原创 端口被占用和终止端口
netstat -aon|findstr "3000" //查找3000端口对应的PIDtasklist|findstr "2720" //查找3000端口对应的PID的程序，如node.exetaskkill /f /t /im node.exe //结束程序
2020-01-03 12:23:34
205
原创 node笔记整理
1. node下载安装：官网http://nodejs.cn/。2. node版本管理nvm：参考https://blog.csdn.net/qq_32682137/article/details/82684898。3. node优点：高并发，事件驱动，非阻塞i/o（input/output输入输出流）。4. js的应用： 4.1 浏览器（web前端）：基本语法，bom，d...
2020-01-03 11:19:49
176
原创 vue引入swiper5版本以上打包时报UglifyJs压缩文件错误
需要在webpack.base.config.js中引入resolve('node_modules/Swiper/js'),resolve('node_modules/dom7/dist')module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', options: ...
2020-01-02 18:46:52
975
3
原创 js实现根据内容撑开自动滚动到底部（或滚动到指定元素）的方法
<div id='content'> <div class='main'>这里是滚动的内容</div> <div id='content-footer'></div></div><script>//1. 方法1：var div = document.getElementById('cont...
2020-01-02 11:37:53
2326
原创 node.js结合socket.io实现服务端与客户端相互通信
官网：https://socket.io/。1. 创建一个node项目。2. 在node项目中安装socket.io：npm install --save socket.io。3. 在node项目中引入socket.io：4. socket.io与服务端建立连接：http://localhost:3000/socket.io/socket.io.js。var http=req...
2020-01-01 20:19:26
1704
原创 electron草稿笔记
1. Electron简介：Electron 是由 Github 开发，是一个用 HTML，CSS 和 JavaScript 来构建跨平台桌面应用程序的一个 开源库。原理：Electron 通过将 Chromium 和 Node.js 合并到同一个运行时环境中，并 将其打包为 Mac，Windows 和 Linux 系统下的应用来实现这一目的。现状：目前 Electron 已成为开源开发者...
2020-01-01 17:21:35
1328
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人