自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Myself's CSDN

R生苦短,我学PyThOn

  • 博客(118)
  • 收藏
  • 关注

原创 临时抱佛脚版_移动端适配布局_flex+rem+响应式

移动端的常见布局方案文章目录移动端的常见布局方案一. 移动端和PC端的区别?  2. 手机屏幕的现状  2.1 视口  2.2 布局视口 layout viewport  2.2视觉视口 visual viewport  2.3理想视口 ideal viewport  3. 移动端技术解决方案  3.1移动端公共样式  3.2移

2020-06-11 13:11:13 2606 11

原创 HTML和CSS布局中一些容易忘记的细节整理..持续更新

1.border:none;去除按钮边框2.outline:none;去除表单的默认蓝色轮廓线3.resize:none;防止拖拽文本域4.logo一般在h1标签放logo文字里(SEO),再用overflow: hidden;或者font-size:0;5.去除列表前面的小圆点 ·list-style:none;6. < a>标签为行内元素无宽度无大小display:block or display:inline-block7.绝对定位margin值无效...

2020-05-13 17:45:21 275 1

原创 重新整理了一遍,花了小半月终于将基础Html+css系统的学完,期间的学习笔记+中文手册都在这,分享..

html+css基础入门月总结文章目录一.HTML初识二.HTML常见标签三.CSS初识四.基础选择器五.后代选择器六.display转换模式七.CSS 背景(background)八.选择器优先级九.盒子边框(border)十. 内边距(padding)十一.外边距(margin)十二.浮动(float)十三定位(position)十四.overflow 溢出十五...

2020-05-03 11:02:56 4109 15

原创 Linux系统下安装 pycharm2022社区版 步骤记录

Linux系统下安装 pycharm2022社区版 步骤记录1、 进入 pycharm 官网的 下载 界面:https://www.jetbrains.com/pycharm/download/#section=linux2、 解压 已下载 好的压缩包,右键 解压到此处;3、在此处打开 终端① 进入 bin 目录下② ./pycharm.sh红框图中终端不能关闭,否则 pycharm 也跟着关闭...

2022-05-16 13:52:29 1533

原创 AIOC超级工具箱授权码1-13号过期,需要联系

CAD卸载不干净问题解决方案,一次解决已经购买时间是十天需要的私聊我强力卸载。

2020-12-29 18:20:44 3256 2

原创 JS练习项目1——Javascript实现简易贪吃蛇(附源码)

文章目录贪吃蛇项目1.项目预览2.起步(涉及知识点)3.源码贪吃蛇项目1.项目预览功能实现:可以通过键盘的 上下左右 控制 蛇 的移动游戏刚开始随机生成食物,蛇 默认往右走在没吃到食物前,食物静止不动;吃到食物后,食物随机生成蛇 每吃到一个食物身体(蛇节) 增加一节当蛇头碰到地图(方格)的边界时,游戏结束(蛇无法再控制,静止不动)2.起步(涉及知识点)canvas : 相当于画布;行内元素,让方格在网页水平居中对齐先转块级( display: block); 宽高设置用行内

2020-09-14 09:35:41 1154

原创 Hexo+gitee 从 零 -> 上线,图文步骤记录...

文章目录个人博客搭建(Gitee)1.为什么用 gitee ?2.为什么使用 Hexo ?3.起步3.1.全局安装 hexo4.创建 gitee 仓库5.修改 `_config.yml` 配置文件6.安装自动部署发布插件7.发布命令8. 开启 Gitee Pages 服务(部署到线上)个人博客搭建(Gitee)1.为什么用 gitee ?用码云搭建的 hexo 博客,push上去之后,gitee普通版的page不支持自动更新,pro版本(99元/年)才支持,另外码云也不支持自定义域名,国内访问速度快。

2020-08-27 11:09:25 320

原创 node.js 入门到放弃 Day5——SVN 和 Git 代码管理工具

文章目录笔记知识点版本控制问题1:历史记录问题2:多人协作解决问题:软件什么是版本控制?版本控制分类SVN环境安装SVN 交互协作流程集中式一些术语使用 VisualSVN 搭建 SVN 服务器使用 TortoiseSVN 作为 SVN 客户端TortoiseSVN 客户端基本操作流程关于冲突版本管理使用建议使用总结其它Git学习资源介绍Git 简介Git 使用交互流程安装和配置 Git 环境git-bash 常用命令初始化配置基本使用工作区、暂存区、本地仓库版本回退远程同步在线仓库托管服务Github基本

2020-08-01 22:46:25 530

原创 Python——解决 cmd 下 pip 工具版本问题

pip 版本更新问题黄色提示信息解决方案如下:python -m pip install --upgrade pip -ihttps://pypi.douban.com/simple安装包:pip install 你要的包名 --upgrade pip -ihttps://pypi.douban.com/simplewin下换国内镜像源参考此文章:https://blog.csdn.net/weixin_46313446/article/details/105552543随手整理

2020-07-31 22:39:57 224

原创 Vue.js 入门到放弃Day4(上)——接口设计也有规范阿。。

文章目录1.win10下ubuntu操作命令2.接口设计规范2.1 HTTP 动态2.2 域名2.3 版本2.4 路径(Endpoint)2.5、HTTP动词2.6、过滤信息(Filtering)2.7、状态码(Status Codes)2.8、错误处理(Error handling)2.9、返回结果1.win10下ubuntu操作命令百度搜:win10开启linux2.接口设计规范接口的设计是有讲究的,不要自己乱起名字接口的目的就是用于资源操作增删改查GET /tipicPOST

2020-07-29 22:40:11 352

原创 Vue.js 入门到放弃 Day3——TodoMVC 完整案例 + 自定义指令

Vue.js 介绍1. vue 介绍渐进式 JS 框架只关注页面;与服务端、数据库一毛钱没有2. 单页面应用程序Single Page ApplicationSPA2.1网站交互方式经典的多页面(例如:淘宝、京东、唯品会)前后端糅合在 一起,开发维护难用户体验一般,点击刷新跳转,等待时间过长每个页面都需要重新加载渲染,速度慢有利于 SEO 搜索引擎搜索,蜘蛛会爬链接现代式的单页面(网易云音乐、coding)最主要的目的:为了让你前后端,用户体验反而是其次的开发

2020-07-16 13:36:32 329 1

原创 Vue.js入门到放弃Day2(中)——VueDemo -> TodoMVC

VueDemo -> TodoMVC码云仓库地址:https://gitee.com/chenun/todoMVC.gitindex.html<!doctype html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> &

2020-07-15 10:15:36 156

原创 Vue入门到放弃Day2(上)——文档阅读笔记

Vue.js1.创建实例var vm = new Vue({ // body})2. 数据与方法(小懵)demo:<body> <div id="app"> {{ a }} {{ b }} </div> <script src="./node_modules/vue/dist/vue.js"></script> <script> const data

2020-07-13 16:55:11 216

原创 AJAX初识Day1——POST & GET请求

AJAX1. 简介AJAX(Asynchronous JavaScript and XML ),最早出现在 05 年的 google ,是让浏览器端进行网络编程的技术方法,它使我们可以通过 Javascript 直接获取服务端最新的内容而不必重新加载页面。涉及到 AJAX 操作的页面不能使用文件协议访问(文件形式访问file:…)某些情况可以 (少)AJAX 是一套 API 核心提供的类型:XMLHttpRequest2.快速上手此图常问(了解) 手写:// 1. 创建一个 X

2020-07-10 21:03:49 267 2

原创 jQuery文档阅读笔记自整理——1.6w字笔记

文章目录一、jQuery 基本用法1. 入口函数的写法2. jQuery 的冲突问题3. 核心函数4. 对象5.静态方法和实例方法6. each 方法7. map 方法8. 其他静态方法$.trim();$.iswandow();$.isArray()9.holdReady 方法10.内容选择器11. 属性节点12.attr 方法attr ( name | pro | key, value | fun )13.prop 方法14. 操作类相关方法addClass( class | fn)removeCl

2020-07-10 09:38:03 455

原创 node.js入门→放弃Day4——中间件 概念(Middleware)

Exprexx 中间件1.中间件http://expressjs.com/en/guide/using-middleware.html中间件的本质就是一个请求处理方法,我们把用户从请求到相应的整个过程分发到多个中间件中去处理,这样做的目的是提高代码的灵活性,动态可扩展的。同一个请求所经过的中间件都是同一个请求对象和相应对象1.1 应用程序级别中间件万能匹配(不关心任何请求路径和请求方法):app.user(function (req, res, next) { console.l

2020-07-08 09:56:30 378

原创 node.js入门到放弃Day3(黑马李鹏周老师)——近两日的笔记整理 MongoDB + mqsql + Promise 课堂案例

文章目录8. MongoDB8.1关系型数据库和非关系型数据库表8.2连接和退出数据库8.3 基本命令8.4 在 Node 中如何操作 MongoDB使用官方的 `mongodb` 包来使用使用第三方 `mongoose` 来操作MongoDB1.基本概念2.起步:3.官方指南3.1设计Schema 发布 Model3.2 增加 数据3.3 查询数据3.4 删除数据3.5 更新数据其它数组的所有方法9.使用 Node 操作 MySQL 数据库安装:注意:先打开服务10.Promise1.回调地狱:`call

2020-07-06 16:20:46 491

原创 MongoDB下载及安装教程

MongoDB 官网https://www.mongodb.com/try/download/community点击完就自动跳转下载了右键管理员身份运行勾选改路径Install等待ing······················成功之后打开win的cmd输入:mongod -v如果期间没出现版本号,配一下环境变量打开安装目录,复制路径打开环境变量配置,新建重启cmdmongod -v这样就可以了记得重启cmdover

2020-07-05 10:54:00 1542 5

原创 node.js入门到放弃Day2——npm工具 + Express 框架 + 封装异步API案例

6. npm6.1 npm 命令行工具查看版本号:npm -v升级npm:npm install --global npmnpm i -g npm常用命令:npm init -y npm i -S 包名npm un -S 包名npm helpnpm 命令 --help 7.Expess原生的 http 在某些方面表现不足以应对我们的开发需求,所以我们就需要使用框架来加快我们的开发效率,框架的目的就是提高效率,让我们的代码更高度统一。在node 中,有很多

2020-07-04 11:45:59 219

原创 【新知识】表单的hidden属性

用来放一些不希望被用户看见,但是需要提交到服务端的数据 <input type="hiddent" id="{{ student.id }}">

2020-07-04 11:27:47 728

原创 初识Vue.js入门到放弃Day1(下)——Webpack加载器介绍和配置

3.打包 js模块文章目录3.打包 js模块3.1 js模块化3.2 es6 模块规范4.资源管理4.1 Loading CSS4.2 Loading Images4.3 Loading Fonts4.4 Loading Data4.5 Loading Less4.6 Loading Sass4.7 transpiling JavaScript配置 babel-polyfill 来提供低版本浏览器中不支持的 API配置 transform-runtime 来解决代码重复问题5. 输出管理5.1 HtmlW

2020-07-02 23:05:19 281

原创 初识Vue.js入门到放弃Day1(中)——Webpack各类加载器初体验

Webpack文章目录Webpack2.介绍https://webpack.js.org/2.1起步2.3 配置`webpack.config.js`2.介绍https://webpack.js.org/是什么打包工具js 模块打包之后就可以在浏览器运行做什么js、css、图片、less、sass、ES6转ES5(babel) 的打包开发工具: http服务器代码改变,自动刷新浏览器压缩代码https://www.webpackjs.com/guides/getti

2020-07-02 16:14:21 254 2

原创 Webpack安装打包及常见坑解决方法

Webpack安装打包及常见坑解决方法webpack安装npm install webpack -gwebpack -v查看当前版本号坑1:webpack环境按着提示要再输入一次坑2:版本问题导致命令不适用这是为什么呢?原因是我的webpack版本过高,原来的命令已经不适用了。更换打包命令为:这样就成功了。如果期间步骤操作后无法成功,可以装完webpack后重启一下再试。...

2020-07-02 10:01:32 428

原创 初识Vue.js入门到放弃Day1(上)——MVVM模式的优点

Vue.js—Day1文章目录Vue.js—Day11.1. MVVM1.1.1. M:Model1.1.2 V: View1.1.3 VM: ViewModel1.1.4 优点 (面试常问)1.2 VM原理手写一个事件发布/订阅模式1.1. MVVM架构方式、开发思想Model 数据模型(操作数据的类)View 视图界面(HTML)ViewModel视图数据模型(驱动视图改变的data数据)1.1.1. M:Model服务端处理数据库交互mongoose设计数据模型m

2020-07-01 23:57:12 243 1

原创 10 种常用的CSS框架,收藏一下

文章目录1、Bootstrap2、 Foundation3. Materialize CSS4. Semantic UI5. Bulma6. UIKit7. PureCSS8. Tailwind9. Ant Design10.Tachyons css 框架1、Bootstrap作为最受欢迎的工具之一,Bootstrap在Web开发人员眼中已成为了业界领先的前端框架。为了使Web开发人员能够构建出不同的用户界面组件,Bootstrap能够将CSS、Javascript和HTML代码

2020-07-01 22:30:38 3379 1

原创 【实习日志】The last Day总结篇

实习总结2020-6-15 → 2020-07-1hr: 你实习到现在多久了?I: 6-15开始至今,期间有一个周六日和三天端午假期,包含今天累计到您公司:11天hr: 下午工资转你卡,有机会再合作本次实习虽只有11天,期间自己技术性问题还未领悟到实在的东西,还没感受到进步,但是换做自己是领导也不愿意雇像我学习力差的属下;借此写一篇日志羞辱一下未来的自己,希望自己能够在3-4year内能够达到自己的目标——共勉。实习日记汇总:注意事项注意适配(媒体查询)分析样式点击其他手机型

2020-07-01 14:15:41 351 4

原创 【实习所遇问题08】input表单下增加下拉菜单

<input id="type" type="text" list="typelist" placeholder="请选择"><datalist id="typelist">  <option>我是下拉菜单1</option>  <option>我是下拉菜单2</option></datalist>冲

2020-06-28 22:08:56 298

原创 node.js 基础入门——自动刷新网页nodemon

nodemon 自动启动安装:npm install nodemon --save-dev使用:nodemon xx.jsxx.js为你要安装的js文件只要用nodemon 启动的,每次crtl + s 保存后,都会自动刷新页面。冲

2020-06-26 14:05:07 1928 1

原创 【面向对象案例】随机生成不同方块

先上图看效果吧文件架构如下:index.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>随机生成方块</title> <link r

2020-06-24 14:37:30 389

原创 【JavaScript设计模式】读书笔记——什么是设计模式?

文章目录1.什么是设计模式?2.js设计模式结构3.编写设计模式4.js反模式5.js设计模式的分类什么是设计模式?1.什么是设计模式?就是一个我们如何解决问题的模板——那些可以再许多不同的情况里使用的模板。优点:模式是行之有效的解决方法:提供固定解决方法来解决开发中出现问题易重用:一个模式通常反映一个可适应自己需要的开箱即用的解决方案善于表达:一般有一组词汇和优雅的解决方案2 . js设计模式结构模式是最初提出的一种在两者之间建立关系的规则:上下文环境(在此环境下产生系统

2020-06-24 10:26:44 216

原创 【实习所遇问题7】js控制 audio 标签的播放与暂停

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>test</title> <script language="javascript" type="text/javascript"> function autoPlay() { var myAuto = document.getElemen.

2020-06-23 14:02:04 713

原创 【实习练手demo】 纯css仿音乐磁带播放器

<!-- Copyright (c) Guangzhou Data Control Network Technology Co., Ltd. All rights reserved. Licensed under the MIT License.contact:[email protected] --><!DOCTYPE html><html><base class="_dcdev_preset_" href="https://..

2020-06-23 10:49:38 404

原创 【实习所遇问题6】animate 兼容性处理

@keyframes music { 0% { transform: rotate(45deg); } 100% { transform: rotate(405deg); } } @-moz-keyframes music /* Firefox */ ...

2020-06-23 10:26:04 526

原创 【实习所遇问题-05】css绘制等腰三角

响应需求需要一个三角形作为点击开始播放音乐的按钮:.start { position: absolute; top: 48px; left: 55px; margin: 0 auto; width: 0px; height: 0px; border-left: 26px solid #dd001b; border-.

2020-06-23 10:06:27 113

原创 【实习练手demo】文章列表code

还原此页面布局:如下:此图代码:<!-- Copyright (c) Guangzhou Data Control Network Technology Co., Ltd. All rights reserved. Licensed under the MIT License.contact:[email protected] --><!DOCTYPE html><html><base class="_dcdev_pre

2020-06-22 22:09:58 202

原创 【实习练手demo】仿公众号订阅列表

<!-- Copyright (c) Guangzhou Data Control Network Technology Co., Ltd. All rights reserved. Licensed under the MIT License.contact:[email protected] --><!DOCTYPE html><html><base class="_dcdev_preset_" href="https://..

2020-06-22 22:04:36 280

原创 【实习练手demo】仿微信朋友圈头部区域(适配)

仅对顶部区域进行编写code…代码如下:<!-- Copyright (c) Guangzhou Data Control Network Technology Co., Ltd. All rights reserved. Licensed under the MIT License.contact:[email protected] --><!DOCTYPE html><html><base class="_dcdev..

2020-06-22 22:02:00 373

原创 【实习练手demo】应hhhrrr要求,仿写CSDN移动端静态页面...

仿写CSDN移动端静态页面过去一周总结:实习过去一周了,从最基础的静态页面开始练手,一个星期练了7-8个静态页面,期间复习了很多的页面布局的潜在技巧以及代码托管工具,技术的提升只是一小部分;更重要的是,初入职场的我;您提醒我:等等等等等等…(懒得整理了)hr教会我很多东西,真的非常感谢yyayyayya…话不多说了,直接上代码吧!效果图如下:代码部分:<!-- Copyright (c) Guangzhou Data Control Network Technology

2020-06-22 20:57:40 558

原创 【实习所遇问题-04】链接引入normalize.css文件

Normalize.cssNormalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css 作用:1.保留有用的默认值,不同于许多 CSS 的重置。2.标准化的样式,适用范围广的元素。3.纠正错误和常见的浏览器的不一致性。4.一些细微的改进,提高了易用性。1、https://cdnjs.cloudflare.com/aj

2020-06-20 11:34:01 680 3

原创 【实习所遇问题-01】解决Chrome 浏览器最大显示12px问题

今天的需求是做一个画布框;需求需要用到12px的字体;从12px改到8px;然而字体并无变化;以下方案已解决此问题:HTML部分:<div class="act_text"> <ul> <li> <p>选择图片</p> <p>水平反转</p> <p>上下反转</p> <p>左反转</p> <p>右反转</p>.

2020-06-19 15:48:42 226

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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