- 博客(37)
- 收藏
- 关注
RSS订阅转载 VUE 各种遇到的问题以及面试题
1.你知道vue的模板语法用的是哪个web模板引擎的吗？说说你对这模板引擎的理解.mustache，主要是使用{{}}进行数据渲染。2.你知道v-model的原理吗？说说看v-model是一个语法糖，真正实现双向绑定还是依靠v-bind：绑定响应式数据。以及触发input事件并传递数据（核心和重点）3.怎么给VUE定义全局方法？第一种：将方法挂载到...
2019-09-30 12:21:00
2303
转载 React 日常遇到的坑
一：子组件不更新问题第一种//子组件：点击事件handleClick(ev,index){ //提交事件 this.props.onHandleButtonClick(index) //更新子组件渲染 :this.props为父组件更新的数据 this.componentWillReceiveProps(this.props)}//...
2019-09-23 15:07:00
213
转载 前端开发常见的安全性处理
一：XSS跨站脚本攻击 （1）恶意攻击者向WBE页面插入恶意代码（html标签，javascript代码），使用户在浏览网页时，html恶意代码被执行，从而达到盗取用户的cookie信息，会话劫持等行为。 （2）类别 1.DOM xss:文本对象模型，使得DOM可以直接允许程序和脚本动态的访问和更新文档的内容，结构和样式。不需要服务器解析响应的直接参与，触发XSS靠...
2019-08-05 15:20:00
891
转载 Nginx代理
一：正向代理 1.工作原理：通过配置代理服务器B，我们本地A请求B代理服务器，然后B服务器再去请求我们真正的请求地址C服务器。整个过程中,C只知道B代理服务器拿了资源，并不知道客户端A也拿到了。 2.正向代理所代理的是客户端。二：反向代理 1.工作原理：浏览器A通过反向代理B请求服务器C的数据，在这个过程中，代理服务器作为中介的一个角色，真正服务器C将代理权给...
2019-08-05 10:54:00
129
转载 前端性能优化
一：网络请求 （1）减少http请求 （2）减少http单次请求所花费的时间二：缓存机制 （1）浏览器缓存机制有4个方面。按照获取资源时请求的优先级排序 1.Memory Cache (在内存的缓存，响应最快的缓存。存base64，较小体积的js，css。) 2.Service Worker Cache (离线缓存，独立于主线程之外的javaSc...
2019-08-02 11:29:00
115
转载 小程序--列表左滑效果
1.WXML<block wx:for="{{memberList}}" wx:key="id" wx:for-item="card" wx:for-index="idx"> <view class="user_card" data-card_leftId="{{idx}}" bindtouchstart="drawerStart" bindtouchmo...
2019-07-31 16:33:00
253
转载 Ajax工作原理
一：Ajax概括 在页面无重新加载或刷新的情况下，Ajax与服务器交换数据并更新部分页面的数据。二：工作原理 与传统的web端请求服务器的区别是中间加了一层Ajax引擎，使用户操作和服务器响应异步化。并且Ajax还提供了数据验证以及数据处理等功能，只有确定在服务器读取新数据时再由Ajax引擎代为向服务器提交请求。三：代码步骤var xmlHttp;var ...
2019-07-30 17:34:00
95
转载 Reflect
一：概括（1）将Object对象的一些明显的内部语言放进了Reflect对象中，在未来的新方法将只部署到Reflect上。（2）修改某些Object方法返回的结果更加合理。比如在Object无法定义属性时会报错，但是Reflect不会。//Objecttry{ Object.defineProperty(target,property,attributes)/...
2019-07-28 09:11:00
152
转载 nx-admin config 配置问题
1.dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { BASE_API: '"http://localhost:8080/api"', ...
2019-07-09 17:05:00
490
转载 css常用的技巧
1.CSS中没有//注释，只有/**/注释：2.将图片作为背景当给页面添加图片时，尤其需要图片是响应式的时候，最好使用background属性来引入图片，而不是<img>标签。这看起来使用图片会更复杂，但实际上它会使设置图片的样式变得更加容易。有了background-size, background-position和其它的属性，保持或改变图片原始尺寸和宽高比会...
2019-07-08 14:55:00
90
转载 nx-admin element ui 常用方法
1.select选择器呈现树状结构，并且同时获取value值和label值<el-cascader v-model="typeCode" ref="cascaderKnowledge" :options="knowledgeTypeOptions" :props="knowledgeTypeProps" ...
2019-06-24 17:05:00
245
转载 nx-admin 引入vue-ueditor-wrap
1.安装npm i vue-ueditor-wrap# 或者 yarn add vue-ueditor-wrap2.放入静态资源并配置首先把官网下载的Ueditor资源，放入静态资源src/static中。如果你使用的是vue-cli 3.x，可以把UEditor文件夹放入项目的public目录下。修改ueditor.config.js中的wi...
2019-06-20 14:38:00
249
转载 nx-admin 引入图标（symbol）
Vue项目中使用svg图标参考文档：https://juejin.im/post/59bb864b5188257e7a427c09一、配置1.安装依赖：npm install svg-sprite-loader --save-dev2.配置build文件夹中的webpack.base.conf.js，主要在两个地方添加代码，如下图所示ex...
2019-06-18 11:59:00
125
转载 vue-判断登陆状态
1.引入vuex 在其中存储用户状态import Vue from ‘vue‘import Vuex from ‘vuex‘Vue.use(Vuex);var state = { isLogin:0, //初始时候给一个 isLogin=0 表示用户未登录};const mutations = { changeLogin(state...
2019-05-08 18:06:00
1731
转载 vue-深入响应原理
一：如何追踪变化？ （1）Object.defineProperty() ：Object.defineProperty()把 Vue中data对象所包含的所有属性全部转化为getters/setter。这些getters/setter对用户来说是不可见的，但在内部它们让Vue能够追踪依赖，在属性被访问和修改时通知变更。 （2）watcher：每个组件实例都对应一个watche...
2019-05-07 16:10:00
86
转载 高性能JavaScript精简笔记
第二章 （数据存取）一.四种基本的数据存取位置（1）字面量 字面量只代表自身，不存储在特定的位置。javaScript中的字面量有：String，Number，Boolean，Object，Array，Function，Regex，null，nudefined值。（2）本地变量 使用关键字定义变量。例：var定义的数据存储单元。（3）数组元素 存储在ja...
2019-03-15 17:05:00
171
转载 NodeJs
v8引擎：v8引擎本身就是用于Chrome 浏览器的JS解析部分，但是nodejs作者将v8搬到了服务器桑，用于做服务器的软件。优点：1.没有历史包袱，没有同步I/O，不会出现一个I/O导致事件循环性能急剧降低的情况、2.v8性能足够好，远远比Python,Ruly等其他脚本语言的引擎快。3.js语言的闭包特性非常方便，比C中的回调函数好用。No...
2019-01-07 11:19:00
105
转载 单页面使用多个编辑器
1.单独写一个生成编辑器的 a.html，2.通过iframe标签引入b.html页面。3.使用按钮添加或删除iframe，并且动态给每一个iframe添加id和name。4.切如果iframe所在的标签是隐藏的话，是不会显示的，所以想要做成切换效果就使用opcity：0；透明度，加定位方法。5.子页面内容<div class="containerDi...
2018-08-31 17:49:00
478
转载 操作数据库
一.SQL语言操作。1.查询：select *frommsg2.写入：insertinto msg (content,user,intime) value ('content','name',123456)3.修改： -3.1.全部修改：UPDATE msg SETcontent = ‘aaa’,user="bbb" -3.2.选择修改：U...
2018-08-09 15:15:00
65
转载 es6常用语法
一：let 和 constlet命令//创建于块级作用域中{let a = 1}// 不存在变量提升console.log(bar); // 报错ReferenceErrorlet bar = 2;//暂时性死区(只要在代码块内使用let声明变量之前，该变量都不可用)var tmp = 123if(true){ tmp = 'ab...
2018-07-31 14:24:00
92
转载 站长统计
在body标签中加入如下代码：<div style='display:none' > <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");documen...
2018-07-02 10:00:00
5083
转载 面向对象，继承机制
一.面向对象语言的要求1.封装：把相关的信息（无论数据或者方法）存储在对象中的能力。2.聚集：把一个对象存储在另一个对象内的能力。3.继承：由另一个类（或者多个类）得来类的属性和方法的能力。4.多态：编写能以多种方法运行的函数或者方法的能力。二.继承机制1.单个类继承function ClassA(sColor,sName) { ...
2018-06-21 11:50:00
250
转载 深拷贝和浅拷贝
js中对象分为基本类型和复合（引用）类型，基本类型存放在栈内存，复合（引用）类型存放在堆内存。1.浅拷贝简单的变量拷贝，并不会发生引用var a = 123456;var b = a;a = 456789;console.log(a)//456789;console.log(b)//123456;引用只发生在对象的身上，因为对象引用的是一个地...
2018-05-11 15:21:00
65
转载 字符串的扩展
字符串的扩展1.String.fromCodePoint() //用于识别码点大于0xFFFF的字符ES5提供了String.formCharCode()方法，用于从Unicode码点返回对应的字符，但是这个方法不能识别码点大于0xFFFF的字符。String.fromCharCode(0x20BB7)上面代码es5的方法不能识大于0xFFFF的码点，所以0x20...
2018-05-09 17:58:00
89
转载 函数的扩展
1.函数参数的默认值1.1基本写法。1.2与结构赋值结合使用。1.3,函数默认值的位置。1.4函数默认值的length属性。1.5函数默认值作用域。一：基本写法es5写法：function log(x, y) { if(typeof y=== "undefined"){ y = 'World'; } console.log(x,...
2018-05-08 23:11:00
110
转载 数组的扩展
1.扩展运算符扩展运算符（spread）是三个点（...）。只要给数组加上...，那么就可以把这个数组变成序列化。var arrr = [1,2,3,4];console.log(...arr)//1 2 3 4该运算符主要用于函数的调用。将数组转化为序列化再传参，function num(...x){ 运用rest参数 ...
2018-05-08 18:31:00
110
转载 正则表达式扩展
1.RegExp构造函数es5写法：var regex = new RegExp('xyz', 'i');// 等价于var regex = /xyz/i;var regex = new RegExp(/xyz/i);// 等价于var regex = /xyz/i;es6写法：var regex = new RegExp(/xyz...
2018-05-08 18:02:00
80
转载 promise
一.promise含义1.三种状态：进行中，成功，失败。（1）只有结果才能决定哪种状态，（2）一旦状态变成成功或者失败，就不会再变。2.异步编程解决方案。二：Promise实例const promise = new Promise(function(resolve, reject) { var name="你好"； if (true){ ...
2018-05-08 17:19:00
56
转载 git
1.下载node.js2.windows安装git3. 开始菜单：运行git.bash$ git config --global user.name "" $ git config --global user.email ""本地仓库1.创建空目录运行git.bash。$ mkdir git_project$ pwd$ git init...
2018-04-20 00:46:00
63
转载 跨域
什么是二级域名：www.minjian.com 这种格式的域名称之为二级域名， www只是一个主机名。什么是一级域名：minjian.com 这种格式的域名才称之为一级域名，minjian是域名主体，.com是域名后缀名，也可以是.net域名后缀名，也可以是.hu域名后缀名。区别：1.多用二级域名的子网站，它的PR值往往要比一级域名低一个档次。2.二级域名是依附一级域名存在的。3...
2018-04-10 10:28:00
986
转载 vue之vue-roter
Vue-router一：安装路由//引入外链<script src="/path/to/vue.js"></script><script src="/path/to/vue-router.js"></script>//CNDnpm install vue-router// main.js...
2018-04-08 22:57:00
138
转载 移动端兼容处理
首先上一段判断android和ios的js代码 function navigator(){ var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 va...
2018-03-10 00:23:00
52
转载 vuex
1.vuex的引入npm install vuex --save2.main.jsimport store from “vuex的js文件的路径”；new Vue({ el: '#app', router, store, components: { App }, template: '<App/>'})3.store.js文...
2018-01-01 21:49:00
60
转载 VUE搭建开发，以及打包。
1.全局安装vue新建文件夹全局安装 vue-clinpm install --global vue-cli在这个文件夹基础上就可以创建vue项目了、之后再想创建vue项目就直接在这个文件夹进行下面的步骤。创建一个基于 webpack 模板的新项目vue init webpack my-project安装依赖，走你cd my-projectnpm ...
2017-12-15 22:11:00
66
转载 sass的安装和使用
windows下的安装1.ruby安装1.先到官网去下载一个Ruby2.2.3（x64），https://rubyinstaller.org/downloads/2.在安装的时候，勾选第二个Add Ruby executables to your PATH这个选项。 添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境。2.sass安装安装完ruby之...
2017-12-15 16:27:00
58
转载 css3新特性
css3新特性：1.css3重要模块：1.1选择器1.2盒模型1.3背景和边框1.4文字特效1.5 2D/3D转换1.6动画1.7多列布局1.8用户界面css3可继承的属性：字体：font，font-size，font-weight，font-family，font-style，font-variant，颜色：color。列表：l...
2017-12-13 22:37:00
90
转载 微信小程序
1.表单1.1 input：必须用view包裹。1.2 textarea：层级最高也需要view包裹，遇到弹窗的时候，要把他隐藏掉。1.3 checkbox：设置大小使用zoom：大小%。1.3 修改input,textarea,checkbox,radio,等标签样式：checkbox：checkbox .wx-checkbox-input{border...
2017-09-01 14:29:00
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人