- 博客(50)
- 收藏
- 关注
RSS订阅原创 vue自定义指令实现按钮界别权限管理
在后台管理系统中，每个用户权限都往往需要严格分配，某些可能只具有某个列表的查看功能而没有编辑功能，这就需要对后台管理系统的每个按钮进行权限管理自定义指令管理权限原理：1、自定义指令，根据标签参数实现对当前标签隐藏和显示2、登录时获取按钮权限列表步骤1、创建v-auth 自定义指令import Vue from 'vue'import store from '@/store'const directive = Vue.directive('auth', { inserted: (el.
2021-07-30 15:55:31
619
原创 webpack性能优化：使用gzip压缩功能
vue设置gzip打包压缩当前端项目过大时，可以利用nginx请求配置和webpack来使用gzip压缩功能；Web服务器和浏览器之间压缩传输的”文本内容“的方法。 HTTP采用通用的压缩算法，比如gzip来压缩HTML,Javascript, CSS文件。 能大大减少网络传输的数据量，提高了用户显示网页的速度。当然，同时会增加一点点服务器的开销。 本文从HTTP协议的角度，来理解HTTP压缩这个概念。一、 安装webpack插件 compression-webpack-pluginnpm in
2021-07-22 10:52:55
2160
1
原创 NODE 服务端设置CORS解决跨域问题
项目中遇到直接使用设置原生http工具模块的请求头解决：httpService.createServer((request, response) => { //使用cors解决跨域问题 response.setHeader('Access-Control-Allow-Origin', '*'); //可设置允许跨域地址 response.setHeader("Access-Control-Allow-Headers", "
2021-03-15 11:34:23
648
原创 宏任务（macrotask ）和微任务（microtask ）
macrotask 和 microtask 表示异步任务的两种分类在挂起任务时，JS 引擎会将所有任务按照类别分到这两个队列中，首先在 macrotask 的队列（这个队列也被叫做 task queue）中取出第一个任务，执行完毕后取出 microtask 队列中的所有任务顺序执行；之后再取 macrotask 任务，周而复始，直至两个队列的任务都取完。宏任务和微任务之间的关系转载：添加链接描述...
2020-11-12 11:06:12
1183
原创 JavaScript 作用域、let const var 理解
JavaScript 理解由项目踩过的坑或者经常出现的知识点，总结js基础概念js基础：函数与作用域1、this关键字理解在最近开发的node单机项目中，类与类之间，类的继承中，this的用法不少，是时候结合...
2020-11-12 00:34:44
93
原创 观察者设计模式在前端项目实例
观察者（Observer）模式的定义：指多个对象间存在一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。这种模式有时又称作发布-订阅模式、模型-视图模式，它是对象行为型模式。*实例场景：在点餐主页面菜单列表与购物车列表都可以对购物车进行增减，点餐页面的计算总金额下拉栏组件、购物车组件、列表组件都用到所选购物车数据，如何在一处操作数据就能各出同时相应？可以...
2019-11-26 21:09:00
203
原创 使用图片压缩插件localResizeIMG上传图片
场景：上传给后台前，如果图片过大，需要压缩一下再上传给后台在vue项目中可以使用localResizeIMG插件进行压缩在项目内与后台商定的图片接口：直接传一个formData对象（里面需包含file文件与接口方法参数）lrz接口回调放回有压缩后的file（blob对象）、formData对象（包含file对象）开始！！安装插件：npm i lrz -saveyarn ad...
2019-08-27 17:19:24
393
原创 vue父子组件的的通信问题总结
写了一段时间的vue发现其最大的好处就是觉得一起1.父组件传递数据给子组件（数据绑定）父组件向子组件属性注入数据<template>//使用子组件,绑定子组件的属性为message（子组件将通过获取属性数据获取父组件传输的值） <edit :editMessage="message"><edit></template><...
2019-07-05 17:35:39
181
原创 css盒子垂直水平居中方法总结
经常使用到嵌套盒子居中的问题，使用使用弹性局部解决，使用使用比例，很多都用得初始熟。设置盒子外边框，使外盒子居中，左右外边框值相等（长度未知）水平居中:在div的position为relative（相对定位时有效，绝对定位无效）//盒子相对父盒子水平居中margin: 0px auto ; //2、不知道盒子长宽：垂直水平居中：top、right、bottom、left全为0...
2019-06-09 17:49:04
309
原创 HTML语义化
什么是HTML语义化 HTML 标签语义化是让大家直观的认识标签(markup)和属性(attribute)的用途和作用。 语义化好处 html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;使阅读源代码的人对网站更容易将网站...
2019-05-11 16:39:51
121
原创 2019.3.21整合本地后台和hisi后台
将自己的毕设后台和hisi后台整合1、将原来的数据库都修改为hisi数据库默认前缀hisi_2、将旧的数据库直接导入到hisi默认数据库中3、新建hisi的各个模块4、将就得tp后台的controller（控制器)的文件,复制到相应的模块的admin（eg:car/admin）下面,记得修改每个控制器的namespace 命名（出了这里与原来的不同，其他都一样）；5、将数据库model...
2019-03-21 15:55:56
292
原创 2019.3.15 PHP面试题准备（酷骇游戏）
工作要求：协助完成后端服务器架构优化、模块测试熟悉thinkphp5.0（看tp5文档函数、PHP函数）熟悉Linux；熟悉MySQL及Redis相关技术（复习Linux mysql语句）对高并发、高可用架构有了解（？？）PHP函数篇处理数组：1、求组中最大数和最小数：max ( array $values ) /min ( array $values );2、从小到大...
2019-03-18 09:11:09
520
原创 2019.3.17 面试一家游戏公司回来的总结题
1、你在以前的项目遇到什么困难？（从问题可以看出你的技术深度）2、一道算法题设计一个函数，输入每个奖品的概率数组，输出所抽到奖品的概率eg:$arr = array("a"=>1,"b"=>5,"c"=>8,"d"=>90,"e"=>35,"f"=>4);//每个键代表奖品，每个值代表权值，请输出
2019-03-17 14:27:19
299
原创 2019.3.12
1、改itwo需求itwo的引文版的活动页面出现其他中文博客需要删除这篇博客！解决方法：查看这个页面的源代码，看看这里对应的模块是循环那个博客组的？(event-en属于那个组？？）查看iTWO World 2018 和RIB Americans 两篇博客所在的位置属于那个组？（刚刚找不到），如果看到了5D BIM的博客需要删除这个博客（这里是英文版的，在仪表盘上怎么找？？）删除这...
2019-03-12 17:27:45
102
原创 2019.3.10 关于简历
前期准备工作1、了解自己你是一个怎样的人？什么性格？来自普通的二本院校，本专业知识掌握一般（年级中上），对网页方面的掌握基础好些（tp、vue的延伸），会用，记不牢。不够自信，对一些大一点的企业会感到一点学历卑微。性格不够果断，三分钟热度。优点：真诚、可爱。你想要选择的企业级和职位？有没有信心达到自己想要去的企业级不看现有的公司和职位，我最希望找得公司是比较年轻化的创业公司，因为感觉这...
2019-03-10 23:06:08
98
原创 2019.3.8
what should i do1、校招萦绕语心（金三银四）华工校招–&amp;amp;gt;查看摊位–&amp;amp;gt;筛选公司–&amp;amp;gt;查看所在摊位位置–&amp;amp;gt;准备面试东西–&amp;amp;gt;准备面试简历2、最近为面试复习的东西3、毕业论文、设计（周末？？）...
2019-03-08 09:46:16
123
原创 2019.3.7 Javascript 总结（面试前复习要点）
what should i do看前端资料（掘金）论文、面试金三银四JavaScript 要点总结：JavaScript函数：（int） parseInt（string，radix）：将一个字符串string转为一个int解析：radix参数：是一个基数，（取值范围2-36）；最后结果是这个数加上一个字符串各位的数说说null和undefined的区别。都表示 无，如果...
2019-03-07 17:27:20
133
原创 2019.2.27、28 修改页面显示的bug、查看WordPress的官方文档
2.27 修改文章的自定义属性和文章内容显示问题1、在mtwo中修改itwo网站里文章里面新增的自定义栏目值可能是因为是itwo的超级管理员建立的页面，在页面中会看不到原来设的自定义栏目的值：并且这里的页面的自定义栏目的值只能添加值，而不能修改或者更新自定义栏目的值；所这里遇到一个问题：如何修改这些文章页面的自定义栏目的值？？方法①：新增一个与之前一样的自定义栏目的名称和对应修改的值...
2019-02-28 10:48:57
187
原创 2019.2.27理解Git和GitHub的使用原理，将一个PHP项目和Vue项目上传和同步到GitHub上
1、Git基础Git不仅仅是一个版本管理器，也是一个内容管理系统（CMS）Git是分布式，而SVN不是仓库(repository)：可以使用一个已经存在的目录作为Git仓库或创建一个空目录集中化的版本控制系统：CVS、SVN分布式版本控制系统：Git、bazaargit commit 时，暂存区(index)的目录树写到版本库（对象库）中，master 分支会做相应的更新。即 m...
2019-02-27 17:29:57
270
原创 2019.2.26 修改WordPress自定义栏目和增加新的栏目参数
给一篇文章增加自定义栏目（使文章有自定义的时间地点等熟悉）ps:如图中，上面的文章的都有自己自定义的属性：日期、类型、地点、地区如何在新建文章中添加这些属性？？查看这个页面page对应的模板page的源码，会发现这些自定栏目属性的名称：如图部分代码： <?php query_posts( array( 'category_name...
2019-02-26 16:32:02
1049
原创 2019.2.22
css所有元素都有position和display属性，display的一般属性不是block（块级元素）就是inline（行内元素）；在div里面。背景颜色background-color在图层的最底层，背景图片background-image在中间层，最上层就是文字显示；2、为特定的page页面的内容添加相应的css代码和JS代码用你常用的代码编辑器打开你的 WordPress...
2019-02-22 14:11:01
137
原创 2019.2.21 对自定义页面的修改
1、修改mtwo的foot模块：1、如图删除底部的buy按钮：buy是foot模板的静态HTML代码表现，需找到foot模板的mtwo solutions 菜单，在里面的源代码删除：&amp;amp;lt;h4 class=&amp;quot;mg-md bloc-mob-center-text tc-white hidden-xs&amp;quot;&amp;amp;gt;&amp;amp;lt;a class=&
2019-02-21 11:51:42
281
原创 2019.2.19 关于wordpress主题开发
看WordPress的官网的主题开发资料总结循环loopLoop是WordPress用来显示帖子的PHP代码，使用The Loop，WordPress会处理每个帖子以显示在当前页面上循环的概念循环是面向对象和全局变量的组合循环的两个重要全局变量是：$ wp_query，它是类WP_Query的一个对象，持有一个WP数据库查询结果，其中$ wp_query-> posts，...
2019-02-19 17:17:52
880
原创 2019.2.19 笔记
1、关于布局box-sizing:border-box;设置盒子模式为本模式令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中（内容会变小，content内容延长到边框）归档博客也是在网上保存文章的好途径。多数博客以时间为基础将文章存档（例如以月或年归档），你还可设置在首页日历上显示每日存档。日志存档还可以以类别为基础，将同一类别日志存档在一起。除此之外，也可用作者或字母表...
2019-02-19 11:32:13
112
原创 2019.2.18 模板的创建和自定义子模板文件(single.php 等)
1、将主页面index.php分成不同的模板创建header.php（头部）、sidebar.php(工具栏)、footer.php等模板将对应的模块代码方法这些模板里面如header.php内容包括head声明的属性、头部导航栏（封装成头部模板，以供多个页面复用）代码：-`<title><?php bloginfo('name'); ?><?php ...
2019-02-18 17:03:43
364
原创 2019.2.15 WordPress的安装与简单创建主题
Wordpress安装WordPress也是开箱即用，只需在Wordpress下载安装包，放下本服务器的目录下，创建WordPress的数据库，连接数据库，配置参数即可在安装目录WordPress的wp_config.php配置文件下设置：登录主页，WordPress安装成功2、进入WordPress的管理员页面：外观/主题可以看到当前使用的主题，设置应用主题和添加主题，手动设置...
2019-02-15 16:31:31
315
原创 2019.2.14写第二个前端页面，看了一些css基础
1.实现第二个前端页面，大多是用纯HTML+css实现，是通过在第一个页面的额基础上，修改local的block文件指向位置，在3columns.ptml文件获取中间内容块： &lt;?php echo $this-&gt;getChildHtml('breadcrumbs') ?&gt;breadcrumbs.phtml 是今天实现中间页面的HTML代码...
2019-02-14 14:46:52
171
原创 使用css 实现鼠标事件响应动态下划线（动态过渡）
最后显示效果：描述：鼠标滑动至Home上，触发css事件（hover、after）home的下滑线会由中间到两边呈动态效果慢慢出现（是同纯css写的哦）原理：给A标签外加一个div盒子，当触发div标签的时候，盒子的css样式会改变，边框会以动态形式呈现HTML代码： &amp;lt;div id=&quot;underline&quot;&amp;gt;&amp;lt;a href=&a
2019-02-13 16:33:59
5577
原创 2019.2.13 图片、段落等样式调整，写好home.png的前端，页面
1、顶层3column.phtml模块有三个子模块： <div class="page"> <?php echo $this->getChildHtml('header') ?> <div class="my-main"> <?php echo $this->getChildH
2019-02-13 15:03:37
147
原创 2019.2.12 为phtml文件添加自己的css、JS样式和图片资源
1、添加自定义的css文件在skin/frontend/rwd/default/css建立自己的css文件：mystyle.css（引用路径是遵循本模板的原来css引用路径）在local.xml文件中设置引用该css &amp;lt;block type=&quot;page/html_head&quot; name=&quot;head&quot; as=&quot;head&
2019-02-12 14:20:25
714
原创 2019.2.11 重写block，重写自己的layout和template
复制mage/page 下的block全部文件到自己的模块（hello）下修改block下面的类名与本模块名一致，这个新的block文件就会覆盖core里面的文件，直接修改这里的代码可以达到重写block的目的；2、复制rwd/template/page下的全部模板，到一个自定义的目录frontend/base/default/template/home(home为自定义的模板)下，可以...
2019-02-11 15:07:13
274
原创 2019.2.1学习总结
magento2外观:block就是页面内容的载体，所有内容不论是程序输出还是后台输入，都会由block中被显示。layout是一大堆声明block的xml。找到模板：需要知道显示在页面每个部分对应的模板（template）在目录中的什么位置：需要在magento后台打开模板调试界面找到布局layout：eg:看到模板提示看到template路径：app/code/Magento...
2019-02-01 11:27:37
113
原创 2019.1.31关于magento的补充资料
magento2外观的三大元素：layout、block（就是那个phtml文件）、container;block就是页面内容的载体，所有内容不论是程序输出还是后台输入，都会由block中被显示。container是block的容器，决定了block所在页面上的位置。layout是一大堆声明container和block的xml。找到模板：需要知道显示在页面每个部分对应的模板（templ...
2019-01-31 23:23:09
132
原创 2019.1.30、31 学习总结
theme的建立尝试建立导航栏1、需要建立一个继承原有模型的theme，需要找到theme导航栏所在块的位置，这这个位置添加block，输出HTML。在首页文件的时候的理解block加载的理解安装手册上替换在layout设置中，添加block标签，覆盖了“root”块的模板过程：$this-&amp;gt;loadLayout()会为每一个 block 和 reference...
2019-01-31 16:27:22
126
原创 2019.1.29 学习总结
数据操作与数据收集器model对象类：Varien_Object()Varien_Object()对象方法：getData（获取一组数组）getName（获取名为name的数据）setName(’$str’)(设置name为某个值)数据收集器类： Varien_Data_Collection()Varien_Data_Collection()方法：getFirstIt...
2019-01-29 11:13:38
91
原创 2019.1.28 学习总结
EAV模型的创建跟简单模型的创建差不多（继承类不同），数据库表的结构很大区别1、创建基本模型类（类型数据绑定），设置配置文件启用基本模型2、创建资源模型（与数据库对话），设置配置文件启用资源模型 &amp;amp;lt;!--创建一个组名为hello_eav模型--&amp;amp;gt; &amp;amp;lt;hello-eav&amp;amp;gt; &
2019-01-28 11:27:31
131
原创 2019.1.25 学习总结
一、使用资源配置来对数据库进行定义（DDL语句的应用）1、添加资源配置（ps： 是在global标签里面的）&amp;lt;resources&amp;gt; &amp;lt;!--资源配置标签--&amp;gt; &amp;lt;hello_setup&amp;gt; &amp;lt;!--以组名_setup,命
2019-01-25 13:32:16
112
1
原创 2019.1.24 学习总结
一、Model模型的创建创建基本模型类（类型数据绑定），设置配置文件启用基本模型创建资源模型（与数据库对话），设置配置文件启用资源模型，为资源添加一个实体（数据表）创建controller,通过实例化基本模型，通过模型实体操作查询数据库遇到的问题：1、基本模型和资源模型的关系不太清楚2、在写config.XML文件的时候，资源模型的配置文件写在了标签外面，导致调试了好久才发现哪里出...
2019-01-24 17:14:57
137
1
原创 2019.1.23 学习总结
**2019.1.23 学习总结**上午：安装magento安装大概过程从官网下载magento1.9、magento-sample-data把magento-sample-data的media文件夹替换magento的文件夹将magento-sample-data的sql文件导入到数据库在magento界面继续用户密码设置安装遇到的问题：1、将magento-samp...
2019-01-24 14:00:35
103
原创 将一棵树装进数据库
数据库设计时会涉及一些树结构的存储：储存地区时，城市各级地区名的存储（城市——》县——》镇），需要关联模式使它们存储起来四种方法1. adjaceny list（邻接表）记录每个节点属性像是邻接表一样，每个节点信息除了自己的值，还包括父节点（链表）简单、访问子节点需要递归循环，广搜简单，深搜难；增删简单。2. path enumerations（路径枚举）每个节点以字符串信息赋予路...
2019-01-09 19:21:36
232
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人