![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
web 0到1
文章平均质量分 82
基础到进阶
Da Zeng
啥都好就是记性差了点ᶘ ͡°ᴥ͡°ᶅ
展开
-
DaZeng:css文字的溢出隐藏及文字多行的溢出隐藏
单行 text{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }多行更改-webkit-line-clamp的数字控制显示即行,例子为2行 text{ word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;原创 2021-09-14 19:05:48 · 180 阅读 · 0 评论 -
DaZeng:小程序请求优化之数据监听与自定义组件
小程序请求优化之数据监听前言基础实现组件实现总结前言为什么用到这个,大致就是比如从页面A中的一条数据跳到了这条数据的详情页,然后我把这条数据删了(增删改是一个道理),返回页面A,页面A要对原来这条数据做对应的修改,如果每次都在onShow的时候去请求数据就会造成很多的资源浪费,此时引出数据监听。基础实现首先对应要跳转的东西给他一个监听,告诉他去监听什么: <view class="cm-item" wx:for="{{vipList}}" wx:key="id" data-url="/pag原创 2021-09-14 18:57:12 · 268 阅读 · 0 评论 -
DaZeng:TypeScript的基础使用
TypeScript的基础使用TS官网TS官网TS官网传送门原创 2021-04-28 20:52:46 · 705 阅读 · 6 评论 -
DaZeng:React的基础使用及开发
React的基础使用及开发React官网安装create-react-app脚组架卸载/安装查看版本号创建项目并启动项目依赖与开发依赖React官网官网地址安装create-react-app脚组架优点:无需配置webpack,babel(把es6,7,8,9,…转换为es5的工具)卸载/安装npm uninstall -g create-react-appnpm install -g create-react-app查看版本号npx create-react-app --ver原创 2021-03-09 13:09:57 · 367 阅读 · 2 评论 -
DaZeng:Vue的基础使用及基于vue/cli的开发
Vue的基础使用及基于vue/cli的开发安装vue/cli创建vue项目目录介绍Vue生命周期Vue-router<router-view><router-link>路由的使用根路由、重定向、异步导入路由、子路由、默认路由、404页面动态路由安装vue/cli安装:npm i -g @vue/cli查看版本号:vue --version卸载:npm uninstall -g @vue/cli; // 4.xnpm uninstall -g vue-原创 2021-01-17 22:39:09 · 361 阅读 · 2 评论 -
DaZeng:Vue的基础使用及单页面开发
Vue的使用了解Vuevue是什么?什么是单页面开发?主要的vue开发方式MVVM框架Vue基础起步数据绑定了解Vuevue官方使用手册vue是什么?VUE是一套用于构建用户界面的渐进式框架。可以自底向上逐层应用。大部分都是使用它来做单页面的开发。什么是单页面开发?一个项目,如管理系统,它就只有一个Index.html页面。其它页面的内容,都以组件的形式,在页面中进行切换 。Vue-Router模块,可以模拟前端页面路径的路径,但页面也还是index.html。主要的vue开发方式原创 2021-01-17 17:23:25 · 403 阅读 · 0 评论 -
DaZeng:JS面向对象编程
JS高阶一面向对象(OOP)基本介绍对象的创建和使用构造函数原型对象实例化对象上动态添加属性会不会影响其他的实例化对象?在原型对象上添加属性呢?以及原型链查找?在Person增加属性呢?怎样让实例化对象有新的方法?属性方法的删除对象的销毁instanceofhasOwnProperty()for in对象的get和set方法函数中变量的作用域面向对象(OOP)基本介绍面向对象特性:封装,此特性可隐藏对象内部的实现细节,对外提供一致的访问接口继承,简单的代码复用机制,使子类拥有父类的特性。多态原创 2020-12-22 18:26:47 · 435 阅读 · 0 评论 -
DaZeng:JS基础练习
JS练习一1. 执行下面的代码`array1`和`array2`的值分别是什么?(o)2. 以下哪一个不是 JavaScript 的数据类型:3. 下面代码的输出是什么?4. 下面这个JS程序的输出是什么:(o)5. 表达式 ”2”+3+4 的值为?6. 下面代码的输出结果:7. 以下代码执行后,array的结果是?(o)8.typeof Date.now() 的值是:(o)9. 在 javascript 中,下列不属于数组方法的是()10. 下面代码的执行结果是11. 对于代码 `var a = 10.4原创 2020-12-14 15:47:05 · 778 阅读 · 0 评论 -
DaZeng:Nodejs——express
Nodejs_express的使用准备了解app.js基础配置加入router和中间件router和mysql准备安装node,npm 是nodejs package manage,包管理器。主要用于安装依赖包,执行一些命令。如果安装很慢,修改Npm下载包的路径 :从taobao下载,执行以下命令;npm config set registry https://registry.npm.taobao.org如果要想运行别人的代码,就在当前package.json文件位置,打开命令提示行。输入np原创 2020-12-09 00:25:45 · 428 阅读 · 0 评论 -
DaZeng:深入浅出SQL
深入浅出SQL数据库分类什么是关系模型表和表的关系数据库服务器管理系统 RDBMSSQL什么是SQL?SQL语句:SQL的使用创建和使用数据库数据库命名规则数据类型char和varchar的区别注意创建表删除表实体完整性,域完整性,引用完整性,用户自定义完整性实体完整性域完整性为什么要保证数据的完整性?如何控制?引用完整性约束插入更新删除delete vs truncate查询数据库分类层次模型、网状模型、关系模型、对象模型。传统的缺点:应用程序基于该数据库已定义好的实现,数据库结构必须硬编码到原创 2020-12-06 20:02:22 · 532 阅读 · 0 评论 -
DaZeng:响应式布局和自适应布局——深入浅出
自适应布局作用自适应是让同一个页面布局适应不同的屏幕。响应式布局作用响应式是不同的屏幕用不同的布局。响应式布局:使用媒体查询,就是写多个@media 命令来控制设备的大小,让页面在不同的宽度范围下,显示为不同的布局效果 。如果使用 min-width属性,则应该从小的断点开始写,到大的断点结束。media属性一般来说,先写一个默认大屏幕的样式;再写其它断点下的样式;可能断点判断异常,还需要在部分区间去写一个断点。link<link rel="stylesheet" media="原创 2020-11-25 16:29:50 · 475 阅读 · 0 评论 -
DaZeng:雪碧图(精灵图)的使用
雪碧(精灵)图要求显示效果:(轮播图导航栏效果)原创 2020-11-25 13:43:21 · 5282 阅读 · 1 评论 -
DaZeng:JavaScript基础三
JavaScript第二阶段(一)面向对象编程创建对象{}、new Object()Object.assign()Object.create()动态添加属性和方法删除属性和方法销毁对象构造函数面向对象编程三种创建对象的方式:new Object(),构造函数,工厂方式面向对象的特征:抽象:生活中实际物体的相同特征提取出来,提炼成一个共同的物种类。封装:应用一种思维模式来设计函数。继承:让具有相同性的对象或类,去继承更高级的对象或类的属性与方法,或者其他对象去继承某一个类的特征。多态:是指对象原创 2020-11-24 10:25:18 · 377 阅读 · 0 评论 -
DaZeng:JavaScript基础二
JavaScript基础二JS基础一JS基础二DOM文档对象模型节点node获取DOM节点getElementById(不带#)getElementsByClassName(不带.)getElementsByTagNamegetElementsByNamequerySelector,querySelectorAll(要带.和#)常用的节点属性和方法childNodes和children(获取多个子节点)获取单个文本节点(子节点、兄弟节点)获取根节点通过todoList掌握节点的增删增加节点删除节点DOM获取原创 2020-11-10 17:54:21 · 1225 阅读 · 0 评论 -
DaZeng:JavaScript基础一
JS基础JS基础架构体系四种使用JS的方式注释、变量、标识符、输入输出JS数据类型基本类型:**==和===**值类型(栈存储从上往下)引用类型(堆存储从下往上、栈存储,赋值的是内存地址)typeof数值的转换转为boolean值:转为字符串JS基础了解:是一种嵌入嵌入在网页中的程序段,解释性语言,被浏览器解释执行。ECMA标准化。ES6深入理解及学习作用:JS增删改查,在html网页动态写入文本,响应事件作出相应的处理。事件绑定,页面特效。本地存储,cookie的一些应用。服务端的应用,如node.原创 2020-11-02 11:49:57 · 2408 阅读 · 18 评论 -
DaZeng:CSS基础与进阶
CSS基础于进阶伪类垂直居中水平居中文档流浮动(纵向布局转换为横向布局)盒模型导航栏二级菜单伪类a:link:默认的链接样式a:visited:访问后的样式a:hover:鼠标悬停样式(非a标签也可使用hover)a:active:鼠标按下的颜色cursor:pointer:鼠标变为手型提示用户可点击垂直居中文本:css中设置对应块元素height==line-heigth时,在此块元素中的单行文本垂直居中。水平居中文本:text-align(设置块级元素内文本的水平对齐方式):cent原创 2020-10-21 16:41:57 · 351 阅读 · 0 评论 -
DaZeng:HTML基础与进阶
H5C3基础于进阶HTML网页组成部分-W3C标准标签web服务器HTML5VscodeHTML标签分析metah1~h6ahr,brpdivpreimgul,ol,li,dl,dt,ddb,i,em,strong,u,del,sup,subHTML网页组成部分-W3C标准HTML(超文本标签语言):结构化标准语言Hyper Text Markup LanguageCSS:表现标准语言JavaScript:行为标准语言倡导结构、表现、行为分离标签每一个标签都应该闭合。双标签:<div原创 2020-10-16 18:07:22 · 579 阅读 · 0 评论 -
DaZeng:web开发流程及网站规范
第一阶段:web开发流程及网站规范web开发流程web应用程序的开发流程需求分析--明白要做什么网站设计编码测试维护web开发流程1.什么是WEB?网络应用。2.熟知的WEB应用程序?聊天工具、网站、app、小程序、游戏:王者等。3.从开发的角度分析,分类应用程序:C/S:client/server 客户端-浏览器有安装包。缺点:占用硬盘空间。优点:运行速度快,用户体验好。eg:app等。B/S:browser/server 浏览器-服务器。系统自带浏览器,使用浏览器访问应原创 2020-10-15 17:08:45 · 561 阅读 · 1 评论 -
DaZeng:Axure实现vcg官网首页原型图
W240第二天Axure的简单使用:vcg官网交互页:导航栏添加通用末班改变动态面板尺寸,移动元素相对位置原创 2020-10-12 12:34:37 · 443 阅读 · 0 评论 -
DaZeng:Axure实现bootstrap首页线框图
W240第二天——bootstrap线框图Axure的简单使用:bootstrap导航栏详情设计见导航栏bootstrap首页banner注:谷歌浏览器最小字号12像素按钮、链接等需额外矩形框进行框选住bootstrap元件列表注::注意右下角概要页面中进行组合打包打包选中时,按住shift选中第一个和最后一个自动选中中间所有。母版的创建和使用:双击右下角母版元件可进行统一编辑,模板改变所有模板改变,创建母版后按住ctrl鼠标左键拖动创建其他母版。原创 2020-10-10 10:52:58 · 595 阅读 · 2 评论 -
DaZeng:前端准备
W240第一天——准备篇安装软件Axure(原型图绘制)、notepad++、FileZille、FSCapture(截屏录屏软件)、inletexEMC(共享屏幕)Axure(原型图绘制):汉化:将lang文件夹放在Axure所在目录下(属性打开)。FSCapture(截屏录屏软件):注册码:USER NAME:TEAM_BRAiGHTLiNG_2007CODE:XPNMF-ISDYF-LCSED-BPATUinletexEMC(共享屏幕):参考文档w3school:html原创 2020-10-10 12:13:36 · 388 阅读 · 0 评论