- 博客(32)
- 收藏
- 关注
RSS订阅原创 JavaScript V8 acm模式做题记录
昨天第一次做笔试题目，以前都是在力扣上刷题，第一次用acm模式超级不习惯，题目做出来了，输入输出怎么都弄不对，今天找华为的题目来练练手。1.单行输入 输出单行。2.多行输入 输出单行。
2022-09-09 15:24:08
380
1
原创 关于css中@路径报错问题
做项目的时候发现用@路径报错而且图片在同一个文件夹里面 但是部分识别不出来原因是css里面在@前面加~个别可以识别的原因是在js里面可以识别
2022-06-01 10:48:36
567
原创 flex布局学习记录
常见父项属性flex-direction设置元素的主轴justify-content设置元素在主轴上的排列方式使用之前要确定主轴是哪一个flex-wrap设置子元素是否换行flex布局中，默认子元素不会换行，如果装不下，会缩小子元素的宽度，放到父元素里面align-items设置侧轴上的子元素排列方式（单行）适合于子盒子是单行的时候使用拉伸：子盒子不能设置高度 沿着侧轴拉伸align-content设置侧轴上的子元素的排列方式（多行）flex-flow复合属性是flex
2022-05-30 12:08:14
101
原创 小程序开发学习记录——页面导航、页面事件、生命周期、WXS脚本
页面导航声明式导航在页面上声明一个导航组件通过点击组件实现页面跳转导航到tabBar页面导航到非tabBar页面为了简便后退导航编程式导航调用小程序导航的API 实现页面跳转导航到tabBar界面导航到非tabBar界面后退导航导航传参声明式导航传参编程式导航传参导航传参页面事件下拉刷新事件是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为全局开启下拉刷新局部开启下拉刷新下拉刷新窗口的样式监听页面
2022-05-18 16:25:42
198
原创 小程序开发学习记录——WXML模板语法、WXSS模板样式、全局配置、页面配置、网络数据请求
WXML模板语法数据绑定事件绑定事件对象的属性列表target和currentTarget的区别bindtap语法格式WXSS模板样式全局配置页面配置网络数据请求
2022-05-16 15:23:57
207
原创 小程序开发学习记录——通信的主体、通信的模型、运行机制、组件、协同工作和发布
小程序的项目结构小程序项目的基本组成结构小程序页面的组成部分json配置文件json是一种数据格式 在实际开发中总是以配置文件的形式出现 通过不同的json配置文件 可以对小程序项目进行不同级别的配置app.jsonsitemapLocation:用来指明sitmap.json的位置project.config.json注意：projectname不一定是小程序名称sitmap.json关于app.json和index.json的设置新建页面在app.json文件
2022-05-13 11:08:28
192
原创 Git学习——版本控制、简介命令行操作、分支
版本控制SVN和Git在版本管理的区别版本控制工具集中式版本控制工具：**SVN** CVS VSS缺点：客户机保存的只是当前的状态 如果服务器损坏 版本历史全部丢失——单点故障分布式版本控制工具：Git Mercurial Bazaar Darcs任何人都有全部的数据 互相可以传数据——避免了单点故障...
2022-05-11 17:22:15
126
原创 ES6学习记录——symbol基本使用、迭代器
symbol基本使用是js语言的第七种数据类型 表示独一无二的值 是一种类似于字符串的数据类型特点：symbol的值是唯一的 用来解决命名冲突的问题不能和其他数据进行运算不能使用for…In循环遍历 但是可以用reflect.ownKeys来获取对象的所有键名Symbol的创建方式 let s2 = Symbol('abc'); let s3 = Symbol('abc'); console.log(s2===s3);//false let
2022-05-10 15:49:38
73
原创 Vue学习记录——数据绑定、el和data两种写法、MVVM模型
Vue学习记录容器和实例是一一对应的关系数据绑定v-bind和v-modelv-bind是单向绑定 不能通过界面修改数据v-model是双向绑定 可以通过界面修改数据v-model的使用是有范围的，只能应用在表单类元素类（input、select）v-model：value可以简写为 v-model 因为v-model默认收集的就是value的el和data两种写法el：（两种都可以用）第一种写法：el：‘#root’第二种写法：v.$mount(‘#root’)data第一种写法
2022-05-10 15:48:26
272
原创 Vue学习记录（codewhy）——Vuex
什么是VuexVuex是一个专门为Vue.js应用程序开发的状态管理模式采用集中式存储管理应用到所有组件的状态 并以相应的规则保证状态以一种可预测的方式发生变化状态管理是什么：其实就是将需要多个组件共享的变量全部存储在一个对象里面 然后将这个对象放在顶层的vue实例中 让其他组件可以使用和我们自己写的比起来有“响应式”的特点Vues管理什么状态需要在多个界面共享的问题比如用户的登录状态、用户名称和地理位置信息等比如商品的收藏、购物车中的物品等Vuex单页面到多页面状态管理切换想要让he
2022-05-10 15:43:22
926
原创 Vue学习记录（codewhy）前置内容ES6——Promise
Promisesync-同步async-异步是异步编程的一种解决方案——出现了“回调地狱”什么情况下需要用到promise？一般情况下是有异步操作的时候 使用promise对这个异步操作进行封装 在执行传入的回调函数的时候 会传入两个参数resolve和reject可以写为这种写法实现请求和处理的分离 让代码更加优雅需要传递参数的时候promise的三种状态发送网络请求后 就是等待状态pendingpromise的另一种写法...
2022-05-09 10:36:28
319
原创 Vue学习记录（codewhy）——cli的使用、通过代码方式修改路由、router参数传递——params、query、全局导航守卫、keep-alive
cli的使用Router什么是路由和其中的映射关系
2022-05-07 11:57:29
204
原创 Vue学习记录（codewhy）——模块化开发知识、前端路由和后端路由对比、vue3的router配置方式
模块化开发常见的模块化规范：CommonJS AMD CMD ES6的Modules模块化有两个核心：导入和导出CommonJS导出对象中定义的变量导入导入导出函数、类或者export default某些情况下一个模块中包含着某个功能 我们不希望给这个功能命名 而且让导入者可以自己来命名 这个时候就可以用export default注意在同一个模块中不能出现多个export default统一全部导入Webpack本质上来讲：是一个现代的JavaScr
2022-04-29 16:11:12
1111
原创 Vue学习记录（codewhy）——组件化补充知识点slot
slot插槽插槽的基本使用组建的插槽是为了让我们封装的组件更加有拓展性让使用者可以决定组件内部的一些内容到底展示什么原来的写法 四个组件输出的都是一样的 想要进行某一个的不同设置 无法做到 可扩展性不强相似性很强 结构一样但是内容不一样 用slot抽取共性 保留不同出现插槽里面button过多 只有一两个不一样的时候 此时再一个一个设置button就有点繁琐可以给插槽设置默认值为button如果同时出现多个值 则当做一个全部把默认的slot（button）进行替换掉 最
2022-04-28 13:52:07
133
原创 Vue学习记录（codewhy）注册组件步骤、语法糖、子组件和父组件、组件和模板分离、数据存放问题、父子组件的通信、父子组件的访问方式
什么是组件化将一个页面拆分成一个一个小的功能块 每一个功能块完成属于自己这部分独立的功能 name之后整个页面的管理和维护就变得非常容易了
2022-04-28 11:07:00
748
原创 Vue学习记录（codewhy）——JavaScript高阶函数、v-model
编程范式：命令式编程、声明式编程或：面向对象编程（第一公民：对象）、函数式编程（第一公民：函数）JavaScript的高阶函数不适用高阶函数的时候对数组的操作如下需求1 取出所有小于100的数字let newNums = []for (let n of nums) { if (n < 100) { newNums.push(n) }}需求2 将所有小于100的数字进行转化 全部*2let new2Nums = []for (let n of newN
2022-04-26 16:44:44
1333
原创 Vue学习记录（coderwhy）——生命周期、mustache、v-once、v-html、v-text、v-pre、v-cloak、v-bind、计算属性、v-on、v-show、v-if、响应式
Vue初体验原来用js——命令式编程1.创建div元素 设置id属性2.定义一个变量交message3.将message变量放在前面的div元素中显示一步一步告诉你怎么做现在用Vue——声明式编程可以实现数据和界面的完全分离 <div id="app"> <h2>{{message}}</h2> </div> <script type="text/javascript"> Vue.c
2022-04-26 13:52:03
1128
原创 Vue报错记录——无法找到app
报错信息： [Vue warn]: Cannot find element: #app原因是：我把相关的js文件放在head里面，导致文件未加载完成就运行js文件，所以js找不到 #app 。改正： 把相关js文件放至尾部，保证页面全部渲染完成才加载js，就可以避免这个错误。原文链接：https://blog.csdn.net/qq_16687863/article/details/103192596...
2022-04-26 11:07:13
2246
原创 vscode报错记录
Uncaught SyntaxError: Invalid shorthand property initializer在Vue项目中这样的报错发现是因为data里面应该用：而不是=记录一下 data: { movies:['a','b','c','d'], activeIndex:-1 }
2022-04-25 10:59:45
439
原创 数据可视化项目
数据可视化项目总览图项目需求设计稿是1920pxpc端适配：宽度在1024~1920之间页面元素宽高自适应适配方案切图顺序：上右下左
2022-04-25 09:17:06
170
原创 jQuery学习记录（二）事件、其他方法、echarts
事件事件注册 <script> $(function() { //1.单个事件注册 $("div").click(function() { $(this).css("background","purple"); }); $("div").mouseenter(function() { $(this).css(
2022-04-22 14:52:16
371
原创 JQuery学习记录（一）概述、API、效果、属性操作、内容文本值、元素操作、尺寸位置操作
jQuery概述1.javaScript库：即library 是一个封装好了的集合（方法或函数），从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如animate、hide、show等简单理解：一个js文件 里面对我们的原生js（以前学的js）代码进行了封装 存放在里面 这样我们可以快速高效的使用这些封装好的功能所以jQuery就是为了快速方便的操作dom 里面基本都是函数2.jQuery的入口函数相当于原生js中的DOMContentLoaded不同于原生
2022-04-21 11:34:23
3398
原创 JavaScript学习记录——PC端网页特效
元素偏移量offsetoffset是偏移量 我们可以利用其动态的得到该元素的位置（偏移）、大小等获得的元素距离带有定位父元素的位置 如果父元素没有定位 就以body为标准获得元素自身的大小注意：返回的数值都不带单位parentNode和offsetParent都可以返回父元素但是前者返回的是最近一级的父亲 而且不管有无定位都会返回但是后者必须要有定位offset和style的区别...
2022-04-20 09:28:48
85
原创 css和html综合练习——品优购界面制作
关于TDK三大标签SEO的优化一般写好标签即可 有seo人员帮忙提供常用模块类名命名自己不熟悉的点让文字竖直居中 height:31px; line-height:31px;间距可以用 ；实现logo SEO优化
2022-04-19 16:35:40
141
原创 前端学习-css图片和文字上下对齐问题
司法鉴定项目中遇到文字和上面的图片无法对齐的问题 原因在于按照第一个法院为标准 设置了padding-lefft值 但是对于别的文字不能居中对齐解决办法是不用padding-left属性text-align：center;width:父元素宽度;...
2022-03-28 15:46:35
1918
原创 前端学习记录-css文字自动换行word-break
文字自动换行css司法鉴定项目中的区块链hash部分 设置width 但是不起作用 原因在于没有设置自动换行word-break:normal 按照浏览器默认换行word-break:break-all 不论一个单词有没有结束都强制换行word-break:break-word 等待一个单词结束才能换行 不够就空格...
2022-03-28 15:37:41
6933
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人