- 博客(37)
- 收藏
- 关注
转载 VUE 各种遇到的问题以及面试题
1.你知道vue的模板语法用的是哪个web模板引擎的吗?说说你对这模板引擎的理解.mustache,主要是使用{{}}进行数据渲染。2.你知道v-model的原理吗?说说看v-model是一个语法糖,真正实现双向绑定还是依靠v-bind:绑定响应式数据。以及触发input事件并传递数据(核心和重点)3.怎么给VUE定义全局方法?第一种:将方法挂载到...
2019-09-30 12:21:00
2313
转载 React 日常遇到的坑
一:子组件不更新问题第一种//子组件:点击事件handleClick(ev,index){ //提交事件 this.props.onHandleButtonClick(index) //更新子组件渲染 :this.props为父组件更新的数据 this.componentWillReceiveProps(this.props)}//...
2019-09-23 15:07:00
219
转载 前端开发常见的安全性处理
一:XSS跨站脚本攻击 (1)恶意攻击者向WBE页面插入恶意代码(html标签,javascript代码),使用户在浏览网页时,html恶意代码被执行,从而达到盗取用户的cookie信息,会话劫持等行为。 (2)类别 1.DOM xss:文本对象模型,使得DOM可以直接允许程序和脚本动态的访问和更新文档的内容,结构和样式。不需要服务器解析响应的直接参与,触发XSS靠...
2019-08-05 15:20:00
902
转载 Nginx代理
一:正向代理 1.工作原理:通过配置代理服务器B,我们本地A请求B代理服务器,然后B服务器再去请求我们真正的请求地址C服务器。整个过程中,C只知道B代理服务器拿了资源,并不知道客户端A也拿到了。 2.正向代理所代理的是客户端。二:反向代理 1.工作原理:浏览器A通过反向代理B请求服务器C的数据,在这个过程中,代理服务器作为中介的一个角色,真正服务器C将代理权给...
2019-08-05 10:54:00
136
转载 前端性能优化
一:网络请求 (1)减少http请求 (2)减少http单次请求所花费的时间二:缓存机制 (1)浏览器缓存机制有4个方面。按照获取资源时请求的优先级排序 1.Memory Cache (在内存的缓存,响应最快的缓存。存base64,较小体积的js,css。) 2.Service Worker Cache (离线缓存,独立于主线程之外的javaSc...
2019-08-02 11:29:00
119
转载 小程序--列表左滑效果
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
259
转载 Ajax工作原理
一:Ajax概括 在页面无重新加载或刷新的情况下,Ajax与服务器交换数据并更新部分页面的数据。二:工作原理 与传统的web端请求服务器的区别是中间加了一层Ajax引擎,使用户操作和服务器响应异步化。并且Ajax还提供了数据验证以及数据处理等功能,只有确定在服务器读取新数据时再由Ajax引擎代为向服务器提交请求。三:代码步骤var xmlHttp;var ...
2019-07-30 17:34:00
99
转载 Reflect
一:概括(1)将Object对象的一些明显的内部语言放进了Reflect对象中,在未来的新方法将只部署到Reflect上。(2)修改某些Object方法返回的结果更加合理。比如在Object无法定义属性时会报错,但是Reflect不会。//Objecttry{ Object.defineProperty(target,property,attributes)/...
2019-07-28 09:11:00
157
转载 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
504
转载 css常用的技巧
1.CSS中没有//注释,只有/**/注释:2.将图片作为背景当给页面添加图片时,尤其需要图片是响应式的时候,最好使用background属性来引入图片,而不是<img>标签。这看起来使用图片会更复杂,但实际上它会使设置图片的样式变得更加容易。有了background-size, background-position和其它的属性,保持或改变图片原始尺寸和宽高比会...
2019-07-08 14:55:00
99
转载 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
258
转载 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
258
转载 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
130
转载 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
1738
转载 vue-深入响应原理
一:如何追踪变化? (1)Object.defineProperty() :Object.defineProperty()把 Vue中data对象所包含的所有属性全部转化为getters/setter。这些getters/setter对用户来说是不可见的,但在内部它们让Vue能够追踪依赖,在属性被访问和修改时通知变更。 (2)watcher:每个组件实例都对应一个watche...
2019-05-07 16:10:00
90
转载 高性能JavaScript精简笔记
第二章 (数据存取)一.四种基本的数据存取位置(1)字面量 字面量只代表自身,不存储在特定的位置。javaScript中的字面量有:String,Number,Boolean,Object,Array,Function,Regex,null,nudefined值。(2)本地变量 使用关键字定义变量。例:var定义的数据存储单元。(3)数组元素 存储在ja...
2019-03-15 17:05:00
174
转载 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
110
转载 单页面使用多个编辑器
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
484
转载 操作数据库
一.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
71
转载 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
99
转载 站长统计
在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
5091
转载 面向对象,继承机制
一.面向对象语言的要求1.封装:把相关的信息(无论数据或者方法)存储在对象中的能力。2.聚集:把一个对象存储在另一个对象内的能力。3.继承:由另一个类(或者多个类)得来类的属性和方法的能力。4.多态:编写能以多种方法运行的函数或者方法的能力。二.继承机制1.单个类继承function ClassA(sColor,sName) { ...
2018-06-21 11:50:00
257
转载 深拷贝和浅拷贝
js中对象分为基本类型和复合(引用)类型,基本类型存放在栈内存,复合(引用)类型存放在堆内存。1.浅拷贝简单的变量拷贝,并不会发生引用var a = 123456;var b = a;a = 456789;console.log(a)//456789;console.log(b)//123456;引用只发生在对象的身上,因为对象引用的是一个地...
2018-05-11 15:21:00
69
转载 字符串的扩展
字符串的扩展1.String.fromCodePoint() //用于识别码点大于0xFFFF的字符ES5提供了String.formCharCode()方法,用于从Unicode码点返回对应的字符,但是这个方法不能识别码点大于0xFFFF的字符。String.fromCharCode(0x20BB7)上面代码es5的方法不能识大于0xFFFF的码点,所以0x20...
2018-05-09 17:58:00
95
转载 函数的扩展
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
114
转载 数组的扩展
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
120
转载 正则表达式扩展
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
86
转载 promise
一.promise含义1.三种状态:进行中,成功,失败。(1)只有结果才能决定哪种状态,(2)一旦状态变成成功或者失败,就不会再变。2.异步编程解决方案。二:Promise实例const promise = new Promise(function(resolve, reject) { var name="你好"; if (true){ ...
2018-05-08 17:19:00
64
转载 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
68
转载 跨域
什么是二级域名:www.minjian.com 这种格式的域名称之为二级域名, www只是一个主机名。什么是一级域名:minjian.com 这种格式的域名才称之为一级域名,minjian是域名主体,.com是域名后缀名,也可以是.net域名后缀名,也可以是.hu域名后缀名。区别:1.多用二级域名的子网站,它的PR值往往要比一级域名低一个档次。2.二级域名是依附一级域名存在的。3...
2018-04-10 10:28:00
1001
转载 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
144
转载 移动端兼容处理
首先上一段判断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
56
转载 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
66
转载 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
74
转载 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
62
转载 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
97
转载 微信小程序
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
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人