- 博客(25)
- 收藏
- 关注
RSS订阅原创 奔走相告，退休公社！！
同时通过居住者自己本身的丰富的交互也让村子感染新的想来居住的人，就像海德格尔在《人，诗意地栖居》里面说道一样：当荷尔德林为终将面临死亡的人说出人类的栖居是诗意地栖居的时候，便制造了一种假象，这种假象用“诗意地栖居”把人类拉出了大地。说到这，插一句，这里面有意思的是：律法是“禁令”的代理，而超我则标记了被允许的享乐（或享乐的自由反转为享乐的义务）的那条界线。在全球资本化的背景下，在这么一个后现代社会，齐泽克甚至称之为“超我”的社会，他和现代社会不同，现代社会特征是生产父法的权威，而后现代的特征是消费，快乐…
2024-03-03 13:10:48
459
原创 移动端适配
移动端适配的几种方案：rem方案rem+vw方案百分比基于媒体查询的响应式设计rem方案的原理：rem是相对长度单位，相对html元素（文档根元素doucment.documentElement）计算值的倍数。根据屏幕宽度设置html标签的font-size，在布局时使用rem单位，达到自适应的目的，是弹性布局的一种实现方式。当页面全屏显示时，设置 html 默认字体大小为100px，则子元素中1rem就等于100px，相当于设计稿中的1px等于0.01rem，使用的时候设计稿中的尺寸直接除以
2020-09-03 22:13:07
182
原创 低端工程师的项目不会部署
以一个react项目为例:build你的项目，如果不知道build你转行卖蛋糕吧。Nginx 部署一、搭建服务器1、登录服务器ssh root@********（阿里云地址）如果有这个提示，打开这个目录，需要去修改一下，找到服务器ip相关得配置得记录删除一下2、安装epel仓库（一个运行的环境）yum install epel-release -y3、安装nginxyum install nginx -y4、启动nginxcentos 7.0:systemctl start ng
2020-08-18 00:51:18
267
原创 React Hooks詳解
什麽是React Hooks?React Hooks 提供了一种简洁的、函数式（FP）的程序风格，通过纯函数组件和可控的数据流来实现状态到 UI 的交互首先先來看一段代碼import React,{useState} from 'react'function App(){ //聲明一個狀態變量 const [obj,setObjct]=useState({ count:0, name:"alllife" }) return (
2020-07-20 20:53:47
183
原创 gulp与部分webpack搭建开发环境与项目一些插件的应用和部署nginx
研发环境搭建yarn add global gulp-cliyarn add gulp -D创建gulpfile.jsconst {src}=require('gulp')function copyHtml(cb){ cb();}exports.default=copyHtml;执行gulp 就可以安装yarn add gulp-webserver -D//搭建研发的serveryarn add node-sass gulp-sass -D//编译scss...
2020-06-14 21:35:25
211
原创 還不會搭建webpack，前端怎麽找工作
关于世界发展越来越趋向魔幻化，你是要选择回到你热爱的春秋战国？文艺复兴时期？民国时期？抑或是上世纪八十年代的浪漫主义？不，只有靠时代发展去改变，而互联网是最趋向于理智世界的堡垒的。 -----写在前面表示我还依然算是文艺青年搭建WebPackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 w...
2020-05-24 17:29:22
251
原创 Redux设计思想, React-redux实现计数器功能
当项目越来越复杂时，组件越来越多的时候，组件之间数据的共享就成为了一个问题，那么Redux就是用来解决各个组件之间数据共享的问题的。redux在vue,node,react都可以使用action：官方的解释是action是把数据从应用传到 store 的有效载荷，它是 store 数据的唯一来源；要通过本地或远程组件更改状态，需要分发一个action；reducer：action发出了做某...
2020-05-04 10:04:22
245
原创 Reactjs路由
BrowserRouter：浏览器的路由方式，也就是在开发中最常使用的路由方式React Router 是建立在history上的。即：一个history知道如何去监听浏览器地址栏的变化，并解析这个URL转化为 location 对象，然后 router 使用它匹配到路由，之后正确的渲染出对应的组件。来一些例子解析一下首先在终端安装yarn add react-router-dom -S...
2020-04-22 22:18:01
163
原创 React高级组件实现计步器
定义一个入口Cart.jsximport React, { Component } from 'react'//数字组件import Count from './Count'//加减按钮组件import CountBUtton from './CountButton'//状态管理，包括数字添加，加减函数import {CountProvider} from './counterCon...
2020-04-21 20:57:16
388
原创 React初级的生命周期
组件的生命周期每个组件都包含“生命周期方法”，你可以重写这些方法，以便于在运行过程中特定的阶段执行这些方法。创建一个父组件，和子组件来比较//父组件import React, { Component } from 'react'export default class Parent extends Component { constructor(){ su...
2020-04-20 21:02:12
81
原创 墨綠的夜
19年过去了，我很怀念它一半甜蜜，一半踌躇。世界上出现了许多儒词怪说的事，我长梦幻如岸上饿殍，使人变得不浪漫，寡言，懒惰，多食，妄想，木讷，欲望。昨天天空有片乌云掠过，有架飞机藏在里面，我看见里面有面孔映在云彩上。我沿着北京西北北沙河走，稻草路上覆盖了许多雪，留了一排像大象脚那么大的脚印。我恍惚回到了多年的乡下，大象席地而坐，天上的飞机还在盘旋，发出嘶嘶蜿蜒的声音，模糊在云中飞下一个物体，我能感...
2020-03-17 08:44:52
114
原创 Gulp项目开发环境的搭建和流程
架构设计前后端分离（前端：html css js 后端：提供接口、数据库操作、。。）,前后端不分离：（.jsp .php .aspx）rmvc 模式router :路由model: 数据层view 视图层controller 控制层（业务逻辑的处理，router+model衔接到一块）技术栈：es6 + zepto.js + scss …构建环境：gulp + webpack移动...
2020-03-09 22:25:56
274
原创 Canvas实现”刮刮乐“
效果图canvas width="800" height="600"></canvas> <script> var canvas=document.querySelector("canvas"); var ctx=canvas.getContext("2d"); ctx.fillStyle="greenyel...
2020-03-06 20:42:54
99
原创 Canvas写柱状图
效果图<canvas></canvas>//----------- var arr = [ { id: 1001, price: 231 }, { id: 1002, price: 451 }, { id: 1003, price: 100 }, { id:...
2020-03-05 23:14:33
181
原创 ES6 Set Map 生成器函数Generators yield
前言数组和对象的区别：数组的优点：有顺序、紧密性、有关联数组的缺点：增删改查速度慢、有重复、判断值时必须要遍历数组对象的优点：有键值对，增删改查速度快、键唯一、多重集合对象的缺点：没有关联、顺序无法改变（按照添加的顺序遍历）、如果需要查询属性时，需要进行遍历Set 对象Set 对象是一个列表，插入、添加、删除速度快，没有重复，只有值（没有键），没有索引，不能使用 for 循环，也不能...
2020-02-19 10:46:31
110
原创 Ajax与封装AJAX
创建ajax//IE7以下使用var xhr=new ActiveXObject("Microsoft.XMLHTTP");//IE7+、Firefox、Opera、Chrome、Safari等浏览器使用var xhr=new XMLHttpRequest();//给XMLHttpRequest对象增加侦听器，用来侦听各种情况，包括各种链接状态，readyState 的值为0，1，2，3...
2020-02-13 21:47:44
95
原创 cookie XSS跨站脚本攻击 localStorage sessionStorage
cookie1、根据域名和路径进行存储2、只能存储文本信息3、只存储在指定的位置，不能随意改变位置4、cookie后来都做了加密隐藏处理，现在无法直接找到cookie文件内容5、cookie只能做临时存储，如果关闭浏览器，数据将会丢失在cookie使用中，主要用于前后端不分离，如果前后端分离，使用AJAX发送时是不同的前后端不分离时，cookie会被自动携带发送到服务端，前后端不分离通...
2020-02-13 21:26:54
838
原创 PHP简单语法
PHP 是一种被广泛使用的开源脚本语言PHP 脚本只能在服务器上执行PHP 没有成本，可供免费下载和使用PHP 文件能够包含文本、HTML、CSS 以及 PHP 代码PHP 代码在服务器上执行，而结果以纯文本返回浏览器PHP 文件的后缀是 “.php”PHP能够做什么：PHP 能够生成动态页面内容PHP 能够创建、打开、读取、写入、删除以及关闭服务器上的文件PHP 能够接收表单数...
2020-02-06 09:29:55
134
原创 原生JS“小试牛刀“拼图游戏
css和HTML<style> *{ padding: 0; margin: 0; } #box{ width: 260px; height: 400px; background-image: url(./img/4.jpg); ...
2020-01-10 22:59:33
80
原创 趋向完美的“拖拽”。
var div=document.getElementById("div1"); div.onmousedown=function(e1){//在div上点击时执行 //console.log(e1.clientX,e1.clientY,e1.offsetX,e1.offsetY); document.onmousemove=fun...
2020-01-09 12:01:11
59
原创 正则表达式
判断字符串是否符合规则 /* var reg=/a/g; var reg=new RegExp("a","g"); */ //两个部分，一个是正则匹配内容，另一个是修饰符部分。 //i 不区分大小写 //g 全局 从头查找到尾部 // m 匹配多行 /* var str="abcabcafc"; str=str.replac...
2020-01-08 22:43:45
101
原创 JS实现简易计算机
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-12-30 14:13:55
2101
原创 JS函数全析
命名函数创建 // 在当前函数所在script标签创建时，优先将该函数存储在堆中，并且函数名存储在栈中 // 当前这个代码所在的script标签的上面的script的标签中任意函数和全局变量都是可以被调用的 // 但是当前代码所在的script标签下面的script的标签中函数和全局变量是不可以调用的 // 函数名：驼峰式命名法，首字母一般都是小写，如果该函数是构造...
2019-12-29 17:19:14
67
原创 #记：南方
#记：南方（我想成为一个好程序员，不过常常爱幻想）想写个有趣的故事却难以想象，近些日子我把梦里的事记下，其中不乏一些有意思的和正常的春梦。我列举一二；:村子里的一个建设单位来了个日本人，伪善的样子，不知其真面目。:夜晚大雨而至，一寨子人用风筝飞去了一个地方。:在梦里做梦，梦见了事物，然后梦里意识叫我醒来记下，却是没醒来。却是精神恍惚，伏案拜读博尔赫斯，才感吾生也有涯，而知也无涯。才写下...
2019-12-10 21:01:01
247
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人