- 博客(86)
- 收藏
- 关注
RSS订阅原创 React 创建项目报错
npm ERR! code 1npm ERR! path /Users/tangwenjing/Html/imooc/my-app1/node_modules/canvasnpm ERR! command failednpm ERR! command sh -c node-gyp rebuildnpm ERR! /bin/sh: pkg-config: command not foundnpm ERR! gyp: Call to 'pkg-config pixman-1 --libs' retur
2021-06-03 18:18:27
897
原创 MongoDB 数据库
安装安装 homebrew安装时会报错curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused打开 https://www.ipaddress.com/ 输入访问不了的域名查询到该网址 ip，然后在 hosts 文件中添加185.199.108.133 raw.githubusercontent.com之后又会报curl: (35) LibreSSL SSL_connec
2021-05-18 11:51:31
108
原创 koa2 框架
koa2 是什么koa2 是 nodejs web server 框架什么是框架 frame（类比 Vue）封装原生代码的 API规范流程和格式让开发人员更加关注于业务代码，提高开发效率框架 frame 和库 lib 的区别框架是唯一的，库就可以共存框架关注全流程，库关注单个功能类比 Vue 和 lodashkoa2 是 nodejs web server 框架通过 async/await 语法高效编写 web server中间件机制，能合理拆分业务代码koa2 安装和
2021-05-17 13:08:37
2359
2
原创 Node.js 处理 HTTP
监听 http 请求const http = require('http')const server = http.createServer(() => { console.log('已经收到 http 请求')})server.listen(3000)console.log('http 请求已经被监听，3000 端口，请访问 http://localhost:3000')使用 req 和 resconst http = require('http')// req Request,
2021-05-16 17:30:18
294
原创 node.js 基础入门
nodejs 是什么一个基于 Chrome V8 引擎的 Javascript 运行时2009 年发布，现已更新到 V12 版本现已广泛应用于开源社区和各种公司，特别是互联网公司chrome V8 引擎chrome 是一个浏览器，它可以执行 js 代码V8 就是 chrome 的 js 引擎，以速度著称nodejs 也是基于 js 语法的，因此也可以借用 V8 引擎运行时代码的运行环境有了运行时，代码才能被执行没有运行时，代码就是一堆静态的文本，就像 txt 一样node
2021-05-15 20:02:58
131
原创 vue 项目打包上线
在根目录添加文件 vue.config.jsmodule.exports = { publicPath: './'}执行 npm run build
2021-05-11 15:01:02
85
原创 vue 项目代码格式化
末尾不加分号，双引号变单引号项目目录添加文件 .prettierrc{ "singleQuote": true, "semi": false}函数名称后面添加空格在 setting.json 中添加"vetur.format.defaultFormatter.js": "vscode-typescript","javascript.format.insertSpaceBeforeFunctionParenthesis": tru...
2021-05-03 19:50:08
473
原创 Vue脚手架、路由与 VueX
VueCLInpm install nrm -g 安装 nrm 管理镜像nrm lsnrm use taobaonpm install @vue/cli -gvue create my-appPlease pick a presetManually select featuresCheck the features needed for your project: (Press <space> to select, <a> to toggle all, <
2021-05-02 19:09:44
252
2
原创 浏览器无法进行跨域访问
如果服务器已经进行了配置而且发送请求时携带了 withCredentials在 chrome://flags 设置这两个为 Disabled
2021-05-01 18:00:31
627
原创 vue 相关2
mixin 混入局部 mixin组件 data 优先级高于 mixin data 优先级。生命周期函数，先执行 mixin 里面的，再执行组件里面的。methods 中的函数，如果组件中与 mixin 中的函数命名相同，执行组件中的函数。const Mixin = { data() { return { count: 12 } }, created() { console.log('mixin created'); }, methods:
2021-04-30 21:11:50
215
1
原创 vue 相关
hello world知识点：hello world 结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
2021-04-28 19:31:44
329
原创 React 相关
JSX 语法JSX 语法里面，有两种类型的标签普通的 html 标签<div></div><p></p><span></span>组件标签<App />组件标签首字母必须大写JSX 使用时最外层只能有一个标签// index.jsReactDom.render(<div><App /><Test /></div>, document.getEl
2021-04-23 18:00:41
121
原创 sass 基础
scss 文件.header { span { color: red; &:active { color: green; } &:hover { color: blue; } }}sass 文件.header span color: red &:active color: green &:hover color: bluesass 中使用变量，运算，函数$small-font: 14px +.
2021-04-23 17:38:04
266
原创 小程序发布流程
自己先预览小程序，确保能在手机中正常运行上传到小程序管理后台，版本管理生成体验版添加测试人员，在成员管理中，添加成员这里添加的成员可只有运营者权限提交审核
2021-04-18 21:47:58
97
原创 小程序基础
小程序 4 种文件类型json配置层js逻辑层wxmlwxss展示层全局配置project.config.json 项目一些的相关信息，一般不会去改sitemap.json 对页面的一些描述，对小程序的一些排名app.json{ "pages":[ /* 有几个页面，哪个页面用户最先访问到，哪个页面就放在上面，首页放在最上面 */ "pages/index/index", "pages/logs/logs" ], "window":{
2021-04-18 20:02:26
161
原创 浏览器修改 placeholder
input::-webkit-input-placeholder { color: #fff;}input:-moz-placeholder { color: #fff;}input::-moz-placeholder { color: #fff;}input::-ms-input-placeholder { color: #fff;}
2021-04-14 19:42:22
104
原创 移动常见问题
浏览器兼容问题html5 兼容问题引入 html5shivjs 兼容问题不要使用浏览器检测要使用特性检测例var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnima
2021-04-11 17:02:02
100
原创 移动端事件
touch 事件基础事件名事件描述ontouchstart触摸开始ontouchmove触摸移动ontouchend触摸结束const boxEl = document.getElementById('box');boxEl.addEventListener('touchstart', handleStart, false);boxEl.addEventListener('touchmove', handleMove, false);boxEl.addEv
2021-04-10 19:09:58
62
原创 移动端适配
与响应式布局的关系移动端适配响应式布局终端仅移动端PC 端和移动端常用单位宽高：rem / % 字体: px宽：% 高、字体：px宽和高宽和高都随着屏幕大小变化等比例宽度变化，高度不变非等比例移动端适配简单适配原理关键点在于750 / 18.75 = 40px含义：设计图为 750px，设定一个数值，只要方便计算，去除以这个数值，得到的为 1rem 的值头部视口设置<meta name="viewport" content="width
2021-04-08 20:11:11
75
原创 webkit 浏览器手机下 a 标签点击出现高亮的消除
在手机端上 webkit 的浏览器在 a 标签被点击时会出现高亮a { -webkit-tap-highlight-color: transparent;}
2021-04-08 18:45:53
573
原创 响应式布局
屏幕分屏幕缩写像素超小屏xs< 576px小屏sm>= 576px中屏md>= 768px大屏lg>= 992px超大屏xl>= 1200px
2021-04-07 15:47:00
283
原创 移动端常用单位
px / % / em /rem / vw / vh* /px%em1em = 1 * font-size,5em = 5 * font-size如果自身有 font-size 的话以自身为准，如果自身 font-size 就是以 em 为单位或者没有 font-size 的话，就会从父容器继承em 不经常使用，但是有时也会比较好用，在与字符相关的 css ，用 em 比较好。.duanluo { text-indent: 2em } // 缩进 2 个字符remroot 跟元
2021-04-05 16:26:44
185
原创 媒体查询
媒体查询–基础什么是媒体查询 media query@media screen and (min-width: 900px) { body { background-color: red; }}为什么需要媒体查询一套样式不可能适应各种大小的屏幕针对不同的屏幕大小写样式让我们的页面在不同大小的屏幕上都能正常显示媒体类型all(default)screen / print / speech@media (min-width: 900px) { body {
2021-04-05 15:40:06
181
原创 Flex 布局
Flex 布局一. 什么是 flex 布局Flex 是 Flexible Box 的缩写，意为“灵活的盒子”或“弹性的盒子”，所以 flex 布局一般也叫做“弹性布局”二. 基本概念什么是 flex 容器(flex container)？采用 flex 布局的元素，称为 flex 容器.box { display: flex | inline-flex; }什么是 flex 项目(flex item)？flex 容器的所有子元素自动成为容器成员，成为 flex 项目（子元素会成为容器
2021-04-04 21:49:37
143
原创 Symbol
什么是 SymbolSymbol 是 ES6 中引入的一种新的基本数据类型，用于表示一个独一无二的值。它是 JavaScript 中的第七种数据类型，与 undefined、null、Number、String、Boolean、Object 并列创建一个 Symbol 值的方式如下：const a = Symbol();console.log(a); // Symbol()console.log(typeof a) // 类型是：SymbolSymbol 的语法规范基本语法上面介绍到，
2021-04-04 16:05:23
118
原创 路径相关知识
路径的书写方式相对路径的书写方式(1) 与“当前文件”同级，可以使用“./”，其中“./”可以省略。(2) 与“当前文件”不同级，书写方式如下：a) 当目标文件在“当前文件”上一级时，可以使用“…/”，每一个“…/”代表往上找一级。b) 当目标文件在“当前文件”所在级别的下面时，可以从当前级别往下查找。c) 根路径“/”（了解即可）实际开发中，项目通常是在服务器环境下启动，此时在页面中，可能会看到这样的路径“/img/1.jpg”，它的含义是相当于当前项目的根路径去寻找目标文件。如果当前根路
2021-04-04 13:45:19
707
原创 移动 web 开发基础概念
物理像素分辨率1792 * 828 像素分辨率，指的是横向有 828 个点，纵向有 1792 个点。物理像素(physical pixel)上面所说的点就是一个物理像素也叫设备像素(dp: device pixel)CSS 像素CSS 像素也叫 逻辑像素(logical pixel)设备独立像素 (dip: device independent pixel)实际开发中使用的像素设备像素比 (dpr: device pixel ratio)dpr = 设备像素 / C
2021-04-03 17:59:55
98
原创 css 让多出的文字用省略号表示
单行文字overflow: hidden;white-space: nowrap;text-overflow: ellipsis;多行文字overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
2021-04-03 13:38:44
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人