- 博客(33)
- 收藏
- 关注
RSS订阅原创 jquery ajax data 传输数据序列话以及traditional参数
jquery ajax data 传输数据序列话以及traditional参数现象这是node接收到的数据，明显是被序列化过了，原本是个JSON格式的数据为什么要序列化呢？通过问大佬，我得到了一下基本的结论：这是历史遗留问题，以前我们用PHP来写后端jquery中的ajax请求默认使用序列化以适应如PHP和Ruby on Rails框架，但servelt api无法处理；是否序列化的参数是traditional,译为传统反正证明了论点一； $.ajax({ typ
2021-05-12 15:51:52
293
原创 点击查看全部图片（类似头条效果）
结果展示：1.设计思路判断文章内容的高度，若大于1200px则直接设置文章的最大高度为580px, 超出部分直接 display: hidden查看全部图片直接相对定位放在文章底部，只有文章内容大于1200px才显示，否则display: none查看全部图片设置点击事件，并进行状态切换即可应用代码：import React, { Component } from 'react';import bootstrap from '../../../framework/base';imp
2021-03-08 16:50:04
2268
原创 CSS 的 float浮动 我终于想通了
1 总结一下：浮动元素会脱离文档流并且尽可能地往浮动地方向靠，例如float：left 那么该浮动元素会尽可能地往上往左靠（上一层没满就往上一层挤然后往左靠）,然后就是块级元素就是墙，它会作为一道墙壁卡住浮动元素，内联元素则会自动为浮动元素让道并以文字缠绕的形式包围浮动元素[这篇文章其发到]https://www.cnblogs.com/Renyi-Fan/p/12263027.html分析一波后恍然知道，浮动是块和块之间的游戏，浮动的本质是让块嵌入到另一个块中，然后让原本块中的文字可以环绕这个图
2020-12-15 21:34:34
191
原创 图解ES6 Class的继承-你学费了吗？
为啥？记录本篇文章是因为我全网都找不到 ES6 中class 的继承图就很烦，于是就只能自己动手绘制了，问题的起源是下面这个问题 class A {}class B extends A {}const a = new A()const b = new B()console.log( a.__proto__ )console.log( b.__proto__ )console.log( B.__proto__ )console.log( B.prototype.__proto__ )c
2020-12-07 11:55:48
155
原创 前端同学你知道什么是 RESTful 吗？
（有待填坑）切入点是前后端分离让前后端的交互更加优雅【阮一峰-理解RESTful架构】https://www.ruanyifeng.com/blog/2011/09/restful.html【認識 RESTful API】https://github.com/twtrubiks/django-rest-framework-tutorial/tree/master/RESTful-API-Tutorial【RESTful接口设计原则和优点】https://cloud.tencent.com/develo
2020-11-16 22:07:48
476
原创 JS中prototype出现的理由？原型模式是怎么演变而来的？
首先我们知道创建对象的三种模式：工厂模式、构造函数模式、原型模式；（它们是递进关系的）1. 工厂模式这种模式解决了创建多个相似对象的问题，但是这种模式却无法识别创建出来的对象是属于那种类型的，都属于Object ?function createPerson(name, obj, job) { var o = new Object(); o.name = name; o.obj = obj; o.job =
2020-10-24 10:04:10
220
原创 JS算法：广度优先搜索（BSF）的理解
广度优先搜索方法的实现（基于《学习JavaScript数据结构与算法》补充学习）实现步骤如下1.用initializeColor函数来将color数组初始化为白色；也就是将每个节点初始化为白色未读2.声明和创建一个队列Queue实例，用于储存 待访问 和 待探索的顶点3.将我们的起始的顶点加入队列4.然后我们就进入循环，循环的条件是队列不为空（1）循环第一步：我们从队列中移除一个顶点，并通过邻接表adjList来获取该顶点的所有邻居，并将该顶点color置为灰色表示该顶点已被我们发现（2
2020-09-01 14:01:34
1122
原创 动态规划：最小硬币找零问题
题目：最少硬币找零问题给定一组硬币数，找出一组最少的硬币数，来找换零钱N。比如，可用来找零的硬币为: 1、3、4 待找的钱数为 6。用两个面值为3的硬币找零，最少硬币数为2。而不是 4，1，1这题很典型是动态规划问题，为什么呢？首先我们可以看一下什么问题可以被看做动态规划问题。How should I explain dynamic programming to a 4-year-old?Q底下有个42K赞同的答案，是这样说的：writes down “1+1+1+1+1+1+1+1
2020-08-27 09:30:54
933
原创 矩阵链相乘--动态规划 （个人理解）
首先知道矩阵相乘是前一矩阵的横轴和后一矩阵的纵轴的元素的个数必须相同，然后我们就必须明白两个矩阵相乘总的乘法次数就应该等于 ikj,至于为什么看下图理解一下就好了然后我们就正式开始，因为我们的是多矩阵相乘，因此我们必须将矩阵相乘划分先后顺序，谁和谁先相乘，因为矩阵相乘最小单元是两两相乘。因此我们算法的关键是K值的左右横跳，根据K值的左右横跳我们就可以划分出不同情况的矩阵最小单元，就可以得到不同最小单元的结果，然后再根据结果的大小选择相乘次数最小记录了K值左右横跳的过程左右横跳的计算结果
2020-08-18 17:27:50
613
原创 Vue动画+Velocity.js实现购物车小球
前情提要在实现商城app的时候遇到了小球动画这个坎，跟着教程走行不通，教程是用Vue动画的钩子函数实现的是半场动画，谷歌搜出的商场小球动画都是同一个教程的结果，其中都是用了 el.offsetWeight 浏览器重绘，才会出现小球的过渡效果，可惜我的并不行，然后自以为轻视动画的我也就cope了一下别人的代码随便改改，没想到这是一个巨坑一改就是一天，后来没办法只能冷静下来好好研究Vue的官方文档，同样是用了Vue动画的钩子函数然后结合Velocity.js来实现，至于为什么要用Velocity.js，是因
2020-08-03 12:26:01
229
原创 小程序公开课 - day2（转载）
小程序公开课 - day21. 创建项目2. 设置tab栏3. 渲染轮播图小程序中，请求数据，可以使用wx.request({})步骤：获取轮播图数据使用 swiper 和 swiper-item 组件渲染轮播图结构通过 wx:for 循环渲染每个图片美化轮播图样式4. 渲染九宫格步骤：获取九宫格数据循环渲染九宫格的UI结构通过 flex 布局美化样式5. 导航到店铺列表页面步骤：创建店铺列表页面通过 wx.navigateTo() 导航到店铺列表页面
2020-07-26 10:38:58
94
原创 小程序公开课 - day1（转载）
小程序公开课 - day11. 技术の准备HTML + CSS能够像素级还原UI设计稿掌握 CSS3 中的 Flex 布局Javascript 基础数据类型、变量循环、分支、判断函数、对象、数组面向对象*、ES6*了解至少一种前端的 MVVM 框架VueReactAngualr2. 环境の配置安装 Node.js安装 Git 源代码管理工具安装 微信开发者工具申请 微信公众平台的开发者账号3. 必知の基础概念3.1 区分
2020-07-25 10:45:54
251
原创 中间件的理解
在学习vue时回头重写node的后端接口的过程的时候我留意到了一个点，我接口写得并不流畅然后我也忘了app.use是什么了有什么用？然后我再在stack overflow上面查了一下得到了下面这个回答，然后我发现我迷惑的不是app.use 而是对express中的整个中间件（middleware）的模糊根据对上面回答的理解基本可以清楚中间件就形如其名middleware , 在用户请求和服务器响应返回的中间处理环节，就好比污水处理厂，结合上面回答，用户自定义中间件在一个栈中，也就是污水厂的各种净化水的环
2020-07-18 10:56:40
382
原创 状态机(下)（第八天）
状态机(下)（第八天）本节重点无（但有两题课堂上的选择题留意一下）本节内容这节课讲了啥呢？1.双进程状态机改成单进程状态机2.Moore型状态机和mealy型状态机的区别选择题把答案背一背吧（当然老师上课时说不出选择题也不知道是不是真的）3.不同编码类型的状态机里面提到了用宏定义来定义我们的状态编码，其实我们沿用之前的parameter来定义就好了不用那么麻烦（用宏定义来替代我们的parameter的定义，当然不想用宏也可以）代替我们的parameter的定义（不用在
2020-07-02 11:06:41
286
原创 状态机(上)（第七天）
状态机(上)（第七天）本节重点本节建议大家从视频的16.37分开始看到视频的50.57分 来理解一下老师对状态机的描述,老师对状态机的描述还是很清晰状态机的部分是必考的而且题型固定本节内容我们来这么理解状态机这个概念，计数器本身就是一个状态机，比如一个十进制的计数器就是一个有0-9的十种状态的状态机那么本节的关键在于我们是怎么用verilog 来描述我们的状态机的接下来的内容请保证看了老师的视频的 16.37分开始看到视频的50.57分部分然后就可以很清晰的概括出来（以课堂上的例子说明
2020-07-01 23:44:40
399
原创 状态机 __三态门（第六天）
状态机 -> 三态门（第六天）喔胡说的曾经说过：学习的过程就是讲故事的过程，把听到故事用自己的语言讲给别人听，别人能听懂了那才叫掌握知识本节重点了解什么是三态门？三态门拿来做什么的？双向端口和三态门的关系电路资源优化问题作业本节内容我们先来回答第一个问题，什么是三态门？三态即三种状态：高电平，低电平，高阻态（就是高阻抗（电阻很大，相当于开路））。三态指其输出既可以是一般二值逻辑电路，即正常的高电平（逻辑1）或低电平（逻辑0），又可以保持特有的高阻抗状态。高阻态相当于隔断状态（
2020-06-28 18:45:34
374
原创 Verilog深入上、下（第五天）
Verilog深入上、下（第五天）本节重点Verilog深入上：分频器知识，学会判断给出的电路是多少分频Verilog深入下：阻塞试赋值和非阻塞式赋值的区别以及什么时候用阻塞试赋值？什么时候用非阻塞试赋值作业本节内容Verilog设计深入上、下，两节连在一起看，一个很直观的感受就是没有涉及太多新东西更多的是对前面第3章和第5章的补充毕竟重点都给你标出来了谁才是大哥Verilog设计深入上就是对第5章末尾的一些知识的讲解即上节课我们最后提到的给计数器加一个计数溢出然后做成了一个分频器，
2020-06-28 10:26:11
212
原创 计数器（第四天）
计数器（第四天）本节重点1.什么情况下两个触发器可以写在一个always里面什么情况下不能？2.怎么设计一个计数器，异步信号同步信号怎么样去描述3.作业（1）什么情况下两个触发器可以写在一个always里面什么情况下不能？当几个电路是同一个边沿触发的时候可以写在一个always里面因此反推，当两个电路的边沿触发的时钟是不同的时候是不能写在一个always里面的（2）怎么设计一个计数器，异步信号同步信号怎么样去描述？第一步：这是一个最简单的计数器，时钟上升沿一来就q加1
2020-06-22 14:04:53
546
原创 时序逻辑电路(第三天)
时许逻辑电路(第三天)本节重点1.如何编写用时钟（clk）的上升沿来控制触发器的输出？2.如何编写用同步信号控制（也就是时钟）触发器输出和用异步信号控制触发器输出？（能回答以上两个问题就能应付今天的内容了）本节内容（1）如何编写用时钟（clk）的上升沿来控制触发器的输出 ?我们先不急着解答这个问题，我们先回顾一下本节的标题‘时序逻辑电路’，什么是时序逻辑电路？时序逻辑电路和组合逻辑电路又有什么关系？Ok，上图已经解释得很清晰了，时序逻辑电路相当比组合逻辑电路多一个锁存器，把以前的状态
2020-06-21 15:26:52
882
原创 元件例化（第二天）
元件例化（第二天）半加器描述此前老师讲过应该是没录到，也有可能会考 module h_adder(a, b, co, so) output co, so; input a, b; assign so = a^b; //连续赋值语句 assign co = a&b; endmodule元件例化本节重点（1）用元件例化实现全加器（2）循环语句的使用（3）作业用元件例化实现
2020-06-20 15:49:37
1324
原创 4选1选择器（第一天）
上节课半加器的总结涉及的语法module text(clk,A,B,C)模块名（输入输出端口名）input/output(说明端口的输入输出特性)描述电路的功能，并行语句本节课4选1选择器1. 新增加语法regreg和wire的概念reg（register）英译：寄存器；wire（电线）即：线型sd【reg】理解reg[7:0] yalways凡是在always里面赋值的变量都是寄存器类型的变量顺序语句一定要写在always里面,即：任何顺序语句都要放在结构语
2020-06-19 14:20:14
3142
原创 ES6箭头函数中this的理解
ES6箭头函数中this的理解1.首先看一下普通函数中的this普通函数中的this就是指向该执行函数的最近调用者对象1.function a(){ var user = "追梦子"; console.log(this.user); //undefined console.log(this); //Window}a();这里很明显调用者对象是window，上面a() =》window.a()2.var o = { user:"追梦子", fn:fu
2020-06-08 23:06:03
359
转载 （转载）前端学习视频链接
node js 学习黑马程序员出品，老师叫李鹏周spring 注解版开发学习尚硅谷Spring注解驱动开发视频教程es6学习油管上html5李南江javascript(https://www.bilibili.com/video/av22807707?t=56)vuehttps://www.bilibili.com/video/av27969216?p=39nio 尚学堂https://www.bilibili.com/video/av35956039?p=11作者：soul_e
2020-06-06 12:33:00
281
原创 前端学习视频链接
前端学习视频链接Node.js B站李鹏周Vue.js B站李鹏周Day1-4、Day6-11Vue.js(另一个比较好的老师)B站60w播放ES6 油管上的美女老师
2020-06-06 12:25:43
251
原创 在Express中配置使用express-session插件
在Express中配置使用express-session插件1.安装npm i express-session2.配置var express = require('express')var session = require('express-session')var app = express()app.use(session({ secret: 'keyboard cat', resave: false, saveUninitialized: true}))
2020-06-04 23:53:51
132
原创 MongoDB使用指南
MongoDB使用指南1.设计Scheme 发布Model//1.引用 mongoose 核心模块var mongoose = require('mongoose')var Schema = mongoose.Schema//2.连接数据库//指定连接的数据库不需要一定存在，当你插入第一条数据后就会自动被创建出来mongoose.connect('mongodb://localhost/itcast') //3.设计表结构（集合结构）//字段名称就是表结构中的属性名称//约束的目的是为了
2020-06-02 20:15:55
148
原创 对回调地狱和Promise理解
对回调地狱和Promise理解1.什么是回调地狱，为什么要用回调地狱fs.readFile('./a.txt',"UTF-8",function(err,data){ if(err){ throw err; } console.log(data)})fs.readFile('./b.txt',"UTF-8",function(err,data){ if(err){ throw err; } console.log(da
2020-05-26 22:45:02
132
原创 module.export和exports的区别
module.export和exports的区别在 b.js 中（被引用）//在 b.js 中（被引用）//1.对一个函数的引用function fun(){ console.log('hello')}module.exports = fun// exports.fun = fun// module.exports.fun = fun在 a.js 中（引用）var quote = require('./b.js');quote()// quote.fun()//
2020-05-25 22:15:15
608
原创 JavaScript回调函数的理解
回调函数的理解function add(x,y,callback){ console.log(1) setTimeout(function(){ var ret = x+y; // return ret callback(ret) },1000)}console.log(add(10,20,function(ret){ console.log(ret)}))//返回结果//1//undefined//30
2020-05-23 13:07:22
192
原创 Express中的路由包装以及Express中app.use()用法
Express中的路由包装以及Express中app.use()用法直接用Node.js的require 和 export 也可以实现路由的包装模块化var fs = require('fs');module.exports = function(app){ app.get('/',function(req,res){ }) app.get('/',function(req,res){ }) app.get('/',function(req
2020-05-17 20:02:28
723
原创 在 Express 获取表单 POST/GET 请求数据
在 Express 获取表单 POST/GET 请求数据在 Express 获取表单 POST 请求数据在Express中没有内置获取表单POST请求体的API，这里我们需要使用一个第三方包：body-parser安装 npm install -s body-parser配置 var express = require('express') //1.引包 var bodyParser = require('body-parser') var app = e
2020-05-16 23:36:23
271
原创 用 Express 和 express-art-template 改造之前的 feedback
用 Express 和 express-art-template 改造之前的 feedback1 将 index 和 post 放入views目录，然后用app.use(express.status(views))将目录views开放出来,这样index和post就可以互通了要想达到同样的目的以前的做法是（1）通过if-else来对res.url来对路径判断然后再链接新的路径（2）直接获取req的url作为变量路径然后变量成为路径跳转2 get->index 和 render渲
2020-05-16 18:16:03
118
原创 在Express 中配置使用art-tempalte 模板引擎
在Express 中配置使用art-tempalte 模板引擎art-template-GitHub仓库art-template 官方文档安装npm install --save art-templatenpm install --save express-art-template使用在Express中使用art-template模板引擎来渲染页面Express为Response相应对象提供了一个方法：render在Express中需要配置 express-art-
2020-05-16 16:18:25
234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人