![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 76
王小生iT
这个作者很懒,什么都没留下…
展开
-
设置cookie、获取cookie、删除cookie
当我们需要设置一个cookie时,需要像下面这样写:document.cookie="name=val;expires=toDate"上面的代码中,我们通过字符串的 第一个等式 “name=val”,设置了一个 cookie 名为 “name” 、值为 “val” 的 cookie,它的到期时间是 “toDate”,注意 “toDate” 必须为毫秒数。如果需要获取或删除一个cookie值则需要更复杂的操作。我们试着封装几个方法来简化对 cookie 的增删查设置 cookiefunction原创 2020-12-13 21:31:47 · 816 阅读 · 1 评论 -
jsonp跨域请求原理分析
function jsonp(url, params) { return new Promise(resolve => { // 将params对象拼接成 &key=val&key2=val2 的形式 let p = '' Object.keys(params).forEach(key => { p += `&${key}=${params[key]}` }) const body = document.body //原创 2020-12-01 22:13:32 · 175 阅读 · 0 评论 -
webpack篇(二):打包css文件
你需要先安装两个 loadernpm i css-loader style-loader -D再 webpack.config.js中新增module选项const path = require('path')module.exports = { mode: 'development', entry: './src/index.js', output: { filename: 'js/bundle.js', path: path.resolve(__dirname, 'dist'原创 2020-11-20 11:10:32 · 202 阅读 · 0 评论 -
webpack篇(一):基础配置
初始化项目npm init -y安装相关依赖,注意:下载 webpack-cli 源地址必须是npm的npm i webpack -Dnpm i webpack-cli -D项目根目录中创建 webpack.config.js 文件const path = require('path')module.exports = { mode: 'development', // 表示处于开发阶段 entry: './src/index.js', // 入口文件, output: {原创 2020-11-20 10:44:05 · 184 阅读 · 0 评论 -
Vue2.x 响应式原理
注:以下的所有代码演示仅用于阐述其原理,并非 vue 本身的源码实现Vue 2.x 响应式原理其核心就是 Object.defineProperty() 方法function observer(data) { // 仅当 data 为数组和纯对象时才执行 if (typeof data !== 'object' || data === null) { return } // 当 data 为一个数组时,替换其原型(vue 实例中的 data 不可能为数组,仅当vue实.原创 2020-09-22 16:15:13 · 407 阅读 · 0 评论 -
Vue.js 杂记
$event 是 原生的 event 对象watch 监听引用类型时**必须将deep选项设为true**watch: { info: { handler() { // do somting }, deep: true }}exact 事件修饰符对事件进行修饰时,多余的按钮按下将无法触发事件文本框标签中不能插入内容,如下写法是错误的<textarea>{{...}}</textarea> // 错误写法父组件的 created、.原创 2020-09-12 19:25:53 · 85 阅读 · 0 评论 -
搭配Nginx上线Node项目()
购买云服务器购买完成之后进入控制台进入实例之后可能会显示 “当前实例列表为空,您可以新建一台实例”,此时需要将地域修改为你购买时选择的地域然后我们需要将它默认的密码重置了,选择上图中的重置密码即可,这个密码是连接远程服务器的密码。当然系统也给了一个默认的密码,在消息中心查看接下来配置安全组来允许外部访问相应的端口可以选择一键放通添加所有常用端口,也可以选择添加规则来按需放通如果是按需放通来源选项填写0.0.0.0/0,协议端口一般放通80、443端口(h原创 2020-08-13 15:28:24 · 177 阅读 · 0 评论 -
JavaScript实现数组的随机排列
我们可以通过遍历数组,依次将该列表中的每一个元素与一个随机的元素位置互换,以此来实现列表的随机排列我们可以先声明一个函数,它返回一个区间为 [min, max] 的随机数function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1) + min)}遍历数组,依次将数组中的每个元素与一个随机索引的元素互换export function getRandomGroup(array) { .原创 2020-08-05 22:05:52 · 518 阅读 · 0 评论 -
JavaScript中client、screen、client、offset、page相关属性及函数总结
window.innerWidth,window.innerHeight返回网页在当前窗口中可见区域的高度和宽度,即 视口(viewport) 的大小(单位像素)。注意,这两个属性包括滚动条的高度和宽度。window.outerWidth, window.outerHeight返回浏览器窗口的高度和宽度,包括浏览器菜单和边框(单位像素)。window.screenX, window.screenY返回浏览器左上角相对于当前屏幕左上角的水平距离和垂直距离(单位像素)。windo原创 2020-08-05 21:30:21 · 735 阅读 · 0 评论